* { -webkit-font-smoothing: antialiased; }  html { scroll-behavior: initial; } html, body { width: 100%; height: auto !important; min-height: 100%; } body{ padding:0; margin:0; width:100%; } body, html { overflow-x: clip!important; } :where(p) { margin: 0; } :where(.brxe-text) a{ font-weight: inherit; } strong, b{ font-weight: 700; } a { overflow-wrap: anywhere; }  .woocommerce .button { transition: var(--bt-transition-medium); min-height: unset; } .woocommerce .button:hover { box-shadow: 0px 24px 48px 0 rgba(0, 0, 0, 0.1); } .woocommerce .button.disabled { background-color: var(--bt-neutral-6); color: var(--bt-neutral-9); border-color: var(--bt-neutral-6); }  .woocommerce-error, .woocommerce-info, .woocommerce-message { position: relative; } .woocommerce-error:before { content: "\f268"; font-size: var(--bt-text-l); display: inline-block; font-family: Ionicons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; position: absolute; left: var(--bt-space-xs); } .woocommerce-info:before { content: "\f1a0"; font-size: var(--bt-text-l); display: inline-block; font-family: Ionicons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; position: absolute; left: var(--bt-space-xs); } .woocommerce-message:before { content: "\f14a"; font-size: var(--bt-text-l); display: inline-block; font-family: Ionicons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; position: absolute; left: var(--bt-space-xs); }  .hide .brx-popup-content { pointer-events: none; } .brx-popup-content select{ min-width: 100px; } .bt-product-card select{ min-width: 80px; }  .scroll-scene { display: flex !important; flex-direction: row !important; align-items: stretch !important; flex-wrap: nowrap !important; position: relative !important; min-height: 1500vh !important; padding: 0px 20px 20px 20px!important; }  .scroll-sticky, .right-sticky { transition: width 0.9s cubic-bezier(0.625, 0.05, 0, 1) !important; will-change: width !important; backface-visibility: hidden !important; box-sizing: border-box !important; flex-shrink: 0 !important; overflow: hidden !important; }  .scroll-sticky { position: sticky !important; top: 112px !important; height: calc(100vh - 132px) !important; width: 100% !important; border-radius: 12px; } .right-sticky { position: sticky !important; top: 112px !important; height: calc(100vh - 132px) !important; width: 0% !important; }  .scroll-scene.split .scroll-sticky { width: 65% !important; } .scroll-scene.split .right-sticky { width: 35% !important; } .video-wrapper { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: 100% !important; border-radius: 12px; overflow: hidden!important; } .video-wrapper .brxe-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; transition: clip-path 0.5s ease !important; }  .video-wrapper .brxe-video video { -moz-transform: translateZ(0); transform: translateZ(0); backface-visibility: hidden; -moz-backface-visibility: hidden; } .video-wrapper .brxe-video video { position: static !important; width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }  .headings-wrapper { --align: center;  --x: 50%;  --y: 45%;  position: absolute !important; left: var(--x) !important; top: var(--y) !important; transform: translate(-50%, -50%) !important; display: flex !important; flex-direction: column !important; align-items: var(--align) !important; text-align: var(--align) !important; z-index: 10 !important; width: 100% !important; }  @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% - var(--bt-space-xs))); } } @keyframes marquee-right { 0% { transform: translateX(calc(-100% - var(--bt-space-xs))); } 100% { transform: translateX(0); } }  figure.parallax { overflow: hidden; position: relative;  } figure.parallax img { width: 100%; height: 100%; object-fit: cover; display: block; will-change: transform; transform: scale(1.2) translateY(0%); transform-origin: center center; } .maz-grid--multi figure.parallax img { transform: scale(1.2) translateY(0px); }  .bricks-button { border-radius: 100rem; }  .bricks-button[class*="light"] { padding-block: 0.5rem; padding-right: 0.5rem; min-height: 4rem; } .brt-cart-offcanvas .bricks-button{ font-weight: 600; letter-spacing: -0.03rem; line-height: 1; text-decoration: none; padding-top: var(--bt-space-xs); padding-right: var(--bt-space-s); padding-bottom: var(--bt-space-xs); padding-left: var(--bt-space-s); transition: var(--bt-transition-medium); border-radius: var(--bt-radius); } :root .bricks-button[class*="light"]:not(.bricks-lightbox) { border-color: rgba(0,0,0,0.2); } .bricks-button[class*="light"] > i { background-color: var(--bt-brand-9); width: 3rem; height: 3rem; border-radius: var(--bt-radius-circle); color: var(--bt-neutral-1); align-content: center; transition: var(--bt-transition-medium) ease; } .bricks-button[class*="light"]:hover > i { background-color: var(--bt-brand-7); color: var(--bt-neutral-1); }  .bricks-button[class*="muted"] { background-color: transparent; border: 2px solid rgba(255,255,255,0.2); -webkit-backdrop-filter: blur(0.5rem); backdrop-filter: blur(0.5rem); color: var(--bt-neutral-1); } .bricks-button[class*="muted"]:hover { border-color: rgba(255,255,255,0.3); }  :root .bricks-button[class*="secondary"]:not(.outline) { background-color: transparent; border: 2px solid rgba(0,0,0,0.2); min-height: 4rem; color: var(--bt-neutral-12); } :root .bricks-button[class*="secondary"]:not(.outline):hover { border-color: rgba(0,0,0,0.3); background-color: transparent; box-shadow: none; }  .wpgb-select-list, .wpgb-select-dropdown, .wpgb-select-options { overscroll-behavior: contain; } :root { --nav-h: 112px; } .woocommerce-page article { padding-top: var(--nav-h); } main > *:first-of-type { padding-top: var(--nav-h) !important; } @media (max-width: 991px){ :root { --nav-h: 80px; } } @media (max-width: 478px){ :root { --nav-h: 64px; } } @media (max-width: 991px) { .brx-grid.bt-list-ul{ display: grid; align-items: initial; grid-template-columns: 1fr 1fr; gap: var(--bt-space-s); } .bt-filter-column{ position:relative!important; top:0!important; } } @media (max-width: 767px) { .bt-filter-column{ position:relative!important; top:0!important; } .brx-grid.bt-list-ul{ display: grid; align-items: initial; grid-template-columns: 1fr; gap: var(--bt-space-s); } .scroll-indicator{display:none!important;}  .scroll-scene { flex-direction: column !important; height: auto !important; min-height: 0 !important; } .scroll-scene > .scroll-sticky, .scroll-scene > .right-sticky { position: relative !important; top: auto !important; width: 100% !important; max-width: 100% !important; transform: none !important; translate: none !important; opacity: 1 !important; filter: none !important; animation: none !important; transition: none !important; will-change: auto !important; } .scroll-scene > .scroll-sticky { height: auto !important; aspect-ratio: 4 / 5; } .scroll-scene > .right-sticky { height: auto !important; }  .scroll-scene .video-wrapper { position: absolute !important; inset: 0 !important; height: 100% !important; } .video-wrapper .brxe-video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; opacity: 0 !important; transform: none !important; transition: opacity .6s ease !important; } .video-wrapper .brxe-video.is-playing { opacity: 1 !important; } .video-wrapper .brxe-video video { width: 100%; height: 100%; object-fit: cover; }  .brt-sticky-atc { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 999; display: grid !important; grid-template-columns: 48px auto 1fr; grid-template-areas: "sel sel sel" "img info btn"; align-items: center; gap: 10px 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -4px 16px rgb(0 0 0 / .08); opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } .brt-sticky-atc__title { display: none; } .brt-sticky-atc__img { grid-area: img; width: 48px; height: 48px; object-fit: contain; border: 1px solid #eee; border-radius: 6px; background: #fff; } .brt-sticky-atc__info { grid-area: info; display: flex; flex-direction: column; gap: 2px; line-height: 1.1; } .brt-sticky-atc__info .price { font-size: 20px; margin: 0; } .brt-sticky-atc__info .stock { font-size: 12px; margin: 0; } .brt-sticky-atc__selects { grid-area: sel; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .brt-sticky-atc__selects .brt-swatches-label { display: none; } .brt-sticky-atc__selects select { width: 100%; min-height: 44px; font-size: 16px;  padding: 0 28px 0 12px; text-overflow: ellipsis; } .brt-sticky-atc__actions { grid-area: btn; min-width: 0; } .brt-sticky-atc__btn { width: 100%; min-height: 48px; padding: 0 12px; white-space: nowrap; font-size: 15px; }  body:has(.brt-sticky-atc) { padding-bottom: 150px; } }