@font-face { font-family: "Inter"; src: url("/fonts/InterVariable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
html:root, body { --cv-font-body-family: "Inter", Arial, sans-serif; --font-body-family: "Inter", Arial, sans-serif; }
body, body .cv-text, body button, body input, body select, body textarea { font-family: "Inter", Arial, sans-serif; }
body h1, body .cv-heading { font-family: "Petrona", Georgia, serif; }
body h2, body .cv-heading--level-2 { font-weight: 600; }
/* Campaign calibration against the user's September 7 Parachute screenshot.
   The captured seasonal campaign has different alignment, sizing and colors.
   Keep the donor layout and fonts; scope these adjustments to those differences. */
.cv-announcement-bar-section .cv-announcement-bar {
  --cv-color--base--surface: #485763 !important;
  min-height: 26px;
}
.cv-announcement-bar-section .cv-announcement-bar__slide { min-height: 26px; padding-block: 4px; font-size: 10px; }
.cv-header-section .rr-wordmark { text-transform: uppercase; letter-spacing: 4px; font-size: 19px; font-weight: 600; white-space: nowrap; }
.cv-header-section .cv-header__desktop-bar > .cv-section > .cv-stack { min-height: 48px; padding: 8px 30px; gap: 20px; }
.cv-header-section .cv-header__desktop-bar nav .cv-stack { gap: 19px; }
.cv-header-section .cv-header__nav-trigger { font-size: 12px; }
.cv-header-section .cv-header__nav-section:empty { display: none; }
.cv-header-section .cv-header__utility-link { width: 32px; height: 30px; }
.cv-header-section .cv-icon { width: 18px; height: 18px; }
[id$="LPL9Ag"] { background: #fff; }
[id$="LPL9Ag"] > .cv-section {
  height: calc(100svh - 153px);
  min-height: 0 !important;
  color: #fff !important;
}
[id$="LPL9Ag"] .cv-section > .cv-stack { align-items: center !important; justify-content: flex-end !important; }
[id$="LPL9Ag"] .cv-conditional--viewport-desktop > .cv-stack {
  width: 100%;
  align-items: center !important;
  padding: 0 3.2vw 5.5svh !important;
  gap: 18px;
}
[id$="LPL9Ag"] .cv-heading { font-family: "Petrona", Georgia, serif !important; font-size: clamp(40px, 4.5vw, 88px) !important; max-width: 10em; text-transform: uppercase; font-weight: 400; line-height: 1.08; text-align: center !important; letter-spacing: .025em; text-wrap: balance; text-shadow: 0 2px 18px rgb(0 0 0 / 16%); }
[id$="LPL9Ag"] .cv-text { font-size: 16px !important; text-align: center; }
[id$="LPL9Ag"] .cv-text + .cv-text { display: none; }
[id$="LPL9Ag"] .hero-photo { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }
[id$="LPL9Ag"] .cv-section::after { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgb(14 16 13 / 40%), transparent 65%), rgb(14 16 13 / 20%); pointer-events: none; }
[id$="LPL9Ag"] .cv-section > .cv-stack { z-index: 1; }
[id$="LPL9Ag"] a.cv-button { background: rgb(255 255 255 / 6%) !important; color: #fff !important; border: 1px solid rgb(255 255 255 / 90%) !important; border-radius: 1px; padding: 12px 30px; min-height: 42px !important; height: 42px; font-size: 12px; font-weight: 400; text-transform: uppercase !important; transition: background-color .2s, color .2s; }
[id$="LPL9Ag"] a.cv-button:hover, [id$="LPL9Ag"] a.cv-button:focus-visible { background: #f8f8f4 !important; color: #292d27 !important; }
@media (min-width: 768px) {
  body:has([id$="LPL9Ag"]) .cv-announcement-bar-section { display: none; }
  body:has([id$="LPL9Ag"]) .cv-header__desktop-bar > .cv-section > .cv-stack { min-height: 56px; }
}
[id$="rTiXNd"] .cv-section { background: #354653 !important; color: #f4f4f2 !important; min-height: 52px !important; }
[id$="rTiXNd"] .cv-stack { padding-block: 0 !important; }
[id$="rTiXNd"] .cv-section > .cv-stack { min-height: 52px; }
[id$="rTiXNd"] .cv-text, [id$="rTiXNd"] a { font-family: "Petrona", Georgia, serif !important; letter-spacing: 0 !important; font-size: 16px !important; color: #f4f4f2 !important; font-weight: 400 !important; text-transform: none !important; }
[id$="rTiXNd"] a.cv-button { background: transparent !important; padding: 0 20px; min-height: 28px; height: auto; border: 0; border-radius: 0; }
.style-browser { position: relative; padding: 32px 4vw 40px; background: #f8f8f8; color: #292b29; }
.style-browser__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.style-browser .cv-heading { font-size: 30px; font-weight: 600; line-height: 1.2; margin: 0; }
.style-browser .cv-tabs__list { display: flex; position: static; margin: 0; padding: 0; border-bottom: 4px solid #dcdcd9; border-radius: 3px; min-height: 30px; overflow: visible; }
.style-browser [role="tab"] { position: relative; border: 0; border-bottom: 4px solid transparent; border-radius: 3px; margin-bottom: -4px; background: transparent; color: #333; font-family: inherit; font-size: 13px; padding: 4px 12px 8px; cursor: pointer; }
.style-browser [role="tab"][aria-selected="true"] { border-bottom-color: #333; }
.style-browser [role="tab"]::after { content: none; }
.style-browser :focus-visible { outline: 2px solid #485763; outline-offset: 4px; }
.style-browser__rail { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 56px) / 4.12); gap: 14px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; padding-bottom: 4px; }
.style-browser__rail article { scroll-snap-align: start; min-width: 0; }
.style-browser__image { position: relative; display: block; aspect-ratio: 1; background: #dbdbdb; overflow: hidden; }
.style-browser .style-browser__image img { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; max-height: 100% !important; object-fit: contain !important; padding: 22px 20px; mix-blend-mode: normal; transition: transform .25s ease; }
.style-browser .style-browser__image img { transition: opacity 320ms ease, transform 500ms ease; }
.style-browser .style-browser__image .style-browser__alternate { object-fit: cover !important; padding: 0; mix-blend-mode: normal; opacity: 0; transform: scale(1.03); }
.style-browser__image:focus-visible .style-browser__alternate { opacity: 1; transform: scale(1); }
.style-browser__image:focus-visible .style-browser__sample { opacity: 0; }
.style-browser__controls { position: absolute; bottom: 32px; right: 4vw; display: flex; gap: 22px; margin: 0; }
.style-browser__controls button { color: #42453f; font-size: 28px; font-weight: 300; border: 0; background: transparent; cursor: pointer; padding: 4px; line-height: 1; }
@media (hover: hover) and (pointer: fine) {
  .style-browser__image:hover .style-browser__alternate { opacity: 1; transform: scale(1); }
  .style-browser__image:hover .style-browser__sample { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .style-browser .style-browser__image img { transition: none; }
}
.style-browser__plus { position: absolute; bottom: 9px; right: 9px; width: 27px; height: 27px; color: #393b36; border: 1px solid #8b8d88; border-radius: 50%; background: #f8f8f8; font-size: 24px; line-height: 23px; font-weight: 300; text-align: center; }
.style-browser__swatches { display: flex; align-items: center; gap: 7px; padding: 12px 2px 2px; }
.style-browser__swatches button { display: block; width: 21px; height: 21px; flex: 0 0 21px; padding: 0; border: 1px solid #aaa9a2; border-radius: 5px; cursor: pointer; }
.style-browser__swatches button[aria-pressed="true"] { outline: 1px solid #353833; outline-offset: 2px; }
.style-browser__swatches button:hover { border-color: #353833; }
.style-browser .card__heading { font-size: 14px; font-family: inherit; margin: 14px 0 5px; font-weight: 400; }
.style-browser p { font-size: 12px; margin: 0; color: #65665f; }
.style-browser__all { display: block; width: fit-content; font-size: 13px; margin-top: 20px; }
[id$="aiDaUJ"] .cv-text { display: none; }
[id$="aiDaUJ"] .product_variant_options_new { display: none; }
[id$="aiDaUJ"] .card__inner { --ratio-percent: 100% !important; background: #e5e5e3 !important; }
[id$="aiDaUJ"] .card__media img { object-fit: contain !important; padding: 28px; mix-blend-mode: multiply; }
[id$="aiDaUJ"] .cv-heading { font-size: 30px !important; }
[id$="6CPFCw"] .cv-video__el { max-height: 480px; object-fit: contain; background: #f0f0ec; }
.Index_object_collections_new .swiper-slide img { object-fit: contain !important; background: #e9e9e5; }
.Collection_template_new .collection-hero__description { max-width: 660px; }
.store-tools .catalog-browser { display: block; }
.store-tools .catalog-filters { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding: 0 0 28px; background: transparent; border: 0; }
.store-tools .catalog-filters h2 { display: none; }
.store-tools .catalog-filters label { margin: 0; font-size: 13px; }
.store-tools .catalog-filters input, .store-tools .catalog-filters select { width: 190px; padding: 10px 12px; font-size: 13px; }
.store-tools .catalog-filters p { margin: 0 0 0 auto; font-size: 13px; }
.store-tools .catalog-result-bar { margin-bottom: 20px; font-size: 13px; }
.store-tools .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 16px; }
.store-tools .product-grid .card__inner { background: #eee !important; }
.store-tools .product-grid .card__media img { object-fit: contain !important; padding: 24px; mix-blend-mode: multiply; }
.store-tools .product-grid .card__heading { font-size: 14px; line-height: 1.4; font-weight: 400; }
.store-tools .product-grid .product_variant_options_new { font-size: 13px; margin-top: 5px; }
.door-grid figure { scroll-margin-top: 100px; }
.store-tools .cabinet-configurator .series-choice { grid-template-columns: 64px minmax(0, 1fr) auto; }
.store-tools .cabinet-configurator .series-choice img { width: 64px !important; height: 64px !important; object-fit: cover !important; }
.store-tools .cabinet-configurator .config-section { padding: 18px 0; margin: 0; }
.store-tools .cabinet-configurator .config-section legend { font-weight: 400; }
.store-tools .cabinet-configurator .config-section legend > span { display: none; }
.store-tools .cabinet-configurator .config-choice.is-selected, .store-tools .cabinet-configurator .finish-choice.is-selected { background: #f1f0eb; }
.store-tools .cabinet-configurator .finish-color-preview { height: 50px; }
.store-tools .cabinet-configurator .config-choice { padding: 12px; }
.store-tools .cabinet-configurator .series-choice { padding: 0; }
[data-faithful] details .question { cursor: pointer; padding: 18px 0; font-size: 13px; }
[data-faithful] details .answer { padding: 0 0 20px; line-height: 1.6; }
[data-faithful] details:not([open]) .answer { display: none !important; }
[data-faithful] details[open] .answer { display: block !important; }
[data-faithful] details .answer .button--primary { color: #fff !important; }
.founder-image-left img { object-fit: contain !important; background: #e9e9e5; }
.howsitmade-slider .swiper-wrapper { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: stretch; height: 100%; }
.howsitmade-slider .swiper-wrapper > div { width: auto !important; min-width: 0; height: 100%; }
.howsitmade-slider .howsitmade-slider__image { height: 100% !important; max-height: 420px; object-fit: contain !important; background: #e5e4de; }
.brand-values__content { padding: 50px !important; }
.brand-values__content p { max-width: 560px; margin-inline: auto; }
@media (max-width: 767px) {
  .cv-header-section .rr-wordmark { font-size: 17px; letter-spacing: 3px; }
  .cv-header-section .cv-header__mobile-bar .rr-wordmark .rr-wm-1 { font-size: 17px; }
  .cv-header-section .cv-header__mobile-bar > .cv-section > .cv-stack { justify-content: flex-start; min-height: 48px; padding-left: 18px; }
  .cv-header-section .cv-header__mobile-bar { position: relative; }
  .cv-header-section .cv-header__mobile-bar .rr-burger { position: absolute !important; top: 50%; right: 16px; transform: translateY(-50%); }
  .howsitmade-slider .swiper-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-values__content { padding: 30px 22px !important; }
  .cv-announcement-bar-section .cv-announcement-bar__slide { font-size: 9px; }
  [id$="LPL9Ag"] > .cv-section { height: calc(100svh - 107px); min-height: 0 !important; }
  [id$="LPL9Ag"] .cv-conditional--viewport-mobile > .cv-stack { width: 100%; align-items: center !important; padding: 0 22px 36px !important; gap: 14px; }
  [id$="LPL9Ag"] .cv-heading { font-size: 36px !important; line-height: 1.12; max-width: 340px; letter-spacing: .02em; }
  [id$="LPL9Ag"] .cv-text { font-size: 13px !important; }
  [id$="rTiXNd"] .cv-section > .cv-stack { padding: 14px 12px; }
  [id$="rTiXNd"] .cv-text { font-size: 11px !important; }
  .style-browser { padding: 36px 18px; }
  .style-browser__heading { flex-wrap: wrap; margin-bottom: 26px; gap: 22px; }
  .style-browser .cv-heading { font-size: 28px; }
  .style-browser__rail { grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; }
  .style-browser__image img { padding: 15px 12px; }
  .style-browser [role="tab"] { padding-inline: 18px; }
  .store-tools .catalog-filters { gap: 12px; }
  .store-tools .catalog-filters input, .store-tools .catalog-filters select { width: 100%; }
  .store-tools .catalog-filters p { margin: 0; }
  .store-tools .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 12px; }
  .store-tools .product-grid .card__media img { padding: 10px; }
}

/* CabinetsMax identity, option 06: outlined, widely spaced editorial serif.
   Keep the text in the DOM for accessibility; the mask uses fixed vector paths. */
.cv-header-section .rr-wordmark { flex-shrink: 0; }
.cv-header-section .rr-wordmark .rr-wm-1 {
  display: block;
  width: 250px;
  height: 30px;
  font-size: 0;
  color: #242421;
  background-color: currentColor !important;
  -webkit-mask: url('/brand/cabinetsmax-logo.svg') center / contain no-repeat;
  mask: url('/brand/cabinetsmax-logo.svg') center / contain no-repeat;
}
.cv-header-section .rr-wordmark .rr-wm-2 { display: none; }
@media (max-width: 989px) {
  .cv-header-section .cv-header__mobile-bar .rr-wordmark .rr-wm-1 {
    width: clamp(160px, 47vw, 220px);
    height: 28px;
    font-size: 0;
  }
}
@media (forced-colors: active) {
  .cv-header-section .rr-wordmark .rr-wm-1 { background-color: CanvasText !important; }
}

/* Screenshot refinement: balanced promo columns and editorial product rail. */
[id$="LPL9Ag"] .cv-text { color: #fff !important; opacity: 1 !important; font-size: 18px !important; font-weight: 500; text-shadow: 0 1px 8px rgb(0 0 0 / 85%); }
[id$="rTiXNd"] .cv-section > .cv-stack > .cv-stack { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(1080px, 94vw); gap: 0 !important; padding: 0 !important; }
[id$="rTiXNd"] .cv-layers { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; min-height: 28px; padding: 0 20px !important; text-align: center; }
[id$="rTiXNd"] .cv-layers + .cv-layers { border-left: 1px solid rgb(255 255 255 / 45%); }
[id$="rTiXNd"] .cv-layers::before, [id$="rTiXNd"] .cv-layers::after { content: none !important; }
[id$="rTiXNd"] a.cv-button { padding: 0 !important; }
.style-browser { padding: 44px 3.2vw 44px; background: #fff; overflow: hidden; }
.style-browser__heading { display: flex; flex-direction: column; align-items: flex-start; gap: 0; margin-bottom: 18px; }
.style-browser .cv-heading { font-size: 32px; font-weight: 500; }
.style-browser .style-browser__description { font-size: 16px; color: #424540; margin: 18px 0 22px; line-height: 1.5; }
.style-browser .cv-tabs__list { border-bottom-width: 2px; border-radius: 0; }
.style-browser [role="tab"] { font-size: 14px; padding: 0 18px 8px; border-bottom-width: 2px; border-radius: 0; margin-bottom: -2px; }
.style-browser [role="tab"]:first-child { padding-left: 6px; }
.style-browser__controls { position: static; display: flex; justify-content: flex-end; gap: 20px; margin: 0 0 20px; }
.style-browser__controls button { font-size: 28px; padding: 0; }
.style-browser__rail { width: calc(100% + 3.2vw); grid-auto-columns: calc((100% - 48px) / 4.12); gap: 16px; }
.style-browser .card__heading { font-size: 16px; font-weight: 500; margin: 20px 0 10px; line-height: 1.35; }
.style-browser__swatches { padding: 0 2px 3px; gap: 9px; }
.style-browser__swatches button { width: 18px; height: 18px; flex-basis: 18px; border-radius: 50%; }
.style-browser .style-browser__all { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 232px; max-width: 100%; min-height: 46px; margin: 64px auto 0; padding: 12px 18px; border: 1px solid #424540; border-radius: 1px; text-decoration: none; text-transform: uppercase; font-family: "Inter", Arial, sans-serif; font-size: 11px; font-weight: 500; line-height: 20px; text-align: center; }
.style-browser__all:hover { background: #354653; color: #fff; }
@media (max-width: 767px) {
  [id$="LPL9Ag"] .cv-text { font-size: 15px !important; }
  .style-browser { padding: 32px 20px 36px; }
  .style-browser .cv-heading { font-size: 28px; }
  .style-browser .style-browser__description { font-size: 14px; margin: 14px 0 20px; }
  .style-browser__rail { width: calc(100% + 20px); grid-auto-columns: 70%; gap: 12px; }
  .style-browser .card__heading { font-size: 14px; }
  .style-browser .style-browser__all { margin-top: 36px; padding: 12px 18px; }
}

.style-browser__badge { position: absolute; z-index: 2; top: 12px; left: 12px; border: 1px solid #414440; border-radius: 5px; background: #fff; color: #353833; padding: 4px 10px; font-family: "Inter", Arial, sans-serif; font-size: 12px; font-weight: 500; line-height: 1.25; text-transform: uppercase; }
.style-browser__controls { gap: 12px; }
.style-browser__controls button { display: grid; place-items: center; width: 40px; height: 40px; padding: 4px; border: 0; border-radius: 0; color: #454942; transition: color 160ms ease; }
.style-browser__controls button svg { display: block; width: 30px; height: 24px; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.style-browser__controls button:hover:not(:disabled) { color: #172933; }
.style-browser__controls button:disabled { color: #c6c8c4; cursor: default; }

/* Quiet navigation with the supplied bag as the sole utility icon. */
.cv-header-section .cv-header__desktop-bar > .cv-section > .cv-stack { display: grid; grid-template-columns: minmax(250px, 1fr) auto minmax(40px, 1fr); padding-inline: 3.2vw; gap: 28px; }
.cv-header-section .cv-header__desktop-bar > .cv-section > .cv-stack > .cv-stack:last-child { justify-self: end; }
.cv-header-section .cv-header__desktop-bar nav .cv-stack { gap: 28px; }
.cv-header-section .cv-header__nav-trigger { font-family: "Inter", Arial, sans-serif !important; font-size: 14px; font-weight: 500; letter-spacing: -.02em; color: #363b33; }
.cv-header-section .cv-header__nav-trigger:hover { color: #354653; text-decoration: underline; text-underline-offset: 6px; }
.cv-header-section .cv-icon-cart__link { color: #354653 !important; width: 40px; height: 40px; }
.cv-header-section .cv-icon-cart__link .cv-icon, .cv-header-section .cv-icon-cart__link svg { width: 24px; height: 24px; }
.cv-header-section .cv-header__mobile-bar cv-icon-cart { position: absolute; right: 58px; top: 50%; transform: translateY(-50%); }
@media (min-width: 990px) and (max-width: 1199px) {
  .cv-header-section .cv-header__desktop-bar > .cv-section > .cv-stack { grid-template-columns: 230px 1fr 40px; gap: 20px; padding-inline: 24px; }
  .cv-header-section .cv-header__desktop-bar .rr-wm-1 { width: 220px; }
  .cv-header-section .cv-header__desktop-bar nav .cv-stack { gap: 20px; }
  .cv-header-section .cv-header__nav-trigger { font-size: 13px; }
}

/* Same-page shopping bag, with native modal focus and keyboard handling. */
.cart-drawer { position: fixed; inset: 0 0 0 auto; margin: 0; padding: 0; width: min(43vw, 760px); max-width: 100vw; height: 100dvh; max-height: 100dvh; border: 0; background: #f7f7f6; color: #363833; font-family: "Inter", Arial, sans-serif; }
.cart-drawer::backdrop { background: rgb(0 0 0 / 67%); }
.cart-drawer[open] { animation: cart-enter 220ms ease-out; }
.cart-drawer__panel { min-height: 100%; }
.cart-drawer__header { display: flex; align-items: center; justify-content: space-between; padding: 30px 8%; border-bottom: 1px solid #dfddd7; }
.cart-drawer__header h2 { margin: 0; font: 400 30px/1.2 "Petrona", Georgia, serif; }
.cart-drawer__close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; }
.cart-drawer__empty { padding: 60px 8% 48px; text-align: center; }
.cart-drawer__empty h3 { margin: 0 0 18px; font: 400 42px/1.2 "Petrona", Georgia, serif; }
.cart-drawer__empty > p { margin: 0 0 36px; font: 400 21px/1.5 "Petrona", Georgia, serif; }
.cart-drawer__suggestions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 18px; text-align: left; }
.cart-drawer__suggestions a { color: inherit; text-decoration: none; }
.cart-drawer__suggestions img { width: 100%; height: auto; aspect-ratio: 1.8; object-fit: cover; border-radius: 10px; }
.cart-drawer__suggestions a > span { display: flex; align-items: center; gap: 10px; margin-top: 14px; font: 400 clamp(18px,1.45vw,25px)/1.3 "Petrona", Georgia, serif; }
.cart-drawer__suggestions a:hover > span { text-decoration: underline; text-underline-offset: 4px; }
.cart-drawer__filled { padding: 24px 8% 40px; }
.cart-drawer__line { display: grid; grid-template-columns: 80px 1fr auto; gap: 16px; padding: 22px 0; border-bottom: 1px solid #dfddd7; font-size: 13px; }
.cart-drawer__line img { width: 80px; height: 100px; object-fit: contain; }
.cart-drawer__line h3 { font-size: 16px; margin: 0 0 8px; }
.cart-drawer__line p { margin: 4px 0; }
.cart-drawer__line label { display: block; margin: 12px 0; }
.cart-drawer__line input { width: 54px; padding: 5px; border: 1px solid #bbb; }
.cart-drawer__line button { border: 0; background: none; padding: 0; text-decoration: underline; cursor: pointer; }
.cart-drawer__summary { padding-top: 28px; }
.cart-drawer__summary > div { display: flex; justify-content: space-between; }
.cart-drawer__summary p { margin: 16px 0; font-size: 13px; line-height: 1.6; }
.cart-drawer__summary a { display: block; padding: 16px; background: #354653; color: white; text-align: center; text-decoration: none; }
@keyframes cart-enter { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media (max-width: 900px) { .cart-drawer { width: min(580px,100vw); } }
@media (max-width: 480px) { .cart-drawer__header { padding: 18px 6%; } .cart-drawer__header h2 { font-size: 26px; } .cart-drawer__empty { padding: 40px 6%; } .cart-drawer__empty h3 { font-size: 34px; } .cart-drawer__empty > p { font-size: 18px; } .cart-drawer__suggestions { gap: 24px 14px; } .cart-drawer__suggestions a > span { font-size: 18px; } .cart-drawer__line { grid-template-columns: 60px 1fr; } .cart-drawer__line img { width: 60px; } .cart-drawer__line > strong { grid-column: 2; } }
@media (prefers-reduced-motion: reduce) { .cart-drawer[open] { animation: none; } }

[id$="BjdWLa"] .cv-section { position: relative; isolation: isolate; }
[id$="BjdWLa"] cv-video::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgb(0 0 0 / 48%),rgb(0 0 0 / 8%)); pointer-events: none; }
[id$="BjdWLa"] .cv-video__el { object-fit: cover; object-position: 50% 78%; }
.shade-browser__tabs { display: flex; width: fit-content; max-width: 100%; overflow-x: auto; border-bottom: 2px solid #d2d3d0; margin: 26px 0 24px; }
.shade-browser .shade-browser__tabs button { display: flex; flex-direction: column; align-items: center; gap: 10px; background: none; border: 0; border-bottom: 2px solid transparent; padding: 4px 18px 8px; border-radius: 0; margin: 0; color: #454942; font: 14px "Inter", Arial, sans-serif; white-space: nowrap; cursor: pointer; }
.shade-browser .shade-browser__tabs button[aria-selected="true"] { border-bottom-color: #454942; }
.shade-browser__tabs button span { width: 25px; height: 25px; border-radius: 50%; border: 1px solid #b9bab7; }
.shade-browser__tabs button[aria-selected="true"] span { outline: 1px solid #454942; outline-offset: 3px; }
.shade-browser__dot { display: block; width: 18px; height: 18px; border: 1px solid #b9bab7; border-radius: 50%; }
.shade-browser .style-browser__image:hover .style-browser__sample { opacity: 1; }

.shade-browser .style-browser__all { color: #424540; }
.shade-browser .style-browser__all:hover { color: #fff; }
.style-browser__type { margin: 0; font: 13px/1.5 "Inter", Arial, sans-serif; color: #646760; }
#style-heading + .style-browser__description + .cv-tabs__list { max-width: 100%; overflow-x: auto; flex-wrap: nowrap; }
.style-browser__swatches { flex-wrap: wrap; }