:root { --white: #fffdf9; --paper: #f6f1e8; --paper-2: #eee5d7; --ink: #14100f; --ink-soft: #5e5651; --black: #110d0d; --burgundy: #6d0d24; --burgundy-2: #8d1732; --burgundy-deep: #3d0715; --gold: #d9ad52; --gold-bright: #ffd978; --gold-dark: #9a6d1d; --line: rgba(20, 16, 15, 0.13); --card: #fffdf9; --shadow: 0 24px 70px rgba(48, 19, 20, 0.12); --font-ar: "Noto Naskh Arabic", "Alexandria", "Segoe UI", Tahoma, sans-serif; --font-display: "DM Serif Display", Georgia, serif; --origo-font-body: var(--font-ar); --origo-font-heading: var(--font-display); --origo-base-font-size: 16px; --origo-body-font-weight: 500; --origo-heading-scale: 1; --origo-icon-scale: 1; --origo-image-scale: 1; --origo-image-radius: 12px; --origo-card-radius: 16px; --origo-card-border-width: 1px; --origo-card-shadow: 0 10px 30px rgba(61, 14, 25, .08); --origo-card-padding: 14px; --ease: cubic-bezier(0.22, 1, 0.36, 1); }* { box-sizing: border-box; }html { scroll-behavior: smooth; scroll-padding-top: 110px; }body { margin: 0px; color: var(--ink); background: var(--white); font-family: var(--origo-font-body); font-size: var(--origo-base-font-size); font-weight: var(--origo-body-font-weight); line-height: 1.7; width: 100%; max-width: 100%; transition: background 0.35s, color 0.35s; }body.locked { overflow: hidden; }button, input { font: inherit; }button, a { -webkit-tap-highlight-color: transparent; }button { color: inherit; }a { color: inherit; text-decoration: none; }img { display: block; max-width: 100%; }svg { fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }.announcement { min-height: 38px; padding: 6px clamp(18px, 4vw, 72px); display: flex; align-items: center; justify-content: center; gap: 24px; color: rgb(255, 249, 237); background: var(--burgundy); font-size: 12px; letter-spacing: 0.02em; }.site-header { position: sticky; z-index: 40; top: 0px; min-height: 86px; padding: 12px clamp(20px, 5vw, 82px); display: grid; grid-template-columns: minmax(170px, 0.7fr) 2fr minmax(220px, 0.8fr); align-items: center; gap: 30px; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--white) 91%, transparent); backdrop-filter: blur(20px); }.brand { width: max-content; display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; align-items: center; column-gap: 10px; line-height: 1; }.icon-button, .cart-button, .lang-button, .mode-toggle { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; transition: 0.25s; }.icon-button:hover, .cart-button:hover, .lang-button:hover, .mode-toggle:hover { color: var(--gold-dark); border-color: var(--gold); transform: translateY(-2px); }.icon-button svg, .cart-button svg { width: 19px; }.action-count { position: absolute; top: -3px; left: -3px; min-width: 17px; height: 17px; padding: 0px 4px; display: grid; place-items: center; border-radius: 10px; color: rgb(255, 255, 255); background: var(--burgundy); font-size: 9px; font-style: normal; }.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--burgundy); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }.eyebrow::before { content: ""; width: 30px; height: 1px; background: currentcolor; }.button { min-height: 54px; padding: 0px 24px; display: inline-flex; align-items: center; justify-content: center; gap: 28px; border: 0px; cursor: pointer; font-size: 13px; font-weight: 600; transition: 0.3s var(--ease); }.button:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 30px; }.burgundy-button { color: rgb(255, 255, 255); background: var(--burgundy); }@keyframes scrollCue { 
  0% { transform: translateY(0px); opacity: 0; }
  30% { opacity: 1; }
  100% { transform: translateY(15px); opacity: 0; }
}@keyframes growBar { 
  0% { transform: scaleX(0); }
}@keyframes matchPulse { 
  50% { transform: translateY(-10px) scale(1.02); }
}.full { width: 100%; justify-content: space-between; }footer { padding: 75px clamp(22px, 7vw, 110px) 25px; color: rgba(255, 255, 255, 0.66); background: rgb(14, 10, 10); }footer > div:first-child, .footer-links { display: grid; }footer { grid-template-columns: 1fr 1.6fr; }.overlay { position: fixed; z-index: 100; inset: 0px; padding: 28px; display: grid; place-items: start center; overflow: auto; color: var(--ink); background: rgba(12, 7, 8, 0.84); backdrop-filter: blur(16px); opacity: 0; visibility: hidden; transition: 0.3s; }.overlay.open { opacity: 1; visibility: visible; }.search-panel { position: relative; width: min(880px, 100%); min-height: 460px; margin-top: 7vh; padding: clamp(32px, 6vw, 75px); background: var(--white); box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 100px; transform: translateY(-25px); transition: .4s var(--ease); }.overlay.open .search-panel, .overlay.open .admin-panel, .overlay.open .product-dialog, .overlay.open .account-panel, .overlay.open .checkout-panel, .overlay.open .orders-panel { transform: translateY(0px); }.close-button { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; font-size: 24px; }.search-panel > .close-button { position: absolute; top: 22px; left: 22px; }.search-panel h2 { margin: 8px 0px 28px; font-size: clamp(30px, 4vw, 48px); }.global-search { height: 68px; padding: 0px 19px; display: flex; align-items: center; gap: 14px; border-bottom: 2px solid var(--burgundy); background: var(--paper); }.global-search svg { width: 21px; }.global-search input { min-width: 0px; flex: 1 1 0%; border: 0px; outline: 0px; color: var(--ink); background: transparent; }.global-search kbd { padding: 3px 7px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink-soft); font-family: inherit; font-size: 8px; }.search-suggestions { margin-top: 12px; display: grid; gap: 5px; }.popular-searches { margin-top: 25px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--ink-soft); font-size: 9px; }.popular-searches button { padding: 6px 12px; border: 1px solid var(--line); border-radius: 20px; background: transparent; cursor: pointer; font-size: 9px; }.drawer { position: fixed; z-index: 110; top: 0px; bottom: 0px; right: 0px; width: min(440px, 100%); padding: 30px; display: flex; flex-direction: column; color: var(--ink); background: var(--white); box-shadow: rgba(0, 0, 0, 0.28) -30px 0px 80px; transform: translateX(105%); transition: .45s var(--ease); }.drawer-head { display: flex; justify-content: space-between; align-items: flex-start; }.drawer-head h2 { margin: 2px 0px; font-size: 32px; }.cart-items { margin: 25px 0px; flex: 1 1 0%; overflow: auto; }.cart-empty { height: 100%; display: grid; place-content: center; text-align: center; color: var(--ink-soft); }.cart-empty span { font-size: 50px; }.cart-empty h3 { margin-bottom: 0px; color: var(--ink); }.cart-empty p { font-size: 10px; }.drawer-footer { padding-top: 20px; border-top: 1px solid var(--line); }.cart-total { margin-bottom: 17px; display: flex; justify-content: space-between; }.drawer-footer small { display: block; margin-top: 9px; color: var(--ink-soft); text-align: center; font-size: 7px; }.wishlist-drawer { right: auto; left: 0px; box-shadow: rgba(0, 0, 0, 0.28) 30px 0px 80px; transform: translateX(-105%); }.wishlist-items { margin: 25px 0px; flex: 1 1 0%; overflow: auto; }.wishlist-footer a { text-decoration: none; }.product-overlay { place-items: center; }.product-dialog { position: relative; width: min(980px, 100%); color: var(--ink); background: var(--white); box-shadow: rgba(0, 0, 0, 0.52) 0px 40px 100px; transform: translateY(-25px); transition: .4s var(--ease); }@keyframes spin { 
  100% { transform: rotate(360deg); }
}.toast-region { position: fixed; z-index: 200; bottom: 30px; left: 30px; display: grid; gap: 10px; }@keyframes toastIn { 
  0% { opacity: 0; transform: translateY(15px); }
}@media (max-width: 1180px){.site-header { grid-template-columns: auto 1fr auto; padding-inline: 30px; }}@media (max-width: 860px){html { scroll-padding-top: 77px; }body { padding-bottom: 72px; }.announcement { min-height: 31px; font-size: 9px; }.site-header { min-height: 68px; padding: 8px 18px; grid-template-columns: 1fr auto; }footer { padding-bottom: 50px; }footer, .footer-links { grid-template-columns: 1fr; }.search-panel { margin-top: 3vh; min-height: 420px; }.product-overlay { padding: 12px; place-items: start center; }.product-dialog { margin-block: 12px 82px; }}@media (max-width: 540px){.toast-region { right: 15px; bottom: 85px; left: 15px; }}@media (prefers-reduced-motion: reduce){*, ::before, ::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}.announcement { min-height: 34px; padding-block: 4px; justify-content: space-between; }.site-header { display: block; min-height: 0px; padding: 0px; background: color-mix(in srgb, var(--white) 95%, transparent); transition: box-shadow 0.3s; }.header-main { min-height: 76px; padding: 9px clamp(20px, 4.8vw, 76px); display: grid; grid-template-columns: minmax(190px, 0.7fr) minmax(310px, 1.5fr) minmax(330px, 0.9fr); align-items: center; gap: clamp(18px, 3vw, 45px); transition: min-height .35s var(--ease), padding .35s var(--ease); }.mobile-menu-button, .mobile-menu-panel, .mobile-menu-backdrop { display: none; }@media (max-width: 1080px){.header-main { grid-template-columns: minmax(175px, 0.7fr) minmax(260px, 1.3fr) auto; padding-inline: 24px; }}@media (max-width: 860px){html { scroll-padding-top: 74px; }body { padding-bottom: 0px; }.announcement { min-height: 29px; padding-inline: 12px; }.site-header { min-height: 66px; }.header-main, .compact .header-main { position: relative; min-height: 66px; padding: 8px 13px; display: flex; gap: 8px; }.header-main > .brand { position: absolute; right: 50%; transform: translateX(50%); }.mobile-menu-button { width: 40px; height: 40px; display: grid; place-content: center; gap: 4px; border: 1px solid var(--line); border-radius: 50%; background: transparent; }.mobile-menu-backdrop { position: fixed; z-index: 118; inset: 0px; display: block; background: rgba(10, 6, 7, 0.65); opacity: 0; visibility: hidden; transition: 0.3s; }.mobile-menu-panel { position: fixed; z-index: 119; top: 0px; right: 0px; bottom: 0px; width: min(390px, 92vw); padding: 16px 20px max(16px, env(safe-area-inset-bottom)); display: flex; flex-direction: column; color: var(--ink); background: var(--white); box-shadow: rgba(0, 0, 0, 0.25) -25px 0px 80px; transform: translateX(105%); transition: .4s var(--ease); overflow-y: auto; overscroll-behavior: contain; }.mobile-menu-head { display: flex; align-items: flex-start; justify-content: space-between; }.mobile-menu-head .brand-logo-link img { height: 44px !important; }.mobile-menu-search { width: 100%; min-height: 46px; margin: 10px 0px 8px; padding: 9px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid color-mix(in srgb, var(--burgundy) 22%, var(--line)); border-radius: 10px; color: var(--ink); background: linear-gradient(145deg, var(--white), var(--paper)); box-shadow: rgba(91, 15, 37, 0.05) 0px 5px 16px; font-size: 10px; }.mobile-menu-panel nav { display: grid; gap: 5px; }.mobile-menu-panel nav a { min-height: 41px; padding: 6px 11px; display: grid; grid-template-columns: 28px minmax(0px, 1fr) auto; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: var(--paper); font-size: 9px; font-weight: 600; }.mobile-menu-panel nav a > i { color: var(--burgundy); font-size: 18px; font-style: normal; }.mobile-menu-panel nav a > [data-mobile-menu-icon], .mobile-taxonomy-group summary > [data-mobile-menu-icon] { width: 25px; height: 25px; display: grid; place-items: center; color: var(--burgundy); }.mobile-menu-panel [data-mobile-menu-icon] .origo-lux-icon { width: 20px; height: 20px; }.mobile-menu-search [data-mobile-menu-icon] { width: 25px; height: 25px; color: var(--burgundy); }.mobile-taxonomy { margin-top: 10px; display: grid; gap: 5px; }.mobile-taxonomy-top { margin: 0px 0px 8px; }.mobile-taxonomy-group { border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }.mobile-taxonomy-group summary { min-height: 42px; padding: 0px 11px; display: grid; grid-template-columns: 27px minmax(0px, 1fr) auto; align-items: center; gap: 8px; color: var(--burgundy); font-size: 10px; font-weight: 800; cursor: pointer; list-style: none; }.mobile-taxonomy-group summary::-webkit-details-marker { display: none; }.mobile-taxonomy-group summary i { font-style: normal; transition: transform 0.2s; }.mobile-taxonomy-list { max-height: 46vh; padding: 5px 8px 10px; display: grid; grid-template-columns: 1fr; gap: 4px; overflow-y: auto; }.mobile-taxonomy-list button { width: 100%; min-height: 38px; padding: 7px 10px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: var(--white); font-size: 9px; text-align: start; }.mobile-menu-actions { margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }.mobile-menu-actions-top { margin-top: 7px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }.mobile-menu-actions-top button { padding: 8px 4px !important; }.mobile-menu-actions-top [data-mobile-menu-icon] .origo-lux-icon { width: 19px; height: 19px; }.mobile-menu-actions-top b { font-size: 7px !important; }.mobile-finder-quick { min-height: 44px; padding: 7px 12px; display: grid; grid-template-columns: 27px minmax(0px, 1fr) auto; align-items: center; gap: 9px; border: 1px solid color-mix(in srgb,var(--burgundy) 35%,var(--line)); border-radius: 10px; color: rgb(255, 255, 255); background: linear-gradient(105deg,var(--burgundy),#93042b); font-size: 10px; font-weight: 800; box-shadow: rgba(92, 0, 25, 0.13) 0px 5px 13px; }.mobile-finder-quick > [data-mobile-menu-icon] { width: 22px; height: 22px; display: grid; place-items: center; }.mobile-finder-quick .origo-lux-icon { width: 18px; height: 18px; }.mobile-finder-quick > i { font-size: 17px; font-style: normal; }.mobile-menu-actions button { padding: 13px 5px; display: grid; justify-items: center; gap: 3px; border: 0px; background: transparent; }.mobile-menu-actions b { font-size: 7px; }}@media (max-width: 580px){.header-main > .brand { margin-inline-start: -7px; }.search-panel { width: 100%; padding: 58px 20px 28px; }}@keyframes origo-spin { 
  100% { transform: rotate(1turn); }
}.product-dialog { width: min(1180px, 100%); }@keyframes notes-loading-spin { 
  100% { transform: rotate(360deg); }
}.dialog-note-pyramid { margin-top: 30px; padding: clamp(20px, 3vw, 34px); border: 1px solid var(--line); background: var(--paper); }.dialog-pyramid-row { padding: 16px 0px; display: grid; grid-template-columns: 120px 1fr; gap: 18px; border-top: 1px solid var(--line); }.dialog-pyramid-row > span { display: grid; align-content: start; }.dialog-pyramid-row > span b { font-size: 9px; }.dialog-pyramid-row > div { display: flex; flex-wrap: wrap; gap: 8px; }.dialog-note-chip { width: 112px; min-width: 0px; padding: 8px; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 6px; justify-items: stretch; border: 1px solid var(--line); color: var(--ink); background: var(--card); text-align: center; cursor: pointer; scroll-snap-align: start; }.dialog-note-chip img { width: 100%; height: 82px; object-fit: contain; image-rendering: auto; }.dialog-note-chip b { display: block; min-width: 0px; font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }@media (max-width: 580px){.dialog-pyramid-row { grid-template-columns: 1fr; }}.account-overlay, .checkout-overlay, .admin-orders-overlay { place-items: center; }.account-panel, .checkout-panel, .orders-panel { position: relative; width: min(920px, 100%); color: var(--ink); background: var(--white); box-shadow: rgba(0, 0, 0, 0.52) 0px 40px 100px; transform: translateY(-25px); transition: .4s var(--ease); }.account-panel { width: min(1180px, 96vw); min-height: 560px; }.account-panel > .close-button, .checkout-panel > .close-button, .orders-panel > .close-button { position: absolute; z-index: 3; top: 20px; left: 20px; color: var(--ink); background: color-mix(in srgb, var(--white) 84%, transparent); }.commerce-form h2, .account-home h2, .checkout-form h2, .orders-head h2 { margin: 7px 0px; font-size: clamp(28px, 4vw, 42px); }.commerce-form > p, .checkout-form > p, .account-intro { margin: 0px 0px 24px; color: var(--ink-soft); font-size: 10px; line-height: 1.8; }.commerce-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.commerce-fields label { display: grid; gap: 7px; color: var(--ink-soft); font-size: 8px; font-weight: 700; }.commerce-fields label.wide { grid-column: 1 / -1; }.commerce-fields input, .commerce-fields select, .commerce-fields textarea { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid var(--line); outline: 0px; color: var(--ink); background: var(--paper); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 10px; }.commerce-fields textarea { min-height: 82px; resize: vertical; }.commerce-fields input:focus, .commerce-fields select:focus, .commerce-fields textarea:focus { border-color: var(--gold-dark); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 14%, transparent); }.form-error { min-height: 18px; margin: 12px 0px 0px !important; color: rgb(165, 30, 55) !important; font-size: 9px !important; }.checkout-panel { width: min(1040px, 100%); }.checkout-grid { display: grid; grid-template-columns: 1.16fr 0.84fr; min-height: 650px; }.checkout-form { padding: 70px clamp(30px, 6vw, 70px) 50px; }.checkout-summary { padding: 72px 38px 40px; border-inline-start: 1px solid var(--line); background: var(--paper); }.checkout-summary > .eyebrow { display: block; margin-bottom: 22px; }.checkout-total { margin-top: 25px; padding-top: 18px; display: flex; justify-content: space-between; border-top: 2px solid var(--ink); }.payment-choice { margin-top: 18px; padding: 15px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(36, 114, 79, 0.25); background: rgba(36, 114, 79, 0.06); }.payment-choice > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: rgb(255, 255, 255); background: rgb(36, 114, 79); }.payment-choice div { display: grid; gap: 3px; }.payment-choice b { font-size: 10px; }.payment-choice small { color: var(--ink-soft); font-size: 8px; }@media (max-width: 760px){.account-overlay, .checkout-overlay, .admin-orders-overlay { padding: 0px; place-items: stretch; }.account-panel, .checkout-panel, .orders-panel { min-height: 100vh; }.auth-shell, .checkout-grid { grid-template-columns: 1fr; }.account-panel { width: 100%; }.auth-body, .account-home, .checkout-form { padding: 62px 24px 35px; }.checkout-summary { padding: 32px 24px 40px; border-top: 1px solid var(--line); border-inline-start: 0px; }.commerce-fields { grid-template-columns: 1fr; }.commerce-fields label.wide { grid-column: auto; }}body.dark { --white: #171313; --paper: #1e1918; --paper-2: #28201e; --ink: #fffaf1; --ink-soft: #c0b4ac; --line: rgba(255, 255, 255, 0.12); --card: #201a19; --shadow: 0 24px 70px rgba(0, 0, 0, 0.35); }.header-search { width: 100%; height: 48px; padding: 0px 15px; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink-soft); text-align: start; background: var(--paper); cursor: text; transition: 0.25s; }.header-search:hover { border-color: color-mix(in srgb, var(--gold) 72%, var(--line)); background: var(--white); box-shadow: rgba(86, 54, 24, 0.08) 0px 9px 30px; }.header-search svg { width: 20px; color: var(--burgundy); }.header-search > span { display: grid; line-height: 1.35; }.header-search b { color: var(--ink); font-size: 10px; }.currency-selector, .brands-nav { position: relative; }.currency-button i, .brands-nav > button i { font-size: 10px; font-style: normal; transition: transform 0.25s; }.currency-dropdown, .brands-dropdown { position: absolute; z-index: 70; top: calc(100% + 10px); right: 0px; min-width: 150px; padding: 8px; border: 1px solid var(--line); color: var(--ink); background: var(--white); box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(-7px); transition: .25s var(--ease); }.category-nav { min-height: 45px; padding-inline: clamp(20px, 5vw, 80px); display: flex; align-items: center; justify-content: center; gap: clamp(18px, 2.4vw, 38px); border-top: 1px solid var(--line); }.category-nav > a, .brands-nav > button { position: relative; padding: 14px 0px 12px; border: 0px; color: var(--ink-soft); background: transparent; cursor: pointer; font-size: 9px; font-weight: 600; white-space: nowrap; }.category-nav > a::after { content: ""; position: absolute; right: 0px; bottom: 0px; width: 0px; height: 2px; background: var(--gold); transition: width 0.25s; }.category-nav > a:hover, .category-nav > a.active, .brands-nav > button:hover { color: var(--ink); }.category-nav > a:hover::after, .category-nav > a.active::after { width: 100%; }.brands-nav > button { display: flex; align-items: center; gap: 7px; }.brands-dropdown { right: 50%; width: 360px; padding: 17px; grid-template-columns: 1fr 1fr; gap: 5px; transform: translate(50%, -7px); }.brands-dropdown > div { grid-column: 1 / -1; margin-bottom: 8px; padding: 8px 5px 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }.brands-dropdown small { color: var(--ink-soft); font-size: 7px; }.brands-dropdown button { padding: 9px 10px; display: flex; justify-content: space-between; border: 0px; background: transparent; cursor: pointer; font-size: 9px; text-align: start; }.brands-dropdown button:hover { color: var(--burgundy); background: var(--paper); }@media (max-width: 1080px){.header-main { grid-template-columns: minmax(175px, 0.7fr) minmax(260px, 1.3fr) auto; padding-inline: 24px; }.category-nav { padding-inline: 20px; justify-content: flex-start; overflow-x: auto; }}@media (max-width: 860px){html { scroll-padding-top: 74px; }body { padding-bottom: 0px; }.announcement { min-height: 29px; padding-inline: 12px; }.site-header { min-height: 66px; }.header-main, .compact .header-main { position: relative; min-height: 66px; padding: 8px 13px; display: flex; gap: 8px; }.header-main > .brand { position: absolute; right: 50%; transform: translateX(50%); }.header-search { width: 40px; height: 40px; margin-inline-start: auto; padding: 0px; display: grid; place-items: center; border-radius: 50%; }.header-search > span, .header-search kbd { display: none; }.category-nav { display: none; }}:root { --ob: #71001f; --obd: #4d0017; --og: #c99a45; --ogl: #d5ac60; --oc: #fff9f4; --ot: #3b1717; }body { background: rgb(255, 255, 255); color: var(--ot); }.announcement { display: flex !important; }.announcement { width: 100%; overflow: hidden; direction: ltr; padding: 0px !important; justify-content: flex-start !important; gap: 0px !important; }.announcement > span { flex: 0 0 auto; min-width: 100%; min-height: 34px; padding-inline: 32px; display: flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; direction: rtl; animation: 20s linear 0s infinite normal none running origoAnnouncementTicker; will-change: transform; }.announcement:hover > span { animation-play-state: paused; }@keyframes origoAnnouncementTicker { 
  100% { transform: translateX(-100%); }
}@media (max-width: 640px){.announcement > span { min-height: 29px; padding-inline: 18px; font-size: 10px; animation-duration: 14s; }}@media (prefers-reduced-motion: reduce){.announcement > span { animation: auto ease 0s 1 normal none running none !important; }.announcement > span[aria-hidden="true"] { display: none !important; }}.site-header, .site-header.compact { position: sticky; top: 0px; z-index: 50; min-height: 0px; padding: 0px; color: rgb(255, 248, 239); border: 0px; background: linear-gradient(115deg, rgb(75, 0, 22), rgb(117, 0, 31) 50%, rgb(77, 0, 23)); box-shadow: rgba(66, 0, 18, 0.13) 0px 5px 18px; backdrop-filter: none; }.header-main, .compact .header-main { position: relative; width: min(100%, 1440px); height: 92px; margin: auto; padding: 0px 42px; display: flex; align-items: center; justify-content: center; }.header-main > .brand, .compact .header-main > .brand { position: absolute; left: 50%; z-index: 3; width: 154px; display: grid; grid-template-columns: 34px 1fr; transform: translateX(-50%); color: rgb(227, 186, 103); text-align: center; }.action-count { color: rgb(91, 0, 25); background: rgb(230, 189, 102); }@media (max-width: 900px){.site-header, .site-header.compact { min-height: 72px; }.header-main, .compact .header-main { height: 72px; padding: 0px 16px; }.header-main > .brand, .compact .header-main > .brand { width: 116px; grid-template-columns: 1fr; }.mobile-menu-button { position: absolute; right: 16px; z-index: 5; display: flex; }}html { max-width: 100%; }@media (min-width: 901px){.site-header, .site-header.compact { min-height: 0px !important; }.header-main, .compact .header-main { height: 68px !important; padding-inline: 32px !important; }.header-main > .brand, .compact .header-main > .brand { width: 132px !important; }}@media (max-width: 900px){.site-header, .site-header.compact { min-height: 0px !important; }.header-main, .compact .header-main { height: 58px !important; padding-inline: 10px !important; }.header-main > .brand, .compact .header-main > .brand { width: 104px !important; }.header-commerce-zone { height: 58px !important; }.header-commerce-actions { height: 58px !important; }.mobile-menu-button { right: 10px !important; width: 38px !important; height: 38px !important; }.mobile-header-search-trigger, .header-commerce-actions .cart-button { width: 36px !important; height: 36px !important; }}@media (max-width: 640px){.header-commerce-actions { gap: 7px !important; }.header-commerce-actions > button { width: 40px !important; min-width: 40px !important; height: 40px !important; padding: 7px !important; }.header-commerce-actions > button svg { width: 24px !important; height: 24px !important; stroke-width: 1.9 !important; }.mobile-menu-button svg { width: 23px !important; height: 23px !important; }}.header-main, .compact .header-main { width: min(100% - 48px, 1380px); height: 92px; min-height: 92px; margin: auto; padding: 0px; display: grid; grid-template-columns: 150px 340px 200px 1fr 180px; grid-template-areas: "left search brand spacer locale"; gap: 24px; direction: ltr; }.header-main > .brand, .compact .header-main > .brand { position: static; grid-area: brand; width: 160px; margin: auto; transform: none; direction: ltr; }@media (max-width: 1200px) and (min-width: 1081px){.header-main, .compact .header-main { width: calc(100% - 32px); grid-template-columns: 132px 285px 160px 1fr 160px; gap: 14px; }}@media (max-width: 1080px){.site-header, .site-header.compact { min-height: 72px; }.header-main, .compact .header-main { width: 100%; height: 72px; min-height: 72px; padding: 0px 16px; display: grid; grid-template-columns: 52px 1fr 52px; grid-template-areas: "left brand menu"; gap: 0px; }.mobile-menu-button { position: static; grid-area: menu; display: flex; margin: 0px 0px 0px auto; }.header-main > .brand, .compact .header-main > .brand { grid-area: brand; width: 124px; grid-template-columns: 1fr; }}.header-main, .compact .header-main { grid-template-columns: 150px 340px 200px 1fr 240px; }@media (max-width: 1200px) and (min-width: 1081px){.header-main, .compact .header-main { grid-template-columns: 125px 265px 150px 1fr 220px; }}@media (max-width: 1080px){.header-main, .compact .header-main { grid-template-columns: 52px 1fr 52px; }}.header-main, .compact .header-main { grid-template-columns: 240px 270px 180px 1fr; grid-template-areas: "left search brand spacer"; gap: 20px; }@media (max-width: 1200px) and (min-width: 1081px){.header-main, .compact .header-main { grid-template-columns: 228px 245px 160px 1fr; grid-template-areas: "left search brand spacer"; gap: 14px; }}@media (max-width: 1080px){.header-main, .compact .header-main { grid-template-columns: 84px 1fr 52px; grid-template-areas: "left brand menu"; gap: 0px; }}@keyframes origoBrandMarquee { 
  100% { transform: translateX(-50%); }
}@keyframes origoBrandMarqueeRtl { 
  100% { transform: translateX(50%); }
}@media (min-width: 901px){.site-header, .header-main, .category-nav { overflow: visible !important; }}.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }footer.origo-footer { width: min(100% - 48px, 1450px); margin: 0px auto 26px; padding: 0px; display: block; overflow: hidden; border: 1px solid rgb(60, 42, 36); border-radius: 18px; color: rgb(248, 238, 232); background: radial-gradient(circle at 24% 12%, rgb(43, 16, 22), rgb(16, 12, 13) 44%, rgb(9, 8, 8) 100%); box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 55px; }.footer-newsletter { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }.footer-newsletter h2 { margin: 0px; color: rgb(231, 189, 103); font-size: 22px; }.footer-newsletter > p { margin: 10px 0px 22px; color: rgb(238, 224, 218); font-size: 12px; }.footer-newsletter form { width: 100%; max-width: 340px; }.footer-email-field { height: 52px; display: flex; align-items: center; border: 1px solid rgba(212, 166, 74, 0.54); border-radius: 7px; background: rgb(18, 13, 15); }.footer-email-field input { min-width: 0px; flex: 1 1 0%; height: 100%; padding: 0px 16px; border: 0px; outline: 0px; color: rgb(255, 255, 255); background: transparent; text-align: right; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; }.footer-email-field input::placeholder { color: rgb(197, 179, 173); }.footer-directory { padding: 38px 44px; display: grid; grid-template-columns: 1fr 1fr 1.15fr 1.25fr 1fr; gap: 0px; border-top: 1px solid rgba(212, 166, 74, 0.23); direction: rtl; background: rgba(255, 255, 255, 0.008); }.footer-directory > section { min-width: 0px; padding: 0px 34px; display: flex; flex-direction: column; align-items: flex-start; border-inline-start: 1px solid rgba(212, 166, 74, 0.22); text-align: right; }.footer-directory > section:first-child { border-inline-start: 0px; }.footer-directory h3 { margin: 0px 0px 17px; color: rgb(230, 185, 94); font-size: 17px; }.footer-directory a, .footer-directory button { padding: 5px 0px; border: 0px; color: rgb(238, 229, 225); background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; text-align: right; cursor: pointer; transition: 0.2s; }.footer-directory a:hover, .footer-directory button:hover { color: rgb(227, 189, 107); transform: translateX(-3px); }.footer-all-link { margin-top: 4px; color: rgb(228, 185, 93) !important; }.footer-contact a, .footer-contact p { display: flex; align-items: flex-start; gap: 12px; }.footer-contact a b, .footer-contact p b { font-size: 11px; font-weight: 400; }.footer-contact p { margin: 8px 0px; color: rgb(238, 229, 225); line-height: 1.8; }.footer-contact > small { margin-top: 9px; color: rgb(153, 139, 134); font-size: 9px; line-height: 1.7; }.footer-socials { display: flex; flex-wrap: wrap; gap: 9px; direction: ltr; }.footer-socials > :is(a, span) { width: 37px; height: 37px; display: grid; place-items: center; border: 0px; border-radius: 10px; color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.133) 0px 5px 12px; }.footer-socials svg { width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.6; }.footer-socials .social-youtube { background: rgb(255, 0, 0); }.footer-socials .social-facebook { background: rgb(24, 119, 242); }.footer-socials .social-tiktok { background: rgb(17, 17, 17); }.footer-socials .social-instagram { background: linear-gradient(135deg, rgb(131, 58, 180), rgb(225, 48, 108) 55%, rgb(252, 176, 69)); }.footer-socials .social-snapchat { color: rgb(17, 17, 17); background: rgb(255, 252, 0); }.footer-socials .social-telegram { background: rgb(34, 158, 217); }.footer-socials .social-whatsapp { background: rgb(37, 211, 102); }.footer-socials .social-facebook svg path, .footer-socials .social-tiktok svg path, .footer-socials .social-telegram svg path, .footer-socials .social-whatsapp svg path { fill: currentcolor; stroke: none; }.footer-socials .social-youtube svg path:first-child { fill: currentcolor; }.footer-socials .social-youtube svg path:last-child { fill: rgb(255, 255, 255); }.footer-socials > span[aria-disabled="true"] { opacity: 0.72; filter: saturate(0.85); }.footer-bottom-bar { min-height: 78px; padding: 15px 32px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 25px; border-top: 1px solid rgba(212, 166, 74, 0.23); direction: ltr; }.footer-bottom-bar p { margin: 0px; color: rgb(221, 210, 204); font-size: 11px; }@media (max-width: 1200px){.footer-directory { grid-template-columns: repeat(3, 1fr); row-gap: 35px; }.footer-directory > section:nth-child(4) { border-inline-start: 0px; }}@media (max-width: 760px){.footer-trust-bar, footer.origo-footer { width: calc(100% - 24px); border-radius: 14px; }.footer-newsletter form { max-width: none; }.footer-directory { padding: 28px 20px; grid-template-columns: repeat(2, 1fr); gap: 30px 0px; }.footer-directory > section { padding-inline: 20px; }.footer-directory > section:nth-child(2n+1) { border-inline-start: 0px; }.footer-bottom-bar { grid-template-columns: 1fr; justify-items: center; text-align: center; }}@media (max-width: 430px){.footer-directory { grid-template-columns: 1fr; }.footer-directory > section { padding: 18px 4px; border-inline-start: 0px; border-bottom: 1px solid rgba(212, 166, 74, 0.145); }.footer-directory h3 { margin-bottom: 10px; }.footer-bottom-bar { padding-inline: 16px; }}@keyframes origoBenefitMarquee { 
  100% { transform: translateX(var(--benefit-marquee-shift,-25%)); }
}@keyframes origoBenefitMarqueeRtl { 
  100% { transform: translateX(var(--benefit-marquee-shift-rtl,25%)); }
}@keyframes origoSelectedGlimmer { 
  0% { opacity: 0; transform: translateX(-75%) rotate(8deg); }
  25% { opacity: 1; }
  100% { opacity: 0; transform: translateX(75%) rotate(8deg); }
}@keyframes origoBenefitHalo { 
  0% { box-shadow: rgba(201, 148, 63, 0.3) 0px 0px 0px 1px, rgba(201, 148, 63, 0.28) 0px 0px 7px; }
  100% { box-shadow: rgba(201, 148, 63, 0.75) 0px 0px 0px 3px, rgba(123, 10, 32, 0.5) 0px 0px 22px; }
}@keyframes origoBrandHalo { 
  0% { box-shadow: rgba(201, 148, 63, 0.28) 0px 0px 0px 1px, rgba(201, 148, 63, 0.22) 0px 0px 6px; }
  100% { box-shadow: rgba(201, 148, 63, 0.72) 0px 0px 0px 3px, rgba(123, 10, 32, 0.42) 0px 0px 20px; }
}@keyframes origoBottomGlimmer { 
  0% { opacity: 0.24; transform: scale(0.84); filter: blur(6px); }
  100% { opacity: 0.68; transform: scale(1.08); filter: blur(3px); }
}body:not(.dark), body:not(.dark) #storefront-main, body:not(.dark) .origo-home { background: rgb(255, 255, 255) !important; }@keyframes origoGlassEdgeGlow { 
  0% { opacity: 0.59; box-shadow: rgba(110, 91, 255, 0.25) 0px 0px 11px, rgba(49, 151, 255, 0.2) 0px 0px 7px; }
  100% { opacity: 1; box-shadow: rgba(110, 91, 255, 0.43) 0px 0px 25px, rgba(49, 151, 255, 0.35) 0px 0px 20px, rgba(218, 55, 84, 0.17) 0px 0px 13px; }
}@keyframes origoGenderEdgeGlow { 
  0% { filter: drop-shadow(0 0 8px var(--gender-edge-glow)) drop-shadow(0 0 4px var(--gender-edge-glow)); }
  100% { filter: drop-shadow(0 0 19px var(--gender-edge-glow)) drop-shadow(0 0 12px var(--gender-edge-glow)); }
}@keyframes origoGenderGlassReflection { 
  0% { opacity: 0.76; background-position: 0% 50%; }
  100% { opacity: 1; background-position: 100% 50%; }
}html { max-width: 100%; overflow-x: clip; }body { max-width: 100%; overflow-x: hidden; }#app, #storefront-main, .origo-home { max-width: 100%; overflow-x: clip; }body.dark footer { border-top: 1px solid rgb(57, 39, 44); }.header-search { position: absolute; left: 205px; z-index: 3; width: 390px; height: 50px; padding: 0px 22px; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 14px; border: 1px solid rgba(213, 172, 96, 0.6); border-radius: 28px; color: rgb(242, 226, 214); background: rgba(91, 0, 25, 0.18); }.header-search:hover { border-color: var(--ogl); background: rgba(255, 255, 255, 0.04); }.header-search svg { width: 23px; color: rgb(224, 182, 94); }.header-search > span { display: block; }.header-search b { color: rgb(233, 216, 208); font-size: 14px; font-weight: 400; }.category-nav { width: 100%; min-height: 58px; padding: 0px max(42px, -680px + 50vw); display: flex; flex-direction: row; align-items: center; justify-content: center; gap: clamp(22px, 3.4vw, 58px); border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(70, 0, 20, 0.2); }.category-nav > a, .brands-nav > button { height: 58px; padding: 0px; color: rgb(255, 248, 239); font-size: 14px; font-weight: 600; }.category-nav > a::after { bottom: 0px; height: 3px; background: rgb(225, 184, 95); }.category-nav > a:hover, .category-nav > a.active, .brands-nav > button:hover { color: rgb(255, 255, 255); }.smart-scent-nav { margin-inline-start: auto; border-radius: 22px; white-space: nowrap; height: 40px !important; padding: 0px 22px !important; border: 1px solid var(--og) !important; color: rgb(237, 200, 111) !important; }.smart-scent-nav::after { display: none; }@media (max-width: 1200px){.header-search { left: 150px; width: 320px; }.category-nav { gap: 30px; }}@media (max-width: 900px){.site-header, .site-header.compact { min-height: 72px; }.header-main, .compact .header-main { height: 72px; padding: 0px 16px; }.header-main > .brand, .compact .header-main > .brand { width: 116px; grid-template-columns: 1fr; }.header-search { left: 68px; width: 42px; height: 42px; padding: 0px; display: grid; place-items: center; border: 0px; }.header-search > span { display: none; }.category-nav { display: none; }}@media (min-width: 901px){.header-search { left: 185px; width: 320px; }}@media (min-width: 901px){.site-header, .site-header.compact { min-height: 0px !important; }.header-main, .compact .header-main { height: 68px !important; padding-inline: 32px !important; }.header-main > .brand, .compact .header-main > .brand { width: 132px !important; }.header-search { height: 42px !important; width: min(290px, 25vw) !important; left: clamp(120px, 13vw, 185px) !important; }.category-nav { min-height: 44px !important; gap: clamp(16px, 2.5vw, 38px) !important; }.category-nav > a, .brands-nav > button { height: 44px !important; font-size: 12px !important; }.smart-scent-nav { height: 34px !important; padding-inline: 15px !important; }}@media (max-width: 900px){.site-header, .site-header.compact { min-height: 0px !important; }.header-main, .compact .header-main { height: 58px !important; padding-inline: 10px !important; }.header-main > .brand, .compact .header-main > .brand { width: 104px !important; }.header-commerce-zone { height: 58px !important; }.header-commerce-actions { height: 58px !important; }}@media (max-width: 640px){.header-commerce-actions { gap: 7px !important; }.header-commerce-actions > button { width: 40px !important; min-width: 40px !important; height: 40px !important; padding: 7px !important; }.header-commerce-actions > button svg { width: 24px !important; height: 24px !important; stroke-width: 1.9 !important; }.header-commerce-actions .action-count { top: -1px !important; right: -2px !important; min-width: 12px !important; width: auto !important; height: 14px !important; padding: 0px 2px !important; border: 0px !important; background: transparent !important; color: rgb(114, 0, 25) !important; box-shadow: none !important; font-size: 10px !important; font-weight: 900 !important; line-height: 14px !important; }}.category-nav { height: 58px; min-height: 58px; padding: 0px max(32px, -680px + 50vw); gap: clamp(22px, 3.2vw, 52px); direction: rtl; overflow: visible; }.category-nav > a, .brands-nav > button { height: 58px; padding: 0px; font-size: 14px; }.category-nav .smart-scent-nav { margin-inline-start: auto; flex: 0 0 auto; }@media (max-width: 1200px) and (min-width: 1081px){.header-main, .compact .header-main { width: calc(100% - 32px); grid-template-columns: 132px 285px 160px 1fr 160px; gap: 14px; }.category-nav { gap: 25px; padding-inline: 28px; }.category-nav > a, .brands-nav > button { font-size: 12px; }.smart-scent-nav { padding-inline: 15px !important; }}@media (max-width: 1080px){.site-header, .site-header.compact { min-height: 72px; }.header-main, .compact .header-main { width: 100%; height: 72px; min-height: 72px; padding: 0px 16px; display: grid; grid-template-columns: 52px 1fr 52px; grid-template-areas: "left brand menu"; gap: 0px; }.header-main > .brand, .compact .header-main > .brand { grid-area: brand; width: 124px; grid-template-columns: 1fr; }.header-main > .header-search, .header-locale-actions, .category-nav { display: none; }}.theme-toggle { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(213, 172, 96, 0.48); border-radius: 50%; color: rgb(245, 204, 114); background: rgba(255, 255, 255, 0.04); cursor: pointer; transition: 0.25s; }.theme-toggle:hover { background: rgba(255, 255, 255, 0.094); transform: translateY(-1px); }.theme-toggle span { grid-area: 1 / 1; font-size: 19px; line-height: 1; }.category-nav { gap: clamp(15px, 2vw, 34px); }.category-nav > a, .brands-nav > button { display: flex; align-items: center; gap: 7px; font-size: 13px; }.nav-icon { min-width: 17px; color: rgb(227, 186, 103); font-size: 17px; line-height: 1; text-align: center; }.smart-scent-nav { padding-inline: 17px !important; }@media (max-width: 1200px) and (min-width: 1081px){.header-main, .compact .header-main { grid-template-columns: 125px 265px 150px 1fr 220px; }.category-nav { gap: 14px; }.category-nav > a, .brands-nav > button { font-size: 11px; }.nav-icon { font-size: 14px; }}.category-nav { gap: clamp(10px, 1.45vw, 24px); padding-inline: max(20px, -740px + 50vw); }.category-nav > a, .brands-nav > button { white-space: nowrap; }.brands-nav { position: relative; }.mega-dropdown { inset-inline-start: 50%; top: calc(100% + 1px); width: min(860px, 92vw); max-height: min(68vh, 620px); padding: 18px; grid-template-columns: repeat(4, minmax(145px, 1fr)); gap: 7px; overflow: auto; transform: translateX(-50%); border: 1px solid color-mix(in srgb,var(--gold) 35%,var(--line)); border-radius: 0px 0px 20px 20px; background: var(--surface); box-shadow: rgba(34, 0, 9, 0.23) 0px 24px 55px; }.mega-dropdown > .mega-dropdown-heading { grid-column: 1 / -1; margin: 0px 0px 6px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }.mega-dropdown > .mega-dropdown-heading small { color: var(--muted); }.mega-dropdown > button { min-height: 43px; padding: 8px 11px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid transparent; border-radius: 10px; color: var(--ink); background: transparent; text-align: start; }.mega-dropdown > button:hover { border-color: var(--line); color: var(--burgundy); background: var(--paper); }.mega-dropdown > button i { color: var(--gold); font-style: normal; }@media (max-width: 1280px) and (min-width: 901px){.category-nav { gap: 10px; padding-inline: 14px; }.category-nav > a, .brands-nav > button { font-size: 10px; }.smart-scent-nav { padding-inline: 11px !important; }.mega-dropdown { grid-template-columns: repeat(3, minmax(140px, 1fr)); }}.mega-dropdown { right: auto; left: 50%; }@media (min-width: 901px){.site-header, .header-main, .category-nav { overflow: visible !important; }.category-nav { position: relative !important; z-index: 80 !important; }.category-nav .brands-nav { position: static !important; }.category-nav .mega-dropdown { overscroll-behavior: contain; isolation: isolate; position: absolute !important; z-index: 120 !important; top: 100% !important; right: auto !important; left: 50% !important; inset-inline-start: auto !important; width: min(980px, -32px + 100vw) !important; max-height: min(68vh, 620px) !important; transform: translateX(-50%) !important; overflow: auto !important; background: rgb(255, 253, 251) !important; border: 1px solid rgb(219, 197, 184) !important; box-shadow: rgba(36, 0, 8, 0.32) 0px 26px 65px !important; }.category-nav .mega-dropdown > button { color: rgb(38, 24, 26) !important; background: rgb(255, 253, 251) !important; }.category-nav .mega-dropdown > button:hover { color: var(--burgundy) !important; background: rgb(255, 245, 242) !important; }}.theme-toggle .moon { display: none; }body.dark .theme-toggle .moon { display: block; }.dark .mega-dropdown { border-color: rgb(73, 52, 58); background: rgb(29, 20, 23); }.dark .mega-dropdown > button { color: rgb(247, 238, 233); }.dark .mega-dropdown > button:hover { background: rgb(41, 26, 31); }@media (min-width: 901px){.site-header, .header-main, .category-nav { overflow: visible !important; }.category-nav { position: relative !important; z-index: 80 !important; }.category-nav .brands-nav { position: static !important; }.category-nav .mega-dropdown { overscroll-behavior: contain; isolation: isolate; position: absolute !important; z-index: 120 !important; top: 100% !important; right: auto !important; left: 50% !important; inset-inline-start: auto !important; width: min(980px, -32px + 100vw) !important; max-height: min(68vh, 620px) !important; transform: translateX(-50%) !important; overflow: auto !important; background: rgb(255, 253, 251) !important; border: 1px solid rgb(219, 197, 184) !important; box-shadow: rgba(36, 0, 8, 0.32) 0px 26px 65px !important; }.category-nav .mega-dropdown > button { color: rgb(38, 24, 26) !important; background: rgb(255, 253, 251) !important; }.category-nav .mega-dropdown > button:hover { color: var(--burgundy) !important; background: rgb(255, 245, 242) !important; }body.dark .category-nav .mega-dropdown { background: rgb(29, 20, 23) !important; border-color: rgb(92, 65, 72) !important; }body.dark .category-nav .mega-dropdown > button { color: rgb(247, 238, 233) !important; background: rgb(29, 20, 23) !important; }body.dark .category-nav .mega-dropdown > button:hover { background: rgb(41, 26, 31) !important; }}:root { --shell-burgundy: #650019; --shell-burgundy-deep: #39000e; --shell-gold: #d7aa52; --shell-bg: #fdfbf9; --shell-surface: #ffffff; --shell-text: #281b1d; --shell-muted: #776a6d; --shell-line: #eadfdb; --shell-radius: 14px; --shell-content: 1320px; }* { box-sizing: border-box; }html { width: 100%; max-width: 100%; scroll-behavior: smooth; }body { width: 100%; min-width: 0px; max-width: 100%; zoom: 0.99; background: var(--shell-bg); }.announcement, body.commerce-route .announcement, body.account-route .announcement, body.finder-route .announcement { position: relative; z-index: 61; width: 100%; min-height: 32px; height: 32px; padding: 0px; align-items: center; justify-content: flex-start; overflow: hidden; color: rgb(255, 245, 221); background: linear-gradient(90deg, rgb(61, 0, 15), rgb(105, 0, 28) 50%, rgb(61, 0, 15)); font-size: 11px; line-height: 1.5; white-space: nowrap; direction: ltr; display: flex !important; }.announcement > span { min-width: max-content; height: 100%; padding-inline: clamp(44px, 6vw, 96px); display: inline-flex; align-items: center; flex: 0 0 auto; animation: 24s linear 0s infinite normal none running origoAnnouncementMarquee; will-change: transform; }html[dir="rtl"] .announcement { direction: rtl; }html[dir="rtl"] .announcement > span { direction: rtl; text-align: right; animation-name: origoAnnouncementMarqueeArabic; }.site-header, .site-header.compact { position: sticky; inset-block-start: 0px; z-index: 60; min-height: 0px; padding: 0px; border: 0px; color: rgb(255, 248, 239); background: linear-gradient(115deg, rgb(61, 0, 15), rgb(105, 0, 28) 52%, rgb(61, 0, 15)); box-shadow: rgba(58, 0, 16, 0.16) 0px 7px 24px; }.header-main, .compact .header-main { width: min(calc(100% - 40px), var(--shell-content)); height: 80px; min-height: 80px; margin: 0px auto; padding: 0px; display: grid; grid-template-columns: minmax(390px, 1fr) 190px minmax(190px, 1fr); grid-template-areas: "commerce brand preferences"; align-items: center; gap: 24px; direction: ltr; }.header-commerce-zone { grid-area: commerce; min-width: 0px; display: flex; align-items: center; gap: 18px; direction: ltr; }.header-commerce-actions { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }.site-header .header-commerce-actions .mobile-header-search-trigger { display: none !important; }.header-commerce-actions > button, .header-preference-actions > button { position: relative; width: 40px; height: 40px; min-width: 40px; padding: 0px; display: grid; place-items: center; border: 1px solid transparent; border-radius: 10px; color: rgb(255, 248, 239); background: transparent; cursor: pointer; }.header-commerce-actions > button:hover, .header-preference-actions > button:hover { border-color: rgba(218, 177, 91, 0.48); background: rgba(255, 255, 255, 0.08); }.header-commerce-actions svg { width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.7; }.header-main > .brand, .compact .header-main > .brand { position: static; grid-area: brand; width: 175px; min-width: 0px; margin: 0px auto; display: flex; align-items: center; justify-content: center; transform: none; }.site-header .brand-logo-link img { width: 158px; height: 56px; object-fit: contain; }.mobile-menu-button { display: none; }#storefront-main { width: 100%; max-width: none; min-height: 60vh; margin: 0px; padding: 0px; }@media (max-width: 1180px) and (min-width: 901px){.header-main, .compact .header-main { grid-template-columns: minmax(330px, 1fr) 160px minmax(150px, 1fr); gap: 14px; }.header-commerce-zone { gap: 10px; }}@media (max-width: 900px){.announcement, body.commerce-route .announcement, body.account-route .announcement, body.finder-route .announcement { display: flex !important; }.site-header, .site-header.compact { min-height: 68px; }.header-main, .compact .header-main { width: 100%; height: 68px; min-height: 68px; padding: 0px 13px; grid-template-columns: 88px 1fr 48px; grid-template-areas: "commerce brand menu"; gap: 0px; }.mobile-menu-button { position: static; grid-area: menu; width: 42px; height: 42px; margin-inline-start: auto; display: flex; }.header-commerce-zone { grid-area: commerce; gap: 0px; }.header-commerce-actions { gap: 3px; }.header-commerce-actions > button { width: 40px; min-width: 40px; }.header-main > .brand, .compact .header-main > .brand { grid-area: brand; width: 128px; }.site-header .brand-logo-link img { width: 122px; height: 47px; }}@media (max-width: 390px){.header-main, .compact .header-main { grid-template-columns: 80px 1fr 44px; padding-inline: 8px; }.header-commerce-actions > button { width: 37px; min-width: 37px; }.site-header .brand-logo-link img { width: 112px; }}@media (min-width: 1081px){.header-main, .compact .header-main { width: calc(100% - clamp(40px, 4vw, 76px)); max-width: none; }.home-benefits, .home-gender-section, .home-promo-strip, .home-best-sellers, .home-categories, .home-ai-banner, .footer-trust-bar, footer.origo-footer { width: calc(100% - clamp(40px, 4vw, 76px)); max-width: none; }.finder-progress, .finder-layout, .pdp-breadcrumb, .pdp-hero, .pdp-description, .pdp-performance, .pdp-community, .pdp-recommendations { width: 100%; max-width: none; }footer.origo-footer { width: calc(100% - clamp(40px, 4vw, 76px)) !important; max-width: none !important; }}.commerce-shell > *, .account-shell > *, .finder-shell > *, .catalog-shell > *, .notes-page-shell > *, .benefit-detail-shell > *, .checkout-layout > *, .account-layout > *, .finder-layout > *, .pdp-hero > * { min-width: 0px; }@media (max-width: 1080px){.announcement, body.commerce-route .announcement, body.account-route .announcement, body.finder-route .announcement { display: flex !important; }.site-header, .site-header.compact { min-height: 68px; }.header-main, .compact .header-main { width: 100%; height: 68px; min-height: 68px; padding: 0px 13px; grid-template-columns: 88px minmax(0px, 1fr) 48px; grid-template-areas: "commerce brand menu"; gap: 0px; }.mobile-menu-button { position: static; grid-area: menu; width: 42px; height: 42px; margin-inline-start: auto; display: flex; }.header-commerce-zone { grid-area: commerce; gap: 0px; }.header-commerce-actions { gap: 3px; }.header-commerce-actions > button { width: 40px; min-width: 40px; }.header-main > .brand, .compact .header-main > .brand { grid-area: brand; width: 128px; }.site-header .brand-logo-link img { width: 122px; height: 47px; }}.store-bottom-nav { display: none; }@keyframes origoAnnouncementMarquee { 
  100% { transform: translateX(-100%); }
}@keyframes origoAnnouncementMarqueeArabic { 
  100% { transform: translateX(100%); }
}@media (max-width: 640px){body { padding-bottom: 70px; }.announcement, body.commerce-route .announcement, body.account-route .announcement, body.finder-route .announcement { width: 100%; min-height: 27px; height: 27px; padding: 0px; justify-content: flex-start; overflow: hidden; direction: ltr; white-space: nowrap; background: linear-gradient(90deg, rgb(75, 0, 19), rgb(120, 0, 32), rgb(75, 0, 19)); display: flex !important; }.announcement > span { min-width: max-content; padding-inline: 36px; display: flex; align-items: center; color: rgb(255, 243, 213); font-size: 9px; animation-duration: 22s; }html[dir="rtl"] .announcement { direction: rtl; }html[dir="rtl"] .announcement > span { direction: rtl; text-align: right; animation-name: origoAnnouncementMarqueeArabic; }.site-header, .site-header.compact { min-height: 62px; color: var(--shell-burgundy); background: var(--shell-surface); border-bottom: 1px solid var(--shell-line); box-shadow: rgba(61, 0, 16, 0.06) 0px 5px 18px; }.header-main, .compact .header-main { width: 100%; height: 62px; min-height: 62px; padding: 0px 8px; display: grid; grid-template-columns: 38px minmax(74px, 1fr) 72px 112px; grid-template-areas: "menu brand preferences commerce"; gap: 3px; }.mobile-menu-button { grid-area: menu; width: 36px; height: 36px; margin: 0px; padding: 0px; place-content: center; gap: 4px; border: 1px solid rgba(118, 0, 32, 0.2); border-radius: 9px; color: var(--shell-burgundy); background: rgb(255, 255, 255); display: grid !important; }.header-main > .brand, .compact .header-main > .brand { grid-area: brand; width: min(112px, 100%); margin: auto; }.site-header .brand-logo-link img { width: 104px; height: 43px; }.header-commerce-zone { grid-area: commerce; min-width: 0px; display: block; }.header-commerce-actions { display: grid; grid-template-columns: repeat(4, 27px); justify-content: end; gap: 1px; }.header-commerce-actions > button { width: 27px; min-width: 27px; height: 36px; color: var(--shell-burgundy); display: grid !important; }.site-header .header-commerce-actions .mobile-header-search-trigger { display: grid !important; }.header-commerce-actions svg { width: 20px; height: 20px; }.store-bottom-nav { position: fixed; z-index: 58; right: 0px; bottom: 0px; left: 0px; height: 66px; padding: 5px 8px max(5px,env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--shell-line); color: var(--shell-muted); background: color-mix(in srgb,var(--shell-surface) 94%,transparent); box-shadow: rgba(57, 0, 14, 0.09) 0px -8px 24px; backdrop-filter: blur(14px); }.store-bottom-nav > :is(a, button) { min-width: 0px; padding: 2px; display: grid; place-content: center; justify-items: center; gap: 2px; border: 0px; color: inherit; background: transparent; text-decoration: none; }.store-bottom-nav span { font-size: 22px; line-height: 1; }.store-bottom-nav b { font-size: 8px; white-space: nowrap; }.store-bottom-nav .active { color: var(--shell-burgundy); }.store-bottom-nav .store-bottom-discover span { width: 40px; height: 40px; margin-top: -20px; display: grid; place-items: center; border-radius: 50%; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(124, 0, 34), rgb(75, 0, 19)); box-shadow: rgba(80, 0, 23, 0.25) 0px 6px 16px; }}@media (max-width: 640px){.announcement > span { font-size: 11px; font-weight: 800; }.store-bottom-nav b { font-size: 11px; font-weight: 900; }.footer-directory h3 { font-size: 17px !important; }.footer-directory a, .footer-directory button, .footer-contact p, .footer-app > p { font-size: 12px !important; }.announcement > span, .header-preference-actions .lang-button, .store-bottom-nav b, .home-hero-copy, .home-categories, .home-benefits, .home-section-head, .ornament-heading, .perfume-product-card .product-card-info, .footer-directory { font-weight: 600; }.home-hero-copy h1, .home-section-head h2, .ornament-heading h2, .home-categories b, .home-benefits b, .brand-marquee-set b, .perfume-product-card h3, .perfume-product-card .product-price, .perfume-product-card .card-add-button, .footer-directory h3, .store-bottom-nav b { font-weight: 800 !important; }}@media (max-width: 640px){.site-header, .site-header.compact, .header-main, .compact .header-main, .header-main > .brand, .compact .header-main > .brand, .header-preference-actions, .header-commerce-actions > button, .store-bottom-nav { transition: height 240ms, min-height 240ms, opacity 220ms, transform 240ms, width 240ms, padding 240ms; }}@media (max-width: 640px){.store-bottom-nav { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; height: 62px !important; padding: 5px 8px !important; }.store-bottom-nav > :is(a, button) { min-height: 50px !important; gap: 3px !important; }.store-bottom-nav span, .store-bottom-nav .store-bottom-discover span { width: 24px !important; height: 24px !important; margin: 0px !important; display: grid !important; place-items: center !important; font-size: 22px !important; background: transparent !important; box-shadow: none !important; }.store-bottom-nav svg { width: 22px !important; height: 22px !important; stroke-width: 1.8 !important; }.store-bottom-nav b { font-size: 9px !important; line-height: 1.1 !important; }.store-bottom-nav .store-bottom-discover { transform: none !important; }}@media (prefers-reduced-motion: reduce){.site-header, .site-header.compact, .header-main, .compact .header-main, .store-bottom-nav { transition-duration: 1ms !important; }}body.dark { --shell-bg: #100a0c; --shell-surface: #1c1316; --shell-text: #f4eaed; --shell-muted: #baaeb1; --shell-line: #3e2c32; }.header-commerce-actions .action-count { position: absolute; inset-block-start: -3px; inset-inline-end: -3px; min-width: 18px; height: 18px; padding: 0px 4px; display: grid; place-items: center; border: 2px solid var(--shell-burgundy); border-radius: 999px; color: rgb(90, 0, 23); background: rgb(239, 191, 98); font-size: 9px; font-weight: 800; }.header-main .header-search, .compact .header-main .header-search { position: static; width: min(340px, 100%); height: 44px; min-width: 0px; padding: 0px 17px; display: flex; align-items: center; justify-content: flex-start; gap: 11px; border: 1px solid rgba(231, 199, 132, 0.48); border-radius: 999px; color: rgb(240, 200, 109); background: rgba(255, 255, 255, 0.043); direction: rtl; }.header-main .header-search:hover { border-color: var(--shell-gold); background: rgba(255, 255, 255, 0.09); }.header-main .header-search svg { width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentcolor; stroke-width: 1.8; }.header-main .header-search span { min-width: 0px; display: block; overflow: hidden; color: rgb(234, 219, 214); text-overflow: ellipsis; white-space: nowrap; }.header-main .header-search b { font-size: 11px; font-weight: 400; }.header-preference-actions { grid-area: preferences; display: flex; align-items: center; justify-content: flex-end; gap: 8px; direction: rtl; }.header-preference-actions .theme-toggle { border-color: rgba(218, 177, 91, 0.38); border-radius: 50%; color: rgb(242, 199, 106); }.header-preference-actions .theme-toggle span { grid-area: 1 / 1; }.category-nav { width: 100%; height: 52px; min-height: 52px; padding: 0 max(24px, calc((100vw - var(--shell-content)) / 2)); display: flex; align-items: center; justify-content: center; gap: clamp(12px, 1.8vw, 28px); border-block-start: 1px solid rgba(255, 255, 255, 0.16); background: rgba(40, 0, 12, 0.22); direction: rtl; overflow: visible; }.category-nav > a, .brands-nav > button { height: 52px; min-width: 0px; padding: 0px 3px; display: flex; align-items: center; gap: 6px; border: 0px; color: rgb(255, 248, 239); background: transparent; font-size: 12px; font-weight: 600; white-space: nowrap; }.category-nav .nav-icon { min-width: 15px; color: rgb(224, 180, 91); font-size: 15px; }.category-nav .smart-scent-nav { margin-inline-start: auto; border-radius: 999px; color: rgb(240, 202, 114); height: 36px !important; padding: 0px 14px !important; border: 1px solid rgba(224, 180, 91, 0.8) !important; }@media (max-width: 1180px) and (min-width: 901px){.header-main, .compact .header-main { grid-template-columns: minmax(330px, 1fr) 160px minmax(150px, 1fr); gap: 14px; }.header-commerce-zone { gap: 10px; }.header-main .header-search { width: min(260px, 100%); }.category-nav { gap: 10px; }.category-nav > a, .brands-nav > button { font-size: 10px; }}@media (max-width: 900px){.announcement, body.commerce-route .announcement, body.account-route .announcement, body.finder-route .announcement { display: flex !important; }.site-header, .site-header.compact { min-height: 68px; }.header-main, .compact .header-main { width: 100%; height: 68px; min-height: 68px; padding: 0px 13px; grid-template-columns: 88px 1fr 48px; grid-template-areas: "commerce brand menu"; gap: 0px; }.header-commerce-zone { grid-area: commerce; gap: 0px; }.header-commerce-actions { gap: 3px; }.header-commerce-actions > button { width: 40px; min-width: 40px; }.header-commerce-actions .account-button { display: none; }.header-main .header-search, .header-preference-actions, .category-nav { display: none !important; }.header-main > .brand, .compact .header-main > .brand { grid-area: brand; width: 128px; }.site-header .brand-logo-link img { width: 122px; height: 47px; }}@media (max-width: 1080px){.announcement, body.commerce-route .announcement, body.account-route .announcement, body.finder-route .announcement { display: flex !important; }.site-header, .site-header.compact { min-height: 68px; }.header-main, .compact .header-main { width: 100%; height: 68px; min-height: 68px; padding: 0px 13px; grid-template-columns: 88px minmax(0px, 1fr) 48px; grid-template-areas: "commerce brand menu"; gap: 0px; }.header-commerce-zone { grid-area: commerce; gap: 0px; }.header-commerce-actions { gap: 3px; }.header-commerce-actions > button { width: 40px; min-width: 40px; }.header-commerce-actions .account-button, .header-main .header-search, .header-preference-actions, .category-nav { display: none !important; }.header-main > .brand, .compact .header-main > .brand { grid-area: brand; width: 128px; }.site-header .brand-logo-link img { width: 122px; height: 47px; }}@media (max-width: 640px){body { padding-bottom: 70px; }.announcement, body.commerce-route .announcement, body.account-route .announcement, body.finder-route .announcement { width: 100%; min-height: 27px; height: 27px; padding: 0px; justify-content: flex-start; overflow: hidden; direction: ltr; white-space: nowrap; background: linear-gradient(90deg, rgb(75, 0, 19), rgb(120, 0, 32), rgb(75, 0, 19)); display: flex !important; }.announcement > span { min-width: max-content; padding-inline: 36px; display: flex; align-items: center; color: rgb(255, 243, 213); font-size: 9px; animation-duration: 22s; }html[dir="rtl"] .announcement { direction: rtl; }html[dir="rtl"] .announcement > span { direction: rtl; text-align: right; animation-name: origoAnnouncementMarqueeArabic; }.site-header, .site-header.compact { min-height: 62px; color: var(--shell-burgundy); background: var(--shell-surface); border-bottom: 1px solid var(--shell-line); box-shadow: rgba(61, 0, 16, 0.06) 0px 5px 18px; }.header-main, .compact .header-main { width: 100%; height: 62px; min-height: 62px; padding: 0px 8px; display: grid; grid-template-columns: 38px minmax(74px, 1fr) 72px 112px; grid-template-areas: "menu brand preferences commerce"; gap: 3px; }.header-main > .brand, .compact .header-main > .brand { grid-area: brand; width: min(112px, 100%); margin: auto; }.site-header .brand-logo-link img { width: 104px; height: 43px; }.header-preference-actions { grid-area: preferences; justify-content: center; gap: 2px; direction: ltr; display: flex !important; }.header-preference-actions > button { color: var(--shell-burgundy); background: rgb(255, 255, 255); }.header-preference-actions .theme-toggle { width: 32px; min-width: 32px; height: 32px; border-color: rgba(118, 0, 32, 0.2); color: var(--shell-burgundy); }.header-commerce-zone { grid-area: commerce; min-width: 0px; display: block; }.header-commerce-actions { display: grid; grid-template-columns: repeat(4, 27px); justify-content: end; gap: 1px; }.header-commerce-actions > button { width: 27px; min-width: 27px; height: 36px; color: var(--shell-burgundy); display: grid !important; }.header-commerce-actions svg { width: 20px; height: 20px; }.header-commerce-actions .action-count { top: -1px; right: -2px; left: auto; min-width: 16px; height: 16px; padding: 0px 3px; border: 2px solid rgb(255, 255, 255); font-size: 7px; }.header-main .header-search, .category-nav { display: none !important; }}@media (max-width: 640px){.announcement > span { font-size: 11px; font-weight: 800; }.footer-directory h3 { font-size: 17px !important; }.footer-directory a, .footer-directory button, .footer-contact p, .footer-app > p { font-size: 12px !important; }.announcement > span, .header-preference-actions .lang-button, .store-bottom-nav b, .home-hero-copy, .home-categories, .home-benefits, .home-section-head, .ornament-heading, .perfume-product-card .product-card-info, .footer-directory { font-weight: 600; }.home-hero-copy h1, .home-section-head h2, .ornament-heading h2, .home-categories b, .home-benefits b, .brand-marquee-set b, .perfume-product-card h3, .perfume-product-card .product-price, .perfume-product-card .card-add-button, .footer-directory h3, .store-bottom-nav b { font-weight: 800 !important; }}.header-preference-actions .theme-toggle .moon, body.dark .header-preference-actions .theme-toggle .sun { display: none; }body.dark .header-preference-actions .theme-toggle .moon { display: block; }:root { --origo-cyan: #2bc7ff; --origo-violet: #9a63ff; --origo-emerald: #20d99a; --origo-rose: #ff4f87; --origo-amber: #ffb526; --origo-night: #020812; --origo-glow-soft: 0 10px 28px rgba(21, 76, 124, .1); }body:not(.dark) { --identity-surface: #fff; --identity-soft: #f7f8fc; --identity-text: #11131a; --identity-muted: #6e7380; --identity-line: rgba(45, 56, 78, .12); }:is(.home-section-head, .pdp-section-heading, .catalog-heading, .tracking-heading, .account-view-head, .finder-heading, .alternatives-hero, .notes-page-head) { position: relative; }:is(.home-section-head, .pdp-section-heading, .catalog-heading, .tracking-heading, .account-view-head, .finder-heading, .notes-page-head)::before { content: ""; position: absolute; inset-inline-start: 0px; top: 0.2em; width: 3px; height: 1.35em; border-radius: 99px; background: linear-gradient(180deg,var(--origo-cyan),var(--origo-violet)); box-shadow: rgba(43, 199, 255, 0.42) 0px 0px 9px; }:is(.origo-reference-product-card, .pdp-purchase, .pdp-profile-section, .pdp-recommendations, .home-benefits article, .home-categories a, .checkout-main-card, .checkout-summary-card, .tracking-card, .timeline-card, .profile-card, .membership-card, .finder-card, .home-alt-card, .alternative-narrative article, .library-note-card) { position: relative; overflow: hidden; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; border-radius: 18px !important; }:is(.origo-reference-product-card, .pdp-purchase, .pdp-profile-section, .pdp-recommendations, .checkout-main-card, .checkout-summary-card, .tracking-card, .timeline-card, .profile-card, .membership-card, .finder-card, .home-alt-card, .alternative-narrative article, .library-note-card)::before { content: ""; position: absolute; z-index: 2; top: 0px; right: 12%; left: 12%; height: 2px; border-radius: 0px 0px 99px 99px; background: linear-gradient(90deg,transparent,var(--card-accent,var(--origo-cyan)),transparent); box-shadow: 0 0 10px var(--card-glow,rgba(43,199,255,.5)); pointer-events: none; }:is(.product-feature-badge, .product-badge, .pdp-tags span, .alt-badge, .status-badge, .chip.active) { border-radius: 999px !important; font-weight: 800 !important; letter-spacing: 0px !important; }:is(.pdp-price-add, .checkout-submit, .account-primary, .finder-primary, .alt-primary, .burgundy-button) { border: 0px !important; color: rgb(255, 255, 255) !important; background: linear-gradient(100deg,#078dd0,var(--origo-cyan)) !important; box-shadow: rgba(43, 199, 255, 0.2) 0px 8px 20px !important; }:is(.pdp-price-add, .checkout-submit, .account-primary, .finder-primary, .alt-primary, .burgundy-button):hover { background: linear-gradient(100deg,#0ca875,var(--origo-emerald)) !important; box-shadow: rgba(32, 217, 154, 0.22) 0px 9px 22px !important; }:is(.product-price, .pdp-price > b, .grand, .comparison-price, .membership-progress p > b) { color: var(--origo-cyan) !important; text-shadow: rgba(43, 199, 255, 0.32) 0px 0px 9px !important; }@media (max-width: 700px){:is(.home-section-head, .pdp-section-heading)::before { height: 1.1em; }}body:not(.dark) { --identity-page: #fff; --identity-surface: #f4f4f6; --identity-raised: #fff; --identity-text: #17171b; --identity-muted: #71737c; --identity-line: #e3e4e8; background: rgb(255, 255, 255) !important; color: var(--identity-text) !important; }body:not(.dark) :is(#storefront-main, .origo-home, .catalog-page, .commerce-page, .account-route-page, .fragrance-finder-page, .alternatives-route-page, .notes-route-page, .brands-route-page, .benefits-route-page, .benefit-detail-page) { background: rgb(255, 255, 255) !important; color: rgb(23, 23, 27) !important; }.site-header::before { content: ""; position: absolute; z-index: 20; top: 0px; right: 0px; left: 0px; height: 4px; background: linear-gradient(90deg, rgb(239, 23, 76) 0px, rgb(239, 23, 76) 52%, rgb(22, 205, 182) 52%, rgb(22, 205, 182) 100%); pointer-events: none; }body:not(.dark) :is(.site-header, .header-main, .category-nav, .store-bottom-nav, .mobile-menu-panel) { background: rgb(255, 255, 255) !important; color: rgb(23, 23, 27) !important; border-color: rgb(227, 228, 232) !important; }body:not(.dark) :is(.category-nav > a, .brands-nav > button, .home-categories a, .footer-column > a, .footer-column > button, .footer-brand-list > button, .catalog-filter-section, .account-nav button, .finder-choice, .pdp-tags span) { background: rgb(243, 243, 245) !important; color: rgb(36, 36, 42) !important; border-color: rgb(225, 225, 229) !important; box-shadow: none !important; }body:not(.dark) :is(.origo-reference-product-card, .pdp-purchase, .checkout-main-card, .checkout-summary-card, .tracking-card, .timeline-card, .profile-card, .membership-card, .finder-card, .home-alt-card, .library-note-card) { background: rgb(255, 255, 255) !important; border: 1px solid rgb(229, 230, 234) !important; box-shadow: rgba(35, 38, 48, 0.07) 0px 8px 22px !important; }:is(.origo-reference-product-card, .pdp-purchase, .pdp-profile-section, .pdp-recommendations, .checkout-main-card, .checkout-summary-card, .tracking-card, .timeline-card, .profile-card, .membership-card, .finder-card, .home-alt-card, .alternative-narrative article, .library-note-card)::before { right: 0px; left: 0px; height: 2px; box-shadow: none; background: var(--card-accent,var(--origo-cyan)); }:is(.home-section-head, .pdp-section-heading, .catalog-heading, .tracking-heading, .account-view-head, .finder-heading, .notes-page-head)::before { width: 3px; height: 18px; top: 4px; background: var(--section-marker,#18c9b3); box-shadow: none; }:is(.pdp-price-add, .checkout-submit, .account-primary, .finder-primary, .alt-primary, .burgundy-button, .card-add-button) { border-radius: 12px !important; font-weight: 800 !important; }body:not(.dark) :is(.pdp-price-add, .checkout-submit, .account-primary, .finder-primary, .alt-primary, .burgundy-button) { background: rgb(23, 23, 27) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }:is(.pdp-price-add, .checkout-submit, .account-primary, .finder-primary, .alt-primary, .burgundy-button):hover { background: rgb(24, 173, 145) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }body:not(.dark) :is(.product-card-media-link, .pdp-main-image, .pdp-thumbnails button) { background: rgb(255, 255, 255) !important; border-color: rgb(236, 236, 240) !important; }@media (max-width: 700px){.site-header::before { height: 3px; }}body:not(.dark) :is(.footer-column > a, .footer-column > button, .footer-brand-list > button) { background: none transparent !important; border: 1px solid rgb(222, 223, 228) !important; color: rgb(36, 36, 42) !important; box-shadow: none !important; }:is(.footer-column > a, .footer-column > button, .footer-brand-list > button):hover { background: transparent !important; border-color: rgb(24, 173, 145) !important; color: rgb(24, 173, 145) !important; box-shadow: rgba(24, 173, 145, 0.08) 0px 0px 0px 3px !important; }.site-header::before { display: none !important; content: none !important; }:is(.origo-reference-product-card, .pdp-purchase, .pdp-profile-section, .pdp-recommendations, .checkout-main-card, .checkout-summary-card, .tracking-card, .timeline-card, .profile-card, .membership-card, .finder-card, .home-alt-card, .alternative-narrative article, .library-note-card)::before { background: rgb(122, 22, 48) !important; box-shadow: none !important; }body:not(.dark) footer.origo-footer .footer-directory .footer-column > a, body:not(.dark) footer.origo-footer .footer-directory .footer-column > button, body:not(.dark) footer.origo-footer .footer-directory .footer-brand-list > button { background: none transparent !important; border: 1px solid rgb(216, 217, 222) !important; color: rgb(17, 18, 22) !important; box-shadow: none !important; }body:not(.dark) footer.origo-footer .footer-directory .footer-column > a:hover, body:not(.dark) footer.origo-footer .footer-directory .footer-column > button:hover, body:not(.dark) footer.origo-footer .footer-directory .footer-brand-list > button:hover { background: transparent !important; border-color: rgb(122, 22, 48) !important; color: rgb(122, 22, 48) !important; }body:not(.dark) :is(.origo-exact-product-card, .origo-reference-product-card, .perfume-product-card) :is(.product-image, .product-card-media-link), body:not(.dark) :is(.pdp-gallery, .pdp-main-image, .pdp-thumbnails button, .product-media-stage, .product-media-thumbnails .review-image), body:not(.dark) .product-image-lightbox :is(.product-image-lightbox-stage, .product-image-lightbox-media) { background: none rgb(255, 255, 255) !important; }body :is(.product-card-media-link, .pdp-main-image, .pdp-thumbnails button, .product-media-stage, .product-media-thumbnails .review-image) > img, body :is(.product-card-media-link, .pdp-main-image, .pdp-thumbnails button, .product-media-stage, .product-media-thumbnails .review-image) img { background: none transparent !important; mix-blend-mode: normal !important; }.product-overlay .pdp-gallery { align-self: start !important; align-items: start !important; }.product-overlay .pdp-main-image { width: 100% !important; height: auto !important; min-height: 0px !important; max-height: none !important; aspect-ratio: 1 / 1 !important; align-self: start !important; }.product-overlay .pdp-main-image > img { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; }.product-overlay .pdp-thumbnails button { height: auto !important; min-height: 0px !important; aspect-ratio: 1 / 1 !important; }.product-overlay .pdp-thumbnails img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .pdp-profile-panel { padding: 10px 0px 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-note-pyramid { display: block !important; padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-pyramid-row { padding: 16px 0px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(222, 223, 228) !important; border-image: none !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-pyramid-row:last-child { border-bottom: 0px !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-pyramid-row > span { margin: 0px 0px 10px !important; padding: 0px 4px !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-pyramid-row > span b { color: rgb(122, 22, 48) !important; font-size: 13px !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-pyramid-row > div { display: flex !important; align-items: flex-start !important; flex-wrap: wrap !important; gap: 8px !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-note-chip { width: 76px !important; min-width: 76px !important; padding: 0px !important; display: grid !important; place-items: center !important; gap: 5px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; color: rgb(23, 23, 27) !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-note-chip img { width: 64px !important; height: 64px !important; display: block !important; object-fit: contain !important; object-position: center center !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; mix-blend-mode: normal !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-note-chip b { width: 100% !important; overflow: visible !important; color: rgb(23, 23, 27) !important; font-size: 10px !important; line-height: 1.35 !important; text-align: center !important; text-overflow: clip !important; white-space: normal !important; }@media (max-width: 560px){.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-pyramid-row > div { gap: 6px !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-note-chip { width: 68px !important; min-width: 68px !important; }.product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-note-chip img { width: 58px !important; height: 58px !important; }}body.dark { --identity-surface: #020812; --identity-soft: #070d18; --identity-text: #fff; --identity-muted: #aeb7c8; --identity-line: rgba(43, 199, 255, .3); }body.dark :is(.origo-reference-product-card, .pdp-purchase, .checkout-main-card, .checkout-summary-card, .tracking-card, .timeline-card, .profile-card, .membership-card, .finder-card, .home-alt-card, .library-note-card) { border-color: color-mix(in srgb,var(--card-accent,var(--origo-cyan)) 50%,transparent) !important; background-color: var(--origo-night) !important; box-shadow: 0 10px 28px rgba(0,0,0,.5),0 0 14px color-mix(in srgb,var(--card-accent,var(--origo-cyan)) 17%,transparent) !important; }body.dark :is(.pdp-tags span, .alt-badge, .status-badge, .chip.active) { color: var(--origo-cyan) !important; border-color: rgba(43, 199, 255, 0.42) !important; background: rgba(43, 199, 255, 0.08) !important; }body.dark :is(.site-header, .category-nav, .origo-footer, .store-bottom-nav, .mobile-menu-panel) { border-color: rgba(43, 199, 255, 0.24) !important; }body.dark .origo-footer .footer-column { border-color: rgba(154, 99, 255, 0.24) !important; }body.dark .origo-footer :is(.footer-column h3, .footer-newsletter h2) { text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--origo-violet); text-decoration-thickness: 2px; text-underline-offset: 7px; color: rgb(255, 255, 255) !important; }body.dark { --identity-page: #101012; --identity-surface: #242427; --identity-raised: #18181b; --identity-text: #f6f6f7; --identity-muted: #aaaab2; --identity-line: #3a3a40; background: rgb(16, 16, 18) !important; color: var(--identity-text) !important; }body.dark :is(#storefront-main, .origo-home, .catalog-page, .commerce-page, .account-route-page, .fragrance-finder-page, .alternatives-route-page, .notes-route-page, .brands-route-page, .benefits-route-page, .benefit-detail-page) { background: rgb(16, 16, 18) !important; color: rgb(246, 246, 247) !important; }body.dark :is(.site-header, .header-main, .category-nav, .store-bottom-nav, .mobile-menu-panel) { background: rgb(21, 21, 23) !important; color: rgb(246, 246, 247) !important; border-color: rgb(48, 48, 53) !important; }body.dark :is(.category-nav > a, .brands-nav > button, .home-categories a, .footer-column > a, .footer-column > button, .footer-brand-list > button, .catalog-filter-section, .account-nav button, .finder-choice, .pdp-tags span) { background: rgb(39, 39, 43) !important; color: rgb(242, 242, 244) !important; border-color: rgb(60, 60, 66) !important; box-shadow: none !important; }body.dark :is(.origo-reference-product-card, .pdp-purchase, .checkout-main-card, .checkout-summary-card, .tracking-card, .timeline-card, .profile-card, .membership-card, .finder-card, .home-alt-card, .library-note-card) { background: rgb(25, 25, 28) !important; border: 1px solid rgb(56, 56, 62) !important; box-shadow: rgba(0, 0, 0, 0.38) 0px 9px 24px !important; }body.dark :is(.pdp-price-add, .checkout-submit, .account-primary, .finder-primary, .alt-primary, .burgundy-button) { background: rgb(96, 64, 189) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }body.dark :is(.product-card-media-link, .pdp-main-image, .pdp-thumbnails button) { background: rgb(16, 16, 18) !important; border-color: rgb(52, 52, 58) !important; }body.dark .product-overlay :is(.pdp-profile-section, .pdp-profile-section > button, .pdp-profile-panel, .pdp-similar-fragrances) { background: rgb(255, 255, 255) !important; color: rgb(23, 23, 27) !important; }body.dark :is(.footer-column > a, .footer-column > button, .footer-brand-list > button) { background: none transparent !important; border: 1px solid rgb(59, 59, 66) !important; color: rgb(242, 242, 244) !important; box-shadow: none !important; }body.dark :is(.origo-reference-product-card, .pdp-purchase, .pdp-profile-section, .pdp-recommendations, .checkout-main-card, .checkout-summary-card, .tracking-card, .timeline-card, .profile-card, .membership-card, .finder-card, .home-alt-card, .alternative-narrative article, .library-note-card)::before { background: rgb(201, 149, 63) !important; }body.dark :is(.origo-exact-product-card, .origo-reference-product-card, .perfume-product-card) :is(.product-image, .product-card-media-link), body.dark :is(.pdp-gallery, .pdp-main-image, .pdp-thumbnails button, .product-media-stage, .product-media-thumbnails .review-image), body.dark .product-image-lightbox :is(.product-image-lightbox-stage, .product-image-lightbox-media) { background: none rgb(0, 0, 0) !important; }body.dark .product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-pyramid-row { border-bottom-color: rgb(57, 57, 63) !important; }body.dark .product-overlay .pdp-profile-section[data-pdp-section="notes"] .dialog-pyramid-row > span b { color: rgb(201, 149, 63) !important; }.pdp-fullscreen-button, .card-action-button, .theme-toggle { border-radius: 50% !important; }body:not(.dark) :is(.pdp-fullscreen-button, .card-action-button, .theme-toggle) { background: rgb(241, 241, 243) !important; color: rgb(48, 48, 56) !important; border-color: rgb(227, 227, 231) !important; box-shadow: none !important; }body:not(.dark) .site-header .category-nav, body.dark .site-header .category-nav { background: none transparent !important; border-top-color: transparent !important; box-shadow: none !important; }body:not(.dark) .site-header .category-nav > a, body:not(.dark) .site-header .category-nav > .brands-nav > button, body.dark .site-header .category-nav > a, body.dark .site-header .category-nav > .brands-nav > button { background: transparent !important; border: 1px solid rgb(59, 59, 66) !important; border-radius: 999px !important; box-shadow: none !important; padding: 8px 14px !important; transition: border-color 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s !important; }body:not(.dark) .site-header .category-nav > a, body:not(.dark) .site-header .category-nav > .brands-nav > button { border-color: rgb(222, 223, 228) !important; }.site-header .category-nav > a::after { display: none !important; }.site-header .category-nav > a:hover, .site-header .category-nav > .brands-nav > button:hover { transform: translateY(-1px); border-color: rgb(24, 173, 145) !important; color: rgb(17, 139, 119) !important; box-shadow: rgba(24, 173, 145, 0.09) 0px 0px 0px 3px !important; }body.dark :is(.pdp-fullscreen-button, .card-action-button, .theme-toggle) { background: rgb(43, 43, 47) !important; color: rgb(245, 245, 246) !important; border-color: rgb(61, 61, 67) !important; box-shadow: none !important; }body.dark .site-header .category-nav > a:hover, body.dark .site-header .category-nav > .brands-nav > button:hover { color: rgb(41, 215, 186) !important; box-shadow: rgba(41, 215, 186, 0.1) 0px 0px 0px 3px !important; }#storefront-main :where(h1, h2, h3, h4, h5, h6), #site-footer :where(h1, h2, h3, h4, h5, h6), .site-header :where(h1, h2, h3, h4, h5, h6) { font-family: var(--origo-font-heading) !important; zoom: var(--origo-heading-scale); }body:not(.dark) :where(#storefront-main, .origo-home, .site-header, .category-nav, .origo-footer, .home-brand-directory, .home-benefits-directory, .home-gender-section, .home-configured-product-row, .product-card, .product-card-info, .drawer, .mobile-menu-panel, .store-bottom-nav, .catalog-page, .catalog-sidebar, .catalog-toolbar, .catalog-filter-panel, .notes-route-page, .notes-library-toolbar, .library-note-card, .note-detail-hero, .note-detail-copy, .note-detail-section, .commerce-page, .checkout-main-card, .checkout-summary-card, .checkout-why, .tracking-card, .status-hero, .account-route-page, .account-card, .account-subview, .auth-card, .benefit-detail-page, .benefit-content-card, .brands-route-page, .mega-dropdown, .brands-dropdown, input, textarea, select) { background-color: rgb(255, 255, 255) !important; }#storefront-main :where(svg, [class*="icon"], [class*="Icon"]), #site-footer :where(svg, [class*="icon"], [class*="Icon"]), .site-header :where(svg, [class*="icon"], [class*="Icon"]) { scale: var(--origo-icon-scale); }html[data-appearance-image-fit="contain"] { --origo-image-fit: contain; }@media (max-width: 680px){#storefront-main, #site-footer, .site-header { font-size: var(--origo-base-font-size); }}body:not(.dark) { --white: #fff; --paper: #fffaf6; --paper-2: #f8eee6; --card: #fff; --ink: #251519; --ink-soft: #6e5b60; --burgundy: #720019; --burgundy-2: #920428; --burgundy-deep: #4b0011; --gold: #d3a13c; --gold-bright: #f4ce72; --gold-dark: #9a6916; --line: rgba(114,0,25,.16); }body:not(.dark) #storefront-main { background-color: rgb(255, 255, 255); }.origo-lux-icon { width: 1.35em; height: 1.35em; display: block; flex: 0 0 auto; overflow: visible; color: currentcolor; vector-effect: non-scaling-stroke; filter: drop-shadow(rgba(92, 0, 28, 0.12) 0px 2px 5px); transition: color 0.22s, transform 0.22s, filter 0.22s; }button:hover > .origo-lux-icon, a:hover > .origo-lux-icon, button:hover .nav-icon .origo-lux-icon, a:hover .nav-icon .origo-lux-icon { color: var(--gold, #c8943d); transform: translateY(-1px) scale(1.04); filter: drop-shadow(rgba(200, 148, 61, 0.25) 0px 4px 8px); }.site-header .origo-lux-icon { stroke-width: 1.75; }.mobile-menu-button .origo-lux-icon { width: 25px; height: 25px; margin: auto; }.announcement > span { display: inline-flex; align-items: center; gap: 0.65rem; }.announcement .origo-lux-icon { width: 18px; height: 18px; color: var(--gold-bright, #e4b75d); }.announcement b { font: inherit; color: inherit; }.store-bottom-nav .origo-lux-icon { width: 22px; height: 22px; margin: 0px auto; stroke-width: 1.7; }:root { --origo-header-light: #fff; --origo-header-dark: #5b5e63; --origo-header-height: 118px; --origo-header-icon-scale: 1; --origo-content-max: 1440px; --origo-section-gap: 28px; --origo-product-card-height: 520px; --origo-admin-scale: 1; }body:not(.dark), body:not(.dark) #storefront-main, body:not(.dark) .origo-home, body:not(.dark) .catalog-page, body:not(.dark) .account-page, body:not(.dark) .pdp-page { background: rgb(255, 255, 255) !important; }body:not(.dark) .site-header, body:not(.dark) .category-nav { color: var(--burgundy,#720019) !important; background: var(--origo-header-light,#fff) !important; border-color: color-mix(in srgb,var(--gold,#c8943d) 34%,transparent) !important; }body:not(.dark) .site-header :where(button, a, .header-search b, .category-nav span) { color: var(--burgundy,#720019) !important; }body:not(.dark) .site-header :where(svg, .origo-lux-icon) { stroke: currentcolor; }.site-header { min-height: var(--origo-header-height); }.site-header :where(.header-commerce-actions > button, .header-preference-actions > button) { transform: scale(var(--origo-header-icon-scale)); transform-origin: center center; }html[data-header-icon-shape="round"] .site-header :where(.header-commerce-actions > button, .header-preference-actions > button) { border-radius: 999px; }html[data-header-actions-order="commerce-first"] .header-commerce-zone { order: 1; }@media (max-width: 720px){.site-header { min-height: auto; }}@media (max-width: 640px){.header-main, .compact .header-main { grid-template-columns: 38px minmax(72px, 1fr) minmax(96px, 28vw) 94px; }}body:not(.dark) { --white: #fff; --paper: #fff; --paper-2: #fff; --card: #fff; --surface: #fff; --ink: var(--origo-light-text,#251519); --ink-soft: var(--origo-light-muted,#6e5b60); --muted: var(--origo-light-muted,#6e5b60); --burgundy: var(--origo-light-burgundy,#720019); --burgundy-2: color-mix(in srgb,var(--origo-light-burgundy,#720019) 82%,#fff); --burgundy-deep: color-mix(in srgb,var(--origo-light-burgundy,#720019) 78%,#000); --line: color-mix(in srgb,var(--origo-light-burgundy,#720019) 16%,transparent); color: var(--origo-light-text,#251519); background: rgb(255, 255, 255) !important; }body:not(.dark) :where(#storefront-main, .origo-home, .pdp-page, .commerce-page, .account-route-page, .catalog-page, .fragrance-finder-page, .alternatives-page, .benefit-detail-page, .brands-route-page) { background-color: rgb(255, 255, 255) !important; background-image: none !important; }body:not(.dark) .site-header, body:not(.dark) .category-nav { color: var(--origo-light-burgundy,#720019) !important; background: rgb(255, 255, 255) !important; }:root { --origo-primary: #7b1f4b; --origo-primary-dark: #561232; --origo-purple: #8b5cf6; --origo-blue: #3b82f6; --origo-red: #fb7185; --origo-text: #17131a; --origo-muted: #77717d; --origo-border: rgba(139,92,246,.18); --origo-surface: #fff; --origo-surface-solid: #fff; --origo-shadow: 0 8px 24px rgba(30,20,40,.06),0 2px 8px rgba(30,20,40,.04); --origo-glow: 0 0 8px rgba(139,92,246,.12),0 0 13px rgba(59,130,246,.07),0 0 16px rgba(251,113,133,.035); --origo-radius-card: 22px; --origo-radius-control: 14px; --origo-transition: 220ms ease; }html, body { max-width: 100%; overflow-x: hidden; }html[dir="rtl"] { direction: rtl; }body:not(.dark) { color: var(--origo-text); background: rgb(255, 255, 255) !important; }body:not(.dark) :where(#storefront-main, .origo-home, .catalog-page, .brands-route-page, .pdp-page, .commerce-page, .account-route-page, .fragrance-finder-page, .alternatives-page, .benefit-detail-page) { background: none rgb(255, 255, 255) !important; }body:not(.dark) .site-header, body:not(.dark) .site-header.compact { position: sticky; top: 0px; z-index: 100; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; backdrop-filter: blur(14px); color: var(--origo-text) !important; border-bottom: 1px solid rgba(139, 92, 246, 0.14) !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(25, 18, 35, 0.043) 0px 6px 20px, rgba(59, 130, 246, 0.024) 0px 0px 10px !important; }body:not(.dark) .site-header :where(button, a), body:not(.dark) .category-nav :where(button, a) { color: rgb(51, 42, 54) !important; }body:not(.dark) .site-header :where(button:hover, button.active, a:hover, a.active), body:not(.dark) .category-nav :where(button:hover, button.active, a:hover, a.active) { color: var(--origo-primary) !important; }.site-header .header-commerce-actions { position: relative; }.site-header .header-commerce-actions > button, body:not(.dark) .site-header .header-commerce-actions > button { width: 40px; min-width: 40px; height: 40px; padding: 0px; display: grid; place-items: center; overflow: visible; }.site-header .header-commerce-actions > button > svg, body:not(.dark) .site-header .header-commerce-actions > button > svg, .site-header .header-commerce-actions > button > .origo-lux-icon { width: 22px; height: 22px; flex: 0 0 22px; fill: none; stroke: currentcolor; stroke-width: 1.7; }@media (max-width: 700px){.site-header .header-commerce-actions { grid-template-columns: repeat(4, 27px); gap: 1px; }.site-header .header-commerce-actions > button, body:not(.dark) .site-header .header-commerce-actions > button { width: 27px; min-width: 27px; height: 36px; }.site-header .header-commerce-actions > button > svg, body:not(.dark) .site-header .header-commerce-actions > button > svg, .site-header .header-commerce-actions > button > .origo-lux-icon { width: 20px; height: 20px; flex-basis: 20px; }}body:not(.dark) :where(.header-search, .global-search, .catalog-search-box, .catalog-brand-search, .footer-email-field) { transition: border-color var(--origo-transition),box-shadow var(--origo-transition); color: var(--origo-text) !important; border: 1px solid rgba(139, 92, 246, 0.2) !important; border-radius: 16px !important; background: none rgb(255, 255, 255) !important; box-shadow: rgba(24, 18, 34, 0.05) 0px 5px 16px, rgba(59, 130, 246, 0.043) 0px 0px 8px !important; }body:not(.dark) :where(.header-search, .global-search, .catalog-search-box, .catalog-brand-search, .footer-email-field):focus-within { border-color: rgba(114, 0, 25, 0.34) !important; box-shadow: rgba(24, 18, 34, 0.05) 0px 5px 14px !important; }body:not(.dark) :where(.header-search, .global-search, .catalog-search-box, .catalog-brand-search, .footer-email-field) :where(input, b) { color: var(--origo-text) !important; background: transparent !important; }body:not(.dark) :where(.home-benefits, .home-promo-strip, .home-brand-directory, .home-brand-showcase, .home-categories a, .catalog-sidebar, .catalog-filter-panel, .catalog-toolbar, .catalog-filter-drawer, .footer-benefit-card, .checkout-main-card, .checkout-summary-card, .checkout-side-card, .pdp-card, .pdp-purchase, .performance-card, .performance-insight-card, .alternative-card, .finder-card, .finder-option, .benefit-content-card) { color: var(--origo-text) !important; border-color: rgba(139, 92, 246, 0.14) !important; background: none rgb(255, 255, 255) !important; box-shadow: var(--origo-shadow) !important; }body:not(.dark) .origo-footer { position: relative; color: var(--origo-text) !important; border-top: 1px solid rgba(139, 92, 246, 0.15) !important; background: none rgb(255, 255, 255) !important; box-shadow: rgba(25, 18, 35, 0.035) 0px -8px 24px !important; }body:not(.dark) .origo-footer::before { content: ""; position: absolute; top: -1px; inset-inline: 8%; height: 1px; background: rgba(139, 92, 246, 0.28); }body:not(.dark) .origo-footer :where(h2, h3, h4, b, strong) { color: var(--origo-text) !important; }body:not(.dark) .origo-footer :where(p, small, a) { color: var(--origo-muted) !important; }body:not(.dark) .origo-footer .footer-directory :where(p, small, a, button), body:not(.dark) .origo-footer .footer-bottom-bar :where(p, small, a) { color: rgb(17, 17, 17) !important; }button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: rgba(139, 92, 246, 0.25) solid 3px !important; outline-offset: 3px !important; }@media (prefers-reduced-motion: reduce){#storefront-main *, #storefront-main ::before, #storefront-main ::after, .site-header *, .origo-footer * { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}body:not(.dark) :where(.site-header, .category-nav, .catalog-search-shell, .catalog-sidebar, .catalog-results-toolbar, .catalog-mobile-toolbar, .home-benefits, .home-benefit, .home-promo-strip, .home-promo-strip article, .home-categories a, .brand-carousel, .brand-carousel-track button, .brand-marquee-set button, .product-detail-gallery, .product-detail-info, .product-detail-panel, .product-detail-section, .product-detail-accordion, .product-performance, .product-notes, .product-reviews, .cart-drawer, .wishlist-drawer, .compare-drawer, .checkout-card, .checkout-summary, .order-summary, .account-card, .auth-card, .newsletter-box, .origo-footer) { border-color: rgba(255, 255, 255, 0.96) !important; outline-color: rgba(139, 92, 246, 0.22) !important; background: none rgba(255, 255, 255, 0.42) !important; backdrop-filter: blur(30px) saturate(1.18) !important; box-shadow: rgb(255, 255, 255) 0px 2px 0px inset, rgba(255, 255, 255, 0.78) 1px 0px 0px inset, rgba(139, 92, 246, 0.11) 0px -1px 0px inset, rgba(35, 25, 48, 0.11) 0px 15px 36px !important; }body:not(.dark) :where(.site-header, .category-nav) { background: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(34px) saturate(1.2) !important; }body:not(.dark) :where(.modal, .dialog, dialog, .drawer, .mobile-menu-panel, .brands-dropdown, .mega-dropdown, .global-search-panel, .toast) { background: none rgba(255, 255, 255, 0.56) !important; backdrop-filter: blur(36px) saturate(1.22) !important; }@media (max-width: 560px){body:not(.dark) :where(.site-header, .category-nav, .catalog-sidebar, .catalog-results-toolbar, .home-benefits, .home-promo-strip, .origo-footer) { backdrop-filter: blur(22px) saturate(1.14) !important; }}html, body { max-width: 100%; overflow-x: hidden !important; }body:not(.dark) { background: none rgb(237, 242, 248) !important; }body:not(.dark) #storefront-main::before, body:not(.dark) #storefront-main::after { content: none !important; display: none !important; }body:not(.dark) :where(.site-header, .category-nav, .catalog-search-shell, .catalog-sidebar, .catalog-results-toolbar, .catalog-mobile-toolbar, .home-benefits, .home-benefit, .home-promo-strip, .home-promo-strip article, .home-categories a, .brand-carousel, .brand-carousel-track button, .brand-marquee-set button, .product-detail-gallery, .product-detail-info, .product-detail-panel, .product-detail-section, .product-detail-accordion, .product-performance, .product-notes, .product-reviews, .cart-drawer, .wishlist-drawer, .compare-drawer, .checkout-card, .checkout-summary, .order-summary, .account-card, .auth-card, .newsletter-box, .origo-footer) { border: 1px solid rgba(255, 255, 255, 0.98) !important; outline: rgba(139, 92, 246, 0.18) solid 1px !important; background: none rgba(255, 255, 255, 0.28) !important; backdrop-filter: blur(42px) saturate(1.28) !important; box-shadow: rgb(255, 255, 255) 0px 2px 0px inset, rgba(255, 255, 255, 0.9) 1px 0px 0px inset, rgba(139, 92, 246, 0.12) 0px -1px 0px inset, rgba(35, 25, 48, 0.1) 0px 16px 38px !important; }body:not(.dark) :where(.site-header, .category-nav) { background: rgba(255, 255, 255, 0.38) !important; backdrop-filter: blur(48px) saturate(1.3) !important; }body:not(.dark) :where(.modal, .dialog, dialog, .drawer, .mobile-menu-panel, .brands-dropdown, .mega-dropdown, .global-search-panel, .toast) { border: 1px solid rgba(255, 255, 255, 0.98) !important; background: none rgba(255, 255, 255, 0.42) !important; backdrop-filter: blur(52px) saturate(1.32) !important; }@media (max-width: 560px){body:not(.dark) :where(.site-header, .category-nav, .catalog-sidebar, .catalog-results-toolbar, .home-benefits, .home-promo-strip, .origo-footer) { backdrop-filter: blur(28px) saturate(1.2) !important; }}body:not(.dark) #storefront-main { position: relative; isolation: isolate; background: none transparent !important; }body:not(.dark) #storefront-main::before, body:not(.dark) #storefront-main::after { content: ""; position: fixed; z-index: -1; width: clamp(150px, 18vw, 280px); aspect-ratio: 1 / 1; pointer-events: none; border-radius: 50%; filter: blur(58px); opacity: 0.72; }body:not(.dark) #storefront-main::before { top: 14vh; left: 5vw; background: rgba(167, 43, 243, 0.16); box-shadow: rgba(35, 139, 234, 0.13) 56vw 10vh 0px 34px, rgba(240, 82, 97, 0.11) 26vw 62vh 0px 18px; }body:not(.dark) #storefront-main::after { right: 7vw; bottom: 8vh; background: rgba(35, 139, 234, 0.14); box-shadow: rgba(240, 82, 97, 0.1) -54vw -4vh 0px 26px, rgba(167, 43, 243, 0.11) -24vw -58vh 0px 12px; }body:not(.dark) :where(.site-header, .category-nav, .catalog-search-shell, .catalog-sidebar, .catalog-results-toolbar, .catalog-mobile-toolbar, .home-benefits, .home-benefit, .home-promo-strip, .home-promo-strip article, .home-categories a, .brand-carousel, .brand-carousel-track button, .brand-marquee-set button, .product-detail-gallery, .product-detail-info, .product-detail-panel, .product-detail-section, .product-detail-accordion, .product-performance, .product-notes, .product-reviews, .cart-drawer, .wishlist-drawer, .compare-drawer, .checkout-card, .checkout-summary, .order-summary, .account-card, .auth-card, .newsletter-box, .origo-footer) { border-color: rgba(255, 255, 255, 0.94) !important; outline-color: rgba(139, 92, 246, 0.2) !important; background: none rgba(255, 255, 255, 0.48) !important; backdrop-filter: blur(28px) saturate(1.16) !important; box-shadow: rgba(255, 255, 255, 0.98) 0px 2px 0px inset, rgba(255, 255, 255, 0.72) 1px 0px 0px inset, rgba(139, 92, 246, 0.1) 0px -1px 0px inset, rgba(35, 25, 48, 0.1) 0px 14px 34px !important; }body:not(.dark) :where(.site-header, .category-nav) { background: rgba(255, 255, 255, 0.56) !important; backdrop-filter: blur(32px) saturate(1.18) !important; }body:not(.dark) :where(.modal, .dialog, dialog, .drawer, .mobile-menu-panel, .brands-dropdown, .mega-dropdown, .global-search-panel, .toast) { background: none rgba(255, 255, 255, 0.62) !important; backdrop-filter: blur(34px) saturate(1.2) !important; }@media (max-width: 560px){body:not(.dark) #storefront-main::before, body:not(.dark) #storefront-main::after { filter: blur(44px); opacity: 0.58; }body:not(.dark) :where(.site-header, .category-nav, .catalog-sidebar, .catalog-results-toolbar, .home-benefits, .home-promo-strip, .origo-footer) { backdrop-filter: blur(20px) saturate(1.12) !important; }}body:not(.dark) { background: none rgb(245, 243, 248) !important; }body:not(.dark) :where(.site-header, .category-nav, .catalog-search-shell, .catalog-sidebar, .catalog-results-toolbar, .catalog-mobile-toolbar, .home-benefits, .home-benefit, .home-promo-strip, .home-promo-strip article, .home-categories a, .brand-carousel, .brand-carousel-track button, .brand-marquee-set button, .product-detail-gallery, .product-detail-info, .product-detail-panel, .product-detail-section, .product-detail-accordion, .product-performance, .product-notes, .product-reviews, .cart-drawer, .wishlist-drawer, .compare-drawer, .checkout-card, .checkout-summary, .order-summary, .account-card, .auth-card, .newsletter-box, .origo-footer) { outline: rgba(139, 92, 246, 0.18) solid 1px; backdrop-filter: blur(18px) saturate(1.08); border: 1px solid rgba(255, 255, 255, 0.86) !important; background: none rgba(255, 255, 255, 0.68) !important; box-shadow: rgba(255, 255, 255, 0.94) 0px 1px 0px inset, rgba(139, 92, 246, 0.07) 0px -1px 0px inset, rgba(34, 24, 46, 0.08) 0px 10px 26px !important; }body:not(.dark) :where(.modal, .dialog, dialog, .drawer, .mobile-menu-panel, .brands-dropdown, .mega-dropdown, .global-search-panel, .toast) { backdrop-filter: blur(22px) saturate(1.1); border: 1px solid rgba(255, 255, 255, 0.88) !important; background: none rgba(255, 255, 255, 0.78) !important; box-shadow: rgba(255, 255, 255, 0.98) 0px 1px 0px inset, rgba(28, 20, 38, 0.15) 0px 18px 42px !important; }@media (max-width: 640px){body { padding-bottom: 86px; }.store-bottom-nav { right: 12px; bottom: max(10px, env(safe-area-inset-bottom)); left: 12px; width: auto; height: 64px; padding: 5px 7px; overflow: visible; border: 1px solid rgba(86, 66, 72, 0.12); border-radius: 22px; color: rgb(132, 122, 125); background: rgb(255, 255, 255); box-shadow: rgba(40, 19, 27, 0.16) 0px 12px 32px, rgba(255, 255, 255, 0.98) 0px 1px 0px inset; backdrop-filter: none; transition: transform 0.22s, opacity 0.22s; }.store-bottom-nav > :is(a, button) { min-height: 52px; padding: 4px 2px; align-content: center; gap: 3px; border-radius: 16px; transition: color 180ms, background-color 180ms, transform 180ms; }.store-bottom-nav > :is(a, button):active { transform: scale(0.94); }.store-bottom-nav span, .store-bottom-nav .store-bottom-discover span { width: auto; height: auto; margin: 0px; color: currentcolor; background: transparent; box-shadow: none; font-size: 21px; }.store-bottom-nav b { color: currentcolor; font-size: 9px; line-height: 1.2; }.store-bottom-nav .active { color: rgb(114, 0, 31); background: rgb(248, 238, 241); }.mobile-menu-panel, body:not(.dark) .mobile-menu-panel, body.dark .mobile-menu-panel { color: rgb(33, 23, 26) !important; background: none rgb(255, 255, 255) !important; backdrop-filter: none !important; }.mobile-menu-panel :is(.mobile-menu-search, .mobile-taxonomy-group) { color: rgb(33, 23, 26); background: rgb(250, 248, 248); }.mobile-menu-panel nav a { color: rgb(33, 23, 26); }}body:not(.dark) :where(.site-header, .category-nav, .catalog-search-shell, .catalog-sidebar, .catalog-results-toolbar, .catalog-mobile-toolbar, .home-benefits, .home-benefit, .home-promo-strip, .home-promo-strip article, .home-categories a, .brand-carousel, .brand-carousel-track button, .brand-marquee-set button, .product-detail-gallery, .product-detail-info, .product-detail-panel, .product-detail-section, .product-detail-accordion, .product-performance, .product-notes, .product-reviews, .cart-drawer, .wishlist-drawer, .compare-drawer, .checkout-card, .checkout-summary, .order-summary, .account-card, .auth-card, .newsletter-box, .origo-footer) { border-color: rgba(139, 92, 246, 0.28) !important; background: none rgb(255, 255, 255) !important; box-shadow: rgba(139, 92, 246, 0.09) 0px 0px 14px !important; }body:not(.dark) :where(.site-header, .category-nav, .home-benefits, .home-promo-strip, .brand-carousel, .origo-footer)::before, body:not(.dark) :where(.site-header, .category-nav, .home-benefits, .home-promo-strip, .brand-carousel, .origo-footer)::after { background-image: none !important; }body:not(.dark) :where(.modal, .dialog, dialog, .drawer, .mobile-menu-panel, .brands-dropdown, .mega-dropdown, .global-search-panel, .toast) { background: none rgba(255, 255, 255, 0.42) !important; backdrop-filter: blur(52px) saturate(1.32) !important; }@media (max-width: 640px){.mobile-menu-panel, body:not(.dark) .mobile-menu-panel, body.dark .mobile-menu-panel { color: rgb(33, 23, 26) !important; background: none rgb(255, 255, 255) !important; backdrop-filter: none !important; }}.site-header { --origo-header-control-size: 40px; --origo-header-icon-size: 22px; --origo-header-nav-icon-size: 17px; --origo-header-chevron-size: 13px; }.site-header :is(.header-commerce-actions > button, .header-preference-actions > button) { min-height: var(--origo-header-control-size); }.site-header :is(.header-commerce-actions > button > svg, .header-commerce-actions > button > .origo-lux-icon, .header-search > svg, .header-search > .origo-lux-icon) { width: var(--origo-header-icon-size) !important; height: var(--origo-header-icon-size) !important; flex: 0 0 var(--origo-header-icon-size) !important; }.site-header .mobile-menu-button > .origo-lux-icon, .site-header .header-preference-actions .theme-toggle .origo-lux-icon { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; }@media (max-width: 700px){.site-header { --origo-header-control-size: 36px; --origo-header-icon-size: 20px; }.site-header .mobile-menu-button { width: 36px !important; min-width: 36px !important; height: 36px !important; }.site-header .mobile-menu-button > .origo-lux-icon, .site-header .header-preference-actions .theme-toggle .origo-lux-icon { width: 20px !important; height: 20px !important; }}@media (max-width: 700px){.site-header .header-main, .site-header.compact .header-main, body.mobile-header-condensed .site-header .header-main, body.mobile-header-condensed .site-header.compact .header-main { position: relative !important; grid-template-columns: 40px minmax(0px, 1fr) 112px !important; grid-template-areas: "menu spacer commerce" !important; overflow: visible !important; }.site-header .header-main > .brand, .site-header.compact .header-main > .brand, body.mobile-header-condensed .site-header .header-main > .brand, body.mobile-header-condensed .site-header.compact .header-main > .brand { position: absolute !important; z-index: 6 !important; top: 50% !important; left: 50% !important; right: auto !important; width: clamp(118px, 35vw, 142px) !important; min-width: 0px !important; height: 55px !important; margin: 0px !important; padding: 0px !important; display: grid !important; place-items: center !important; overflow: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translate(-50%, -50%) !important; }.site-header .header-main > .brand img, .site-header.compact .header-main > .brand img, body.mobile-header-condensed .site-header .header-main > .brand img { width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; display: block !important; object-fit: contain !important; object-position: center center !important; padding: 2px 0px !important; box-sizing: border-box !important; overflow: visible !important; clip-path: none !important; }}body:not(.dark) { --ink-soft: #090909; --muted: #090909; --shell-muted: #090909; --origo-muted: #090909; --origo-light-muted: #090909; --admin-text-muted: #090909; }@media (max-width: 640px){body { padding-bottom: 0px !important; }footer.origo-footer { margin-bottom: 0px !important; }footer.origo-footer .footer-bottom-bar { min-height: 34px !important; padding: 6px 12px !important; }}@media (max-width: 700px){.site-header .header-main, .site-header.compact .header-main, body.mobile-header-condensed .site-header .header-main, body.mobile-header-condensed .site-header.compact .header-main { grid-template-columns: 44px minmax(0px, 1fr) 80px !important; grid-template-areas: "menu spacer commerce" !important; gap: 4px !important; padding-inline: 10px !important; }.site-header .header-commerce-zone, body.mobile-header-condensed .site-header .header-commerce-zone { grid-area: commerce !important; width: 80px !important; min-width: 80px !important; justify-self: end !important; }.site-header .header-commerce-actions, body.mobile-header-condensed .site-header .header-commerce-actions { width: 80px !important; display: grid !important; grid-template-columns: repeat(2, 38px) !important; justify-content: end !important; gap: 4px !important; }.site-header .header-commerce-actions > button, body.mobile-header-condensed .site-header .header-commerce-actions > button { width: 38px !important; min-width: 38px !important; height: 38px !important; }.site-header .header-main > .brand, .site-header.compact .header-main > .brand, body.mobile-header-condensed .site-header .header-main > .brand, body.mobile-header-condensed .site-header.compact .header-main > .brand { width: clamp(104px, 31vw, 126px) !important; z-index: 4 !important; }.site-header .mobile-menu-button, .site-header .header-commerce-zone { position: relative !important; z-index: 7 !important; }}@media (max-width: 640px){.store-bottom-nav { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }.store-bottom-nav > :is(a, button) { padding-inline: 1px !important; }.store-bottom-nav b { font-size: 8.5px !important; }.mobile-menu-panel { gap: 4px !important; }.mobile-menu-head .brand-logo-link img { height: 37px !important; }.mobile-menu-head .close-button { width: 36px !important; height: 36px !important; }.mobile-menu-actions-top { margin-top: 0px !important; }.mobile-menu-actions-top button { min-height: 46px !important; padding: 5px 4px !important; }.mobile-menu-actions-top b { font-size: 9px !important; line-height: 1.25 !important; }.mobile-menu-search { min-height: 42px !important; margin: 1px 0px !important; padding-block: 6px !important; font-size: 11px !important; }.mobile-finder-quick { min-height: 41px !important; padding-block: 5px !important; font-size: 11px !important; }.mobile-taxonomy-top { margin: 0px !important; gap: 4px !important; }.mobile-taxonomy-group summary { min-height: 39px !important; font-size: 11px !important; }.mobile-menu-panel nav { min-height: 0px !important; flex: 1 1 auto !important; grid-template-rows: repeat(7, minmax(35px, 1fr)) !important; gap: 4px !important; }.mobile-menu-panel nav a { min-height: 35px !important; height: 100% !important; padding: 4px 9px !important; font-size: 11px !important; line-height: 1.25 !important; }}@media (max-width: 640px){body .drawer { z-index: 320 !important; inset: 0px !important; width: 100% !important; max-width: none !important; height: 100dvh !important; padding: 18px 16px max(18px,env(safe-area-inset-bottom)) !important; overflow: hidden !important; color: var(--ink,#24191c) !important; background: none rgb(255, 255, 255) !important; box-shadow: none !important; }.drawer-head { flex: 0 0 auto; padding-bottom: 10px; border-bottom: 1px solid var(--line,#e9dfe1); align-items: center !important; }.drawer-head h2 { font-size: 27px !important; }.drawer :is(.cart-items, .wishlist-items) { min-height: 0px; overscroll-behavior: contain; margin: 12px 0px !important; }.drawer-footer { flex: 0 0 auto; padding: 12px 0px 0px !important; background: inherit !important; }}body .toast-region { z-index: 10000 !important; max-width: min(430px, -30px + 100vw); }input[type="search"]:focus-visible { outline: none !important; outline-offset: 0px !important; }body .floating-cart-button.cart-button { inset-inline-end: 22px; bottom: 24px; touch-action: none; user-select: none; position: fixed !important; z-index: 108 !important; width: 54px !important; min-width: 54px !important; height: 54px !important; min-height: 54px !important; display: grid !important; place-items: center !important; padding: 0px !important; border: 1px solid var(--burgundy,#6d0d24) !important; border-radius: 50% !important; background: rgb(255, 255, 255) !important; color: var(--burgundy,#6d0d24) !important; box-shadow: rgba(45, 20, 27, 0.16) 0px 8px 24px !important; cursor: grab !important; }body .floating-cart-button.cart-button:hover { transform: translateY(-2px); box-shadow: rgba(45, 20, 27, 0.21) 0px 11px 28px !important; }body .floating-cart-button.cart-button > svg { width: 23px !important; height: 23px !important; fill: none !important; stroke: currentcolor !important; stroke-width: 1.7 !important; }body .floating-cart-button.cart-button > .action-count { position: absolute !important; top: -4px !important; inset-inline-end: -3px !important; min-width: 20px !important; height: 20px !important; padding: 0px 5px !important; display: grid !important; place-items: center !important; border: 2px solid rgb(255, 255, 255) !important; border-radius: 999px !important; background: var(--burgundy,#6d0d24) !important; color: rgb(255, 255, 255) !important; font-size: 10px !important; font-weight: 800 !important; }@media (max-width: 700px){body .floating-cart-button.cart-button { inset-inline-end: 14px; bottom: 82px; width: 50px !important; min-width: 50px !important; height: 50px !important; min-height: 50px !important; }}@media (max-width: 600px){body .toast-region { max-width: none; inset-inline: 15px !important; bottom: max(92px,calc(78px + env(safe-area-inset-bottom))) !important; }}@media (max-width: 640px){.store-bottom-nav, body.mobile-nav-hidden .store-bottom-nav { right: 0px !important; bottom: 0px !important; left: 0px !important; width: 100% !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-radius: 18px 18px 0px 0px !important; opacity: 1 !important; visibility: visible !important; transform: translate3d(0px, 0px, 0px) !important; will-change: auto !important; }.mobile-menu-backdrop { z-index: 298 !important; background: rgb(22, 8, 13) !important; backdrop-filter: none !important; transition: opacity 0.14s linear, visibility 0.14s linear !important; }.mobile-menu-panel, body.mobile-menu-active .mobile-menu-panel { z-index: 299 !important; inset: 0 0 calc(62px + env(safe-area-inset-bottom)) 0 !important; width: auto !important; max-width: none !important; height: auto !important; padding: 10px 17px !important; overflow: hidden auto !important; isolation: isolate !important; background: none rgb(255, 255, 255) !important; backdrop-filter: none !important; box-shadow: none !important; transition: transform 0.22s !important; }}html body:not(.dark) { background: rgb(255, 255, 255) !important; }body:not(.dark) :is(#storefront-main, .origo-home, .site-header, .category-nav, .origo-footer, .home-brand-directory, .home-benefits-directory, .home-gender-section, .home-configured-product-row, .product-card, .product-card-info, .drawer, .mobile-menu-panel, .store-bottom-nav, .catalog-page, .catalog-sidebar, .catalog-toolbar, .catalog-filter-panel, .notes-route-page, .notes-library-toolbar, .library-note-card, .note-detail-hero, .note-detail-copy, .note-detail-section, .commerce-page, .checkout-main-card, .checkout-summary-card, .checkout-why, .tracking-card, .status-hero, .account-route-page, .account-card, .account-subview, .auth-card, .benefit-detail-page, .benefit-content-card, .brands-route-page, .mega-dropdown, .brands-dropdown, input, textarea, select) { background: rgb(255, 255, 255) !important; }.product-price, .pdp-price, .checkout-total, .cart-count, .wishlist-count, .percentage-score-card output, .accord-admin-item output, .performance-score, .finder-results strong, .admin-metric b, .ops-data-table td, .ops-id, input[type="number"], input[type="tel"] { font-variant-numeric: tabular-nums; unicode-bidi: isolate; }:root { --origo-display-title-size: 48px; --origo-section-title-size: 30px; --origo-product-title-size: 18px; --origo-body-text-size: 17px; --origo-description-text-size: 16px; --origo-small-text-size: 14px; --origo-control-text-size: 16px; --origo-price-text-size: 20px; }:where(#storefront-main, .site-header, #site-footer, .origo-footer, .mobile-menu-panel, .store-bottom-nav, .drawer, .product-overlay) { font-size: var(--origo-body-text-size) !important; line-height: 1.65; }:where(#storefront-main, .product-overlay, #site-footer) :is(.home-section-head h2, .pdp-section-heading h2, .section-heading h2, .alternatives-title h1, .comparison-title h1, .inspired-section > header h2, .route-title, h1.page-title, h2.section-title) { font-size: var(--origo-section-title-size) !important; line-height: 1.3 !important; }:where(#storefront-main, .product-overlay, #site-footer, .origo-footer) :is(p, .description, .product-description, .alternative-narrative, .pdp-copy, .benefit-content-card p, .footer-description) { font-size: var(--origo-description-text-size) !important; line-height: 1.75 !important; }html body :where(#storefront-main, .product-overlay, .site-header, #site-footer, .origo-footer, .mobile-menu-panel, .store-bottom-nav, .drawer) :is(small, .eyebrow, .kicker, .caption, .meta, .product-brand, .product-card-secondary-name, .product-badge, .product-feature-badge, .alt-relation-badge, .alt-compare-check, .exact-card-rating, .exact-card-rating small, figcaption) { font-size: var(--origo-small-text-size) !important; line-height: 1.45 !important; }html body :where(#storefront-main, .product-overlay, .site-header, #site-footer, .origo-footer, .mobile-menu-panel, .store-bottom-nav, .drawer) :is(button, a.button, .button, input, select, textarea, label, .nav-link, .category-nav a, .category-nav button) { font-size: var(--origo-control-text-size) !important; line-height: 1.4 !important; }@media (max-width: 700px){:where(#storefront-main, .site-header, #site-footer, .origo-footer, .mobile-menu-panel, .store-bottom-nav, .drawer, .product-overlay) { line-height: 1.6; }}.origo-footer .footer-directory > section { align-items: center !important; text-align: center !important; }.origo-footer .footer-directory :where(h2, h3) { width: 100%; text-align: center !important; }.origo-footer .footer-directory > section > :where(a, button, p, small), .origo-footer .footer-brand-list, .origo-footer .footer-contact-app, .origo-footer .footer-newsletter { width: 100%; justify-content: center !important; text-align: center !important; }.origo-footer .footer-brand-list > :where(a, button) { width: 100% !important; justify-content: center !important; text-align: center !important; }.origo-footer .footer-directory :where(.footer-socials, .footer-app-links) { justify-content: center !important; }@media (max-width: 640px){:is(.product-card, .home-benefit-card, .home-brand-card, .footer-directory, .store-bottom-nav, .mobile-menu-panel) :is(button, a, label, small, b, span) { font-size: max(11px, 1em); }.store-bottom-nav b { font-size: 11px !important; }:is(.header-icon-button, .mobile-menu-toggle, .card-action-button, .card-favorite-button, .card-compare-button, .card-add-button, .pdp-actions button, .pdp-quantity button, .home-carousel-arrow, .drag-strip-hint, .catalog-mobile-toolbar button, .footer-directory a, .newsletter button) { min-width: 44px !important; min-height: 44px !important; }}@media (max-width: 640px){.mobile-menu-button, .mobile-header-search-trigger, .cart-button { min-width: 44px !important; min-height: 44px !important; width: 44px !important; height: 44px !important; }}@media (prefers-reduced-motion: no-preference){body:not(.admin-mode) .announcement > span { will-change: transform; animation: 20s linear 0s infinite normal none running origoAnnouncementTicker !important; }html[dir="rtl"] body:not(.admin-mode) .announcement > span { animation-name: origoAnnouncementTickerRtl !important; }body:not(.admin-mode) .announcement:hover > span { animation-play-state: paused !important; }}@keyframes origoAnnouncementTickerRtl { 
  100% { transform: translateX(100%); }
}@media (max-width: 640px) and (prefers-reduced-motion: no-preference){body:not(.admin-mode) .announcement > span { animation-duration: 14s !important; }}:where(#storefront-main, .site-header, #site-footer, .origo-footer, .mobile-menu-panel, .store-bottom-nav, .drawer, .product-overlay), :where(#storefront-main, .site-header, #site-footer, .origo-footer, .mobile-menu-panel, .store-bottom-nav, .drawer, .product-overlay) :where(:not(code):not(pre):not(kbd):not(samp)) { font-family: var(--origo-font-heading) !important; }body.dark :where(#storefront-main, .origo-home, .site-header, .category-nav, .origo-footer, .home-brand-directory, .home-benefits-directory, .home-gender-section, .home-configured-product-row, .product-card, .product-card-info, .drawer, .mobile-menu-panel, .store-bottom-nav, .catalog-page, .catalog-sidebar, .catalog-toolbar, .catalog-filter-panel, .notes-route-page, .notes-library-toolbar, .library-note-card, .note-detail-hero, .note-detail-copy, .note-detail-section, .commerce-page, .checkout-main-card, .checkout-summary-card, .checkout-why, .tracking-card, .status-hero, .account-route-page, .account-card, .account-subview, .auth-card, .benefit-detail-page, .benefit-content-card, .brands-route-page, .mega-dropdown, .brands-dropdown, input, textarea, select), html[data-theme="dark"] :where(#storefront-main, .origo-home, .site-header, .category-nav, .origo-footer, .home-brand-directory, .home-benefits-directory, .home-gender-section, .home-configured-product-row, .product-card, .product-card-info, .drawer, .mobile-menu-panel, .store-bottom-nav, .catalog-page, .catalog-sidebar, .catalog-toolbar, .catalog-filter-panel, .notes-route-page, .notes-library-toolbar, .library-note-card, .note-detail-hero, .note-detail-copy, .note-detail-section, .commerce-page, .checkout-main-card, .checkout-summary-card, .checkout-why, .tracking-card, .status-hero, .account-route-page, .account-card, .account-subview, .auth-card, .benefit-detail-page, .benefit-content-card, .brands-route-page, .mega-dropdown, .brands-dropdown, input, textarea, select) { background-color: rgb(0, 0, 0) !important; }body.dark { --white: #3b3c40; --paper: #484a4f; --paper-2: #55575d; --card: #4b4d52; --ink: #fff; --ink-soft: #f0f0f2; --line: rgba(255,255,255,.22); --shadow: 0 20px 55px rgba(0,0,0,.28); color: rgb(255, 255, 255) !important; background: rgb(52, 53, 57) !important; }body.dark #storefront-main, body.dark .origo-home, body.dark .pdp-page, body.dark .commerce-page, body.dark .account-page, body.dark .catalog-page, body.dark .fragrance-finder-page, body.dark .alternatives-page, body.dark .benefit-detail-page { color: rgb(255, 255, 255) !important; background: rgb(59, 60, 64) !important; }body.dark #storefront-main :where(h1, h2, h3, h4, h5, h6, p, li, label, legend, summary, small, strong, b), body.dark #site-footer :where(h1, h2, h3, h4, h5, h6, p, li, label, legend, summary, small, strong, b) { color: rgb(255, 255, 255) !important; }body.dark #storefront-main :where(input, textarea, select), body.dark #site-footer :where(input, textarea, select) { caret-color: rgb(244, 206, 114); color: rgb(255, 255, 255) !important; border-color: rgba(255, 255, 255, 0.28) !important; background: rgb(90, 92, 98) !important; }body.dark #storefront-main :where(input, textarea)::placeholder, body.dark #site-footer :where(input, textarea)::placeholder { color: rgb(222, 222, 225) !important; opacity: 1; }body.dark .origo-footer { color: rgb(255, 255, 255) !important; background: rgb(63, 64, 68) !important; }body.dark .origo-footer :where(.footer-top-grid, .footer-benefit-card, .footer-email-field, .footer-column a) { color: rgb(255, 255, 255) !important; border-color: rgba(255, 255, 255, 0.2) !important; background: rgb(75, 77, 82) !important; }body.dark .site-header, body.dark .category-nav { color: rgb(255, 255, 255); background: rgb(114, 0, 25) !important; }body.dark .origo-lux-icon { filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 2px 6px); }body.dark, html[data-theme="dark"] body { --white: #60636a; --paper: #55585e; --paper-2: #656970; --card: #62666d; --ink: #fff; --ink-soft: #f1f1f2; --line: rgba(255,255,255,.24); background: rgb(80, 83, 89) !important; color: rgb(255, 255, 255) !important; }body.dark .site-header, body.dark .category-nav, html[data-theme="dark"] .site-header, html[data-theme="dark"] .category-nav { color: rgb(255, 255, 255) !important; background: var(--origo-header-dark,#5b5e63) !important; border-color: rgba(255, 255, 255, 0.22) !important; }body.dark :where(#storefront-main, .origo-home, .pdp-page, .commerce-page, .account-page, .catalog-page, .fragrance-finder-page, .alternatives-page, .benefit-detail-page, .origo-footer), html[data-theme="dark"] :where(#storefront-main, .origo-home, .pdp-page, .commerce-page, .account-page, .catalog-page, .fragrance-finder-page, .alternatives-page, .benefit-detail-page, .origo-footer) { background: rgb(85, 88, 94) !important; color: rgb(255, 255, 255) !important; }body.dark :where(.product-card, .checkout-main-card, .checkout-summary-card, .checkout-side-card, .account-subview, .recent-orders, .profile-card, .vip-promo, .account-stat-card, .performance-card, .performance-insight-card, .pdp-card, .pdp-purchase, .catalog-filter-panel, .catalog-toolbar, .finder-card, .finder-option, .alternative-card, .benefit-content-card, .mega-dropdown, .brands-dropdown, .advanced-admin-panel, .catalog-admin-panel, [class*="-panel"], [class*="-dialog"]), html[data-theme="dark"] :where(.product-card, .checkout-main-card, .checkout-summary-card, .checkout-side-card, .account-subview, .recent-orders, .profile-card, .vip-promo, .account-stat-card, .performance-card, .performance-insight-card, .pdp-card, .pdp-purchase, .catalog-filter-panel, .catalog-toolbar, .finder-card, .finder-option, .alternative-card, .benefit-content-card, .mega-dropdown, .brands-dropdown, .advanced-admin-panel, .catalog-admin-panel, [class*="-panel"], [class*="-dialog"]) { background: rgb(98, 102, 109) !important; color: rgb(255, 255, 255) !important; border-color: rgba(255, 255, 255, 0.22) !important; }body.dark :where(h1, h2, h3, h4, h5, h6, p, b, strong, small, label, legend, summary, a, button, li, span), html[data-theme="dark"] :where(h1, h2, h3, h4, h5, h6, p, b, strong, small, label, legend, summary, a, button, li, span) { color: rgb(255, 255, 255); }body.dark :where(input, textarea, select), html[data-theme="dark"] :where(input, textarea, select) { background: rgb(112, 116, 123) !important; color: rgb(255, 255, 255) !important; border-color: rgba(255, 255, 255, 0.28) !important; }body.dark :where(input, textarea)::placeholder, html[data-theme="dark"] :where(input, textarea)::placeholder { color: rgb(237, 237, 238) !important; opacity: 1; }body.dark, html[data-theme="dark"] body { --white: #000; --paper: #000; --paper-2: #000; --card: #000; --surface: #000; --ink: var(--origo-dark-text,#fff); --ink-soft: var(--origo-dark-muted,#f0f0f2); --muted: var(--origo-dark-muted,#f0f0f2); --burgundy: var(--origo-dark-burgundy,#720019); --burgundy-2: color-mix(in srgb,var(--origo-dark-burgundy,#720019) 78%,#fff); --burgundy-deep: color-mix(in srgb,var(--origo-dark-burgundy,#720019) 78%,#000); --line: color-mix(in srgb,var(--origo-dark-text,#fff) 22%,transparent); color: var(--origo-dark-text,#fff) !important; background: rgb(0, 0, 0) !important; }body.dark :where(#storefront-main, .origo-home, .pdp-page, .commerce-page, .account-route-page, .catalog-page, .fragrance-finder-page, .alternatives-page, .benefit-detail-page, .brands-route-page, .origo-footer), html[data-theme="dark"] :where(#storefront-main, .origo-home, .pdp-page, .commerce-page, .account-route-page, .catalog-page, .fragrance-finder-page, .alternatives-page, .benefit-detail-page, .brands-route-page, .origo-footer) { color: var(--origo-dark-text,#fff) !important; background: rgb(0, 0, 0) !important; }body.dark :where(.product-card, .checkout-main-card, .checkout-summary-card, .checkout-side-card, .account-subview, .recent-orders, .profile-card, .vip-promo, .account-mobile-identity, .account-mobile-menu, .account-support-list, .performance-card, .performance-insight-card, .pdp-card, .pdp-purchase, .catalog-filter-panel, .catalog-toolbar, .finder-card, .finder-option, .alternative-card, .benefit-content-card, .mega-dropdown, .brands-dropdown, [class*="-panel"], [class*="-dialog"]), html[data-theme="dark"] :where(.product-card, .checkout-main-card, .checkout-summary-card, .checkout-side-card, .account-subview, .recent-orders, .profile-card, .vip-promo, .account-mobile-identity, .account-mobile-menu, .account-support-list, .performance-card, .performance-insight-card, .pdp-card, .pdp-purchase, .catalog-filter-panel, .catalog-toolbar, .finder-card, .finder-option, .alternative-card, .benefit-content-card, .mega-dropdown, .brands-dropdown, [class*="-panel"], [class*="-dialog"]) { color: var(--origo-dark-text,#fff) !important; border-color: color-mix(in srgb,var(--origo-dark-text,#fff) 22%,transparent) !important; background: rgb(0, 0, 0) !important; }body.dark :where(input, textarea, select), html[data-theme="dark"] :where(input, textarea, select) { color: var(--origo-dark-text,#fff) !important; border-color: color-mix(in srgb,var(--origo-dark-text,#fff) 28%,transparent) !important; background: rgb(0, 0, 0) !important; }body.dark .site-header, body.dark .category-nav, html[data-theme="dark"] .site-header, html[data-theme="dark"] .category-nav { color: var(--origo-dark-text,#fff) !important; background: rgb(0, 0, 0) !important; border-color: color-mix(in srgb,var(--origo-dark-text,#fff) 22%,transparent) !important; }body.dark :where(.burgundy-button, .pdp-add, .action-count), html[data-theme="dark"] :where(.burgundy-button, .pdp-add, .action-count) { color: var(--origo-dark-text,#fff) !important; background: var(--origo-dark-burgundy,#720019) !important; }body.dark :where(h1, h2, h3, h4, h5, h6, p, b, strong, label, legend, summary, a, button, li, span), html[data-theme="dark"] :where(h1, h2, h3, h4, h5, h6, p, b, strong, label, legend, summary, a, button, li, span) { color: var(--origo-dark-text,#fff); }body.dark :where(small, .muted, [class*="-muted"], [class*="-subtitle"]), html[data-theme="dark"] :where(small, .muted, [class*="-muted"], [class*="-subtitle"]) { color: var(--origo-dark-muted,#f0f0f2) !important; }@media (max-width: 640px){body .drawer { z-index: 320 !important; inset: 0px !important; width: 100% !important; max-width: none !important; height: 100dvh !important; padding: 18px 16px max(18px,env(safe-area-inset-bottom)) !important; overflow: hidden !important; color: var(--ink,#24191c) !important; background: none rgb(255, 255, 255) !important; box-shadow: none !important; }body.dark .drawer { color: rgb(255, 255, 255) !important; background: rgb(23, 18, 22) !important; }.drawer-head { flex: 0 0 auto; padding-bottom: 10px; border-bottom: 1px solid var(--line,#e9dfe1); align-items: center !important; }.drawer-head h2 { font-size: 27px !important; }.drawer :is(.cart-items, .wishlist-items) { min-height: 0px; overscroll-behavior: contain; margin: 12px 0px !important; }.drawer-footer { flex: 0 0 auto; padding: 12px 0px 0px !important; background: inherit !important; }}@media (max-width: 640px){.store-bottom-nav, body.mobile-nav-hidden .store-bottom-nav { right: 0px !important; bottom: 0px !important; left: 0px !important; width: 100% !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-radius: 18px 18px 0px 0px !important; opacity: 1 !important; visibility: visible !important; transform: translate3d(0px, 0px, 0px) !important; will-change: auto !important; }.mobile-menu-backdrop { z-index: 298 !important; background: rgb(22, 8, 13) !important; backdrop-filter: none !important; transition: opacity 0.14s linear, visibility 0.14s linear !important; }.mobile-menu-panel, body.mobile-menu-active .mobile-menu-panel { z-index: 299 !important; inset: 0 0 calc(62px + env(safe-area-inset-bottom)) 0 !important; width: auto !important; max-width: none !important; height: auto !important; padding: 10px 17px !important; overflow: hidden auto !important; isolation: isolate !important; background: none rgb(255, 255, 255) !important; backdrop-filter: none !important; box-shadow: none !important; transition: transform 0.22s !important; }body.dark .mobile-menu-panel { color: rgb(255, 255, 255) !important; background: rgb(23, 18, 22) !important; }}html body.dark, html[data-theme="dark"] body { background: rgb(36, 36, 36) !important; }body.dark :is(#storefront-main, .origo-home, .site-header, .category-nav, .origo-footer, .home-brand-directory, .home-benefits-directory, .home-gender-section, .home-configured-product-row, .product-card, .product-card-info, .drawer, .mobile-menu-panel, .store-bottom-nav, .catalog-page, .catalog-sidebar, .catalog-toolbar, .catalog-filter-panel, .notes-route-page, .notes-library-toolbar, .library-note-card, .note-detail-hero, .note-detail-copy, .note-detail-section, .commerce-page, .checkout-main-card, .checkout-summary-card, .checkout-why, .tracking-card, .status-hero, .account-route-page, .account-card, .account-subview, .auth-card, .benefit-detail-page, .benefit-content-card, .brands-route-page, .mega-dropdown, .brands-dropdown, input, textarea, select), html[data-theme="dark"] :is(#storefront-main, .origo-home, .site-header, .category-nav, .origo-footer, .home-brand-directory, .home-benefits-directory, .home-gender-section, .home-configured-product-row, .product-card, .product-card-info, .drawer, .mobile-menu-panel, .store-bottom-nav, .catalog-page, .catalog-sidebar, .catalog-toolbar, .catalog-filter-panel, .notes-route-page, .notes-library-toolbar, .library-note-card, .note-detail-hero, .note-detail-copy, .note-detail-section, .commerce-page, .checkout-main-card, .checkout-summary-card, .checkout-why, .tracking-card, .status-hero, .account-route-page, .account-card, .account-subview, .auth-card, .benefit-detail-page, .benefit-content-card, .brands-route-page, .mega-dropdown, .brands-dropdown, input, textarea, select) { background: rgb(36, 36, 36) !important; }:where(body.dark, html[data-theme="dark"] body) { --ink: #fff; --muted: #d0d0d0; --paper: #242424; --card: #2c2c2c; --surface: #2c2c2c; --line: #505050; --admin-bg: #242424; --admin-surface: #2c2c2c; --admin-surface-muted: #333; --admin-text: #fff; --admin-text-muted: #d0d0d0; --admin-border: #3d3d3d; --admin-sidebar-bg: #050505; color: rgb(255, 255, 255) !important; background: none rgb(36, 36, 36) !important; }:where(body.dark, html[data-theme="dark"] body) :where(#storefront-main, .origo-home, .pdp-page, .commerce-page, .account-route-page, .catalog-page, .fragrance-finder-page, .alternatives-route-page, .notes-route-page, .brands-route-page, .benefits-route-page, .benefit-detail-page, .advanced-admin-main, .advanced-admin-body, .admin-dashboard-content, .catalog-admin-panel, .notes-admin-panel, .admin-panel) { color: rgb(255, 255, 255) !important; background: none rgb(36, 36, 36) !important; }:where(body.dark, html[data-theme="dark"] body) :where(.site-header, .category-nav, .origo-footer, .store-bottom-nav, .mobile-menu-panel, .drawer, .advanced-admin-sidebar, .advanced-admin-topbar, .admin-head, .admin-sidebar-user, .mega-dropdown, .brands-dropdown, .header-account-menu) { color: rgb(255, 255, 255) !important; background: none rgb(41, 41, 41) !important; border-color: rgb(80, 80, 80) !important; }:where(body.dark, html[data-theme="dark"] body) :where(article, section[class*="card"], div[class*="card"], aside[class*="card"], [class*="-panel"], [class*="-dialog"], [class*="-toolbar"], [class*="-summary"], [class*="-table"], [class*="-grid"] > article, [class*="-list"] > article, fieldset, details, .product-card, .product-card-info, .pdp-purchase, .pdp-card, .account-subview, .auth-card, .finder-option, .alternative-card, .library-note-card, .admin-settings-form, .admin-quick-create, .review-submit, .product-options-groups > section) { color: rgb(255, 255, 255) !important; background-color: rgb(44, 44, 44) !important; border-color: rgb(80, 80, 80) !important; box-shadow: none !important; }:where(body.dark, html[data-theme="dark"] body) :where(input, textarea, select, option, [contenteditable="true"], .smart-select-control, .smart-select-menu, .admin-global-search, .footer-email-field) { color: rgb(255, 255, 255) !important; background: none rgb(28, 28, 28) !important; border-color: rgb(80, 80, 80) !important; box-shadow: none !important; }:where(body.dark, html[data-theme="dark"] body) :where(input, textarea)::placeholder { color: rgb(189, 189, 189) !important; opacity: 1 !important; }:where(body.dark, html[data-theme="dark"] body) :where(h1, h2, h3, h4, h5, h6, p, span, b, strong, small, em, label, legend, summary, li, dt, dd, th, td, a) { color: rgb(255, 255, 255) !important; text-shadow: none !important; }:where(body.dark, html[data-theme="dark"] body) :where(button:not(.burgundy-button):not(.pdp-add):not(.card-add-button), .button.secondary-button, [role="button"]:not(.burgundy-button)) { color: rgb(255, 255, 255) !important; background: none rgb(26, 26, 26) !important; border-color: rgb(74, 74, 74) !important; box-shadow: none !important; }:where(body.dark, html[data-theme="dark"] body) :where(.burgundy-button, .pdp-add, .card-add-button, button.primary, .button.primary, #advanced-admin-nav button.active, .admin-nav-more summary.active) { color: rgb(255, 255, 255) !important; background: none rgb(118, 0, 28) !important; border-color: rgb(139, 23, 50) !important; box-shadow: none !important; }:where(body.dark, html[data-theme="dark"] body) :where(.overlay) { background: none rgba(0, 0, 0, 0.88) !important; }:where(body.dark, html[data-theme="dark"] body) :where(.mobile-menu-panel, .mobile-menu-head, .mobile-menu-actions, .mobile-menu-search, .mobile-menu-primary-action, .mobile-menu-links, .mobile-menu-links > *, .mobile-menu-section, .mobile-menu-preferences, .mobile-menu-preferences > *, .mobile-menu-account, .store-bottom-nav, .store-bottom-nav > *, .header-account-menu, .header-account-menu > *) { color: rgb(255, 255, 255) !important; background: none rgb(11, 11, 11) !important; border-color: rgb(59, 59, 59) !important; box-shadow: none !important; }:where(body.dark, html[data-theme="dark"] body) :where(.mobile-menu-links > button, .mobile-menu-links > a, .mobile-menu-section > button, .mobile-menu-section > a, .mobile-menu-preferences > button, .mobile-menu-account, .mobile-menu-search) { color: rgb(255, 255, 255) !important; background: none rgb(24, 24, 24) !important; border: 1px solid rgb(68, 68, 68) !important; }:where(body.dark, html[data-theme="dark"] body) :where(.mobile-menu-panel svg, .mobile-menu-panel i, .mobile-menu-panel [data-mobile-menu-icon], .store-bottom-nav svg, .store-bottom-nav span, .store-bottom-nav i) { color: rgb(255, 255, 255) !important; fill: none !important; stroke: currentcolor !important; }:where(body.dark, html[data-theme="dark"] body) :where(.mobile-menu-panel .close-button, .mobile-menu-panel [data-action="close-mobile-menu"]) { color: rgb(255, 255, 255) !important; background: rgb(24, 24, 24) !important; border-color: rgb(74, 74, 74) !important; }:where(body.dark, html[data-theme="dark"] body) :where(.mobile-menu-panel .mobile-menu-smart-link, .mobile-menu-panel [data-action="find-matches"]) { color: rgb(255, 255, 255) !important; background: rgb(118, 0, 28) !important; border-color: rgb(139, 23, 50) !important; }:where(body.dark, html[data-theme="dark"] body) .store-bottom-nav { border-top: 1px solid rgb(95, 16, 38) !important; }:where(body.dark, html[data-theme="dark"] body) .store-bottom-nav > * { border: 0px !important; }:where(body.dark, html[data-theme="dark"] body) .store-bottom-nav > .active { color: rgb(255, 255, 255) !important; background: rgb(24, 24, 24) !important; box-shadow: rgb(118, 0, 28) 0px 2px 0px inset !important; }:where(body.dark, html[data-theme="dark"] body) :where(.home-section-head a, .section-head a, .view-all, .eyebrow, .gold, .accent-gold) { color: rgb(255, 255, 255) !important; }:where(body.dark, html[data-theme="dark"] body) .mobile-menu-panel :where(.mobile-menu-actions > button, .mobile-menu-search, .mobile-taxonomy-group > summary, nav > a, .mobile-admin-link) { color: rgb(255, 255, 255) !important; background: none rgb(23, 23, 23) !important; border: 1px solid rgb(68, 68, 68) !important; box-shadow: none !important; }:where(body.dark, html[data-theme="dark"] body) .mobile-menu-panel .mobile-finder-quick { color: rgb(255, 255, 255) !important; background: none rgb(118, 0, 28) !important; border: 1px solid rgb(139, 23, 50) !important; box-shadow: none !important; }:where(body.dark, html[data-theme="dark"] body) .mobile-menu-panel :where(.mobile-menu-actions > button, .mobile-menu-search, .mobile-taxonomy-group > summary, .mobile-finder-quick, nav > a, .mobile-admin-link) :where(span, b, i, svg) { color: rgb(255, 255, 255) !important; }:where(body.dark, html[data-theme="dark"] body) .origo-footer :where(.footer-socials > a, .footer-socials > span) { color: rgb(255, 255, 255) !important; background: none rgb(24, 24, 24) !important; border: 1px solid rgb(68, 68, 68) !important; box-shadow: none !important; }:is(body.dark, html[data-theme="dark"] body) :is(.product-image, .pdp-main-image, .pdp-thumbnails button, .mobile-menu-panel, .store-bottom-nav) { background: rgb(41, 41, 41) !important; }:is(body.dark, html[data-theme="dark"] body) { --white: #242424 !important; --paper: #292929 !important; --paper-2: #303030 !important; --card: #2c2c2c !important; --surface: #2c2c2c !important; background: none rgb(36, 36, 36) !important; }:is(body.dark, html[data-theme="dark"] body) :is(#storefront-main, .origo-home, .site-header, .category-nav, .origo-footer, .product-overlay, .drawer, .mobile-menu-panel, .store-bottom-nav, .header-account-menu, .catalog-page, .commerce-page, .account-route-page, .fragrance-finder-page, .alternatives-page, .benefit-detail-page, .brands-route-page) { background: none rgb(36, 36, 36) !important; }:is(body.dark, html[data-theme="dark"] body) :is(#storefront-main, .product-overlay, .drawer, .mobile-menu-panel, .header-account-menu) :is(.product-card, .product-card-info, .product-info, .pdp-card, .pdp-purchase, .catalog-filter-panel, .catalog-toolbar, .finder-card, .finder-option, .alternative-card, .benefit-content-card, .account-card, .account-subview, .checkout-main-card, .checkout-summary-card, .mobile-menu-head, .mobile-menu-actions, .mobile-menu-search, .mobile-menu-links > *, .mobile-menu-section, .mobile-menu-preferences > *, input, textarea, select) { background: none rgb(44, 44, 44) !important; }:is(body.dark, html[data-theme="dark"] body) :is(.store-bottom-nav, .mobile-menu-links > button, .mobile-menu-links > a, .mobile-menu-section > button, .mobile-menu-section > a, .mobile-menu-preferences > button) { background: none rgb(48, 48, 48) !important; }:is(body.dark, html[data-theme="dark"] body) .origo-footer { background: linear-gradient(145deg, rgb(48, 48, 48), rgb(38, 38, 38)) rgb(41, 41, 41) !important; }:is(body.dark, html[data-theme="dark"] body) .overlay { background: rgba(28, 28, 28, 0.9) !important; }.header-commerce-actions .origo-lux-icon { width: 24px; height: 24px; }.header-search > .origo-lux-icon { width: 21px; height: 21px; }.theme-toggle .origo-lux-icon { width: 18px; height: 18px; }.nav-icon { display: inline-grid; place-items: center; }.nav-icon .origo-lux-icon { width: 17px; height: 17px; color: var(--gold, #c8943d); }.category-nav .brands-nav > button > i .origo-lux-icon { width: 13px; height: 13px; transition: transform 0.2s; }body:not(.dark) .site-header :where(.action-count, .burgundy-button) { color: rgb(255, 255, 255) !important; background: var(--burgundy,#720019) !important; }body:not(.dark) .category-nav :where(.mega-dropdown, .brands-dropdown) { background: rgb(255, 255, 255) !important; }html[data-header-actions-order="commerce-first"] .header-preference-actions { order: 3; }@media (max-width: 640px){.header-main, .compact .header-main { grid-template-columns: 38px minmax(72px, 1fr) minmax(96px, 28vw) 94px; }.header-preference-actions { min-width: 96px; }}body:not(.dark) #storefront-main :where(.product-card, .checkout-main-card, .checkout-summary-card, .checkout-side-card, .account-subview, .recent-orders, .profile-card, .account-mobile-identity, .account-mobile-menu, .account-support-list, .catalog-filter-panel, .catalog-toolbar, .finder-card, .finder-option, .alternative-card, .benefit-content-card, .performance-card, .performance-insight-card), body:not(.dark) :where(.mega-dropdown, .brands-dropdown) { color: var(--origo-light-text,#251519) !important; background: rgb(255, 255, 255) !important; }body:not(.dark) .category-nav { box-shadow: rgba(24, 18, 34, 0.024) 0px 4px 14px; color: var(--origo-text) !important; border-bottom: 1px solid rgba(139, 92, 246, 0.1) !important; background: rgb(255, 255, 255) !important; }body:not(.dark) .site-header .action-count { color: rgb(255, 255, 255) !important; background: var(--origo-primary) !important; }body:not(.dark) .site-header .header-commerce-actions :is(.wishlist-button, .cart-button) { width: 54px; height: 54px; min-width: 54px; overflow: visible; border-radius: 0px; border: 0px !important; color: rgb(23, 17, 19) !important; background: transparent !important; box-shadow: none !important; }body:not(.dark) .site-header .header-commerce-actions :is(.wishlist-button, .cart-button) > svg { width: 38px; height: 38px; fill: none; stroke: currentcolor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }body:not(.dark) .site-header .header-commerce-actions :is(.wishlist-button, .cart-button) > .action-count { inset-block-start: -8px; inset-inline-end: -10px; min-width: 27px; max-width: 27px; height: 27px; padding: 0px 5px; border: 0px; border-radius: 50%; font-size: 14px; font-weight: 700; line-height: 27px; box-shadow: none; width: 27px !important; color: rgb(255, 255, 255) !important; background: rgb(139, 0, 38) !important; }body:not(.dark) .site-header .header-commerce-actions :is(.wishlist-button, .cart-button):hover { color: rgb(139, 0, 38) !important; transform: none !important; }@media (max-width: 700px){body:not(.dark) .site-header .header-commerce-actions :is(.wishlist-button, .cart-button) { width: 44px; height: 44px; min-width: 44px; }body:not(.dark) .site-header .header-commerce-actions :is(.wishlist-button, .cart-button) > svg { width: 31px; height: 31px; }body:not(.dark) .site-header .header-commerce-actions :is(.wishlist-button, .cart-button) > .action-count { inset-block-start: -5px; inset-inline-end: -7px; min-width: 22px; max-width: 22px; height: 22px; padding: 0px 4px; font-size: 11px; line-height: 22px; width: 22px !important; }}.site-header .header-commerce-actions > button > .action-count, body:not(.dark) .site-header .header-commerce-actions > button > .action-count { inset-block-start: -3px; inset-inline-end: -3px; min-width: 18px; max-width: none; height: 18px; padding: 0px 4px; border: 2px solid rgb(255, 255, 255); font-size: 9px; line-height: 14px; width: auto !important; }@media (max-width: 700px){.site-header .header-commerce-actions { grid-template-columns: repeat(4, 27px); gap: 1px; }.site-header .header-commerce-actions > button, body:not(.dark) .site-header .header-commerce-actions > button { width: 27px; min-width: 27px; height: 36px; }.site-header .header-commerce-actions > button > svg, body:not(.dark) .site-header .header-commerce-actions > button > svg, .site-header .header-commerce-actions > button > .origo-lux-icon { width: 20px; height: 20px; flex-basis: 20px; }.site-header .header-commerce-actions > button > .action-count, body:not(.dark) .site-header .header-commerce-actions > button > .action-count { inset-block-start: -1px; inset-inline-end: -2px; min-width: 16px; max-width: none; height: 16px; padding: 0px 3px; border-width: 2px; font-size: 7px; line-height: 12px; width: auto !important; }}body:not(.dark) :where(.header-search, .global-search-input, .catalog-search-shell input, .catalog-sidebar input, .catalog-sidebar select, .product-detail-info input, .checkout-card input, .checkout-card select, .checkout-card textarea, .newsletter-box input) { background: none rgba(255, 255, 255, 0.52) !important; backdrop-filter: blur(22px) saturate(1.14) !important; }body:not(.dark) :where(.header-search, .global-search-input, .catalog-search-shell input, .catalog-sidebar input, .catalog-sidebar select, .product-detail-info input, .checkout-card input, .checkout-card select, .checkout-card textarea, .newsletter-box input) { border: 1px solid rgb(255, 255, 255) !important; outline: rgba(35, 139, 234, 0.16) solid 1px !important; background: none rgba(255, 255, 255, 0.44) !important; backdrop-filter: blur(30px) saturate(1.2) !important; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(35, 139, 234, 0.08) 0px 8px 20px !important; }body:not(.dark) :where(.header-search, .global-search-input, .catalog-search-shell input, .catalog-sidebar input, .catalog-sidebar select, .product-detail-info input, .checkout-card input, .checkout-card select, .checkout-card textarea, .newsletter-box input) { background: none rgba(255, 255, 255, 0.58) !important; backdrop-filter: blur(20px) saturate(1.12) !important; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(35, 139, 234, 0.09) 0px 7px 18px !important; }body:not(.dark) :where(.header-search, .global-search-input, .catalog-search-shell input, .catalog-sidebar input, .catalog-sidebar select, .product-detail-info input, .checkout-card input, .checkout-card select, .checkout-card textarea, .newsletter-box input) { outline: rgba(35, 139, 234, 0.17) solid 1px; backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.92) !important; background: none rgba(255, 255, 255, 0.76) !important; box-shadow: rgba(255, 255, 255, 0.98) 0px 1px 0px inset, rgba(35, 139, 234, 0.07) 0px 5px 15px !important; }@media (max-width: 640px){body { padding-bottom: 86px; }}body:not(.dark) :where(.header-search, .global-search-input, .catalog-search-shell input, .catalog-sidebar input, .catalog-sidebar select, .product-detail-info input, .checkout-card input, .checkout-card select, .checkout-card textarea, .newsletter-box input) { background: none rgba(255, 255, 255, 0.44) !important; backdrop-filter: blur(30px) saturate(1.2) !important; }.site-header .category-nav .nav-icon { width: 20px; min-width: 20px; height: 20px; display: inline-grid; place-items: center; line-height: 1; font-size: var(--origo-header-nav-icon-size) !important; }.site-header .category-nav .nav-icon > .origo-lux-icon { width: var(--origo-header-nav-icon-size) !important; height: var(--origo-header-nav-icon-size) !important; flex: 0 0 var(--origo-header-nav-icon-size) !important; }.site-header .category-nav .brands-nav > button > i { width: var(--origo-header-chevron-size); min-width: var(--origo-header-chevron-size); height: var(--origo-header-chevron-size); display: grid; place-items: center; font-size: var(--origo-header-chevron-size); line-height: 1; }.site-header .category-nav .brands-nav > button > i > .origo-lux-icon { width: var(--origo-header-chevron-size) !important; height: var(--origo-header-chevron-size) !important; }.site-header .mega-dropdown > button > i, .site-header .header-account-menu > button > i { width: 20px; min-width: 20px; height: 20px; display: grid; place-items: center; font-size: 16px; line-height: 1; font-style: normal; }@media (max-width: 700px){.site-header { --origo-header-control-size: 36px; --origo-header-icon-size: 20px; }.site-header .mobile-menu-button > .origo-lux-icon, .site-header .header-preference-actions .theme-toggle .origo-lux-icon { width: 20px !important; height: 20px !important; }}@media (max-width: 700px){.site-header .header-main, .site-header.compact .header-main, body.mobile-header-condensed .site-header .header-main, body.mobile-header-condensed .site-header.compact .header-main { position: relative !important; grid-template-columns: 40px minmax(0px, 1fr) 112px !important; grid-template-areas: "menu spacer commerce" !important; overflow: visible !important; }.site-header .header-preference-actions { display: none !important; }.site-header .header-main > .brand, .site-header.compact .header-main > .brand, body.mobile-header-condensed .site-header .header-main > .brand, body.mobile-header-condensed .site-header.compact .header-main > .brand { position: absolute !important; z-index: 6 !important; top: 50% !important; left: 50% !important; right: auto !important; width: clamp(118px, 35vw, 142px) !important; min-width: 0px !important; height: 55px !important; margin: 0px !important; padding: 0px !important; display: grid !important; place-items: center !important; overflow: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translate(-50%, -50%) !important; }.site-header .header-main > .brand img, .site-header.compact .header-main > .brand img, body.mobile-header-condensed .site-header .header-main > .brand img { width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; display: block !important; object-fit: contain !important; object-position: center center !important; padding: 2px 0px !important; box-sizing: border-box !important; overflow: visible !important; clip-path: none !important; }}@media (max-width: 700px){.site-header .header-main, .site-header.compact .header-main, body.mobile-header-condensed .site-header .header-main, body.mobile-header-condensed .site-header.compact .header-main { grid-template-columns: 44px minmax(0px, 1fr) 80px !important; grid-template-areas: "menu spacer commerce" !important; gap: 4px !important; padding-inline: 10px !important; }.site-header .header-commerce-zone, body.mobile-header-condensed .site-header .header-commerce-zone { grid-area: commerce !important; width: 80px !important; min-width: 80px !important; justify-self: end !important; }.site-header .header-commerce-actions, body.mobile-header-condensed .site-header .header-commerce-actions { width: 80px !important; display: grid !important; grid-template-columns: repeat(2, 38px) !important; justify-content: end !important; gap: 4px !important; }.site-header .header-commerce-actions > button, body.mobile-header-condensed .site-header .header-commerce-actions > button { width: 38px !important; min-width: 38px !important; height: 38px !important; }.site-header .header-commerce-actions :is(.wishlist-button, .account-button) { display: none !important; }.site-header .header-main > .brand, .site-header.compact .header-main > .brand, body.mobile-header-condensed .site-header .header-main > .brand, body.mobile-header-condensed .site-header.compact .header-main > .brand { width: clamp(104px, 31vw, 126px) !important; z-index: 4 !important; }.site-header .mobile-menu-button, .site-header .header-commerce-zone { position: relative !important; z-index: 7 !important; }}body .site-header .category-nav { min-height: 58px !important; gap: clamp(7px, 1vw, 14px) !important; padding: 8px clamp(16px, 3vw, 54px) !important; border-top: 1px solid rgba(109, 13, 36, 0.14) !important; border-bottom: 1px solid rgba(109, 13, 36, 0.14) !important; background: var(--surface,#fff) !important; }body .site-header .category-nav > a, body .site-header .category-nav > .brands-nav > button { min-height: 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 8px clamp(10px, 1.05vw, 17px) !important; border: 1px solid var(--burgundy,#6d0d24) !important; border-radius: 11px !important; background: rgb(255, 255, 255) !important; color: var(--burgundy,#6d0d24) !important; box-shadow: rgba(109, 13, 36, 0.035) 0px 2px 8px !important; transition: background 0.18s, color 0.18s, box-shadow 0.18s, transform 0.18s !important; }body .site-header .category-nav > a::after { display: none !important; }body .site-header .category-nav > a:hover, body .site-header .category-nav > .brands-nav > button:hover, body .site-header .category-nav > .brands-nav.open > button { transform: translateY(-1px); background: rgb(251, 245, 247) !important; color: var(--burgundy,#6d0d24) !important; box-shadow: rgba(109, 13, 36, 0.1) 0px 5px 14px !important; }@media (max-width: 1080px) and (min-width: 701px){body .site-header .category-nav { scrollbar-width: none; scroll-padding-inline: 18px; justify-content: flex-start !important; }body .site-header .category-nav::-webkit-scrollbar { display: none; }body .site-header .category-nav > a, body .site-header .category-nav > .brands-nav > button { flex: 0 0 auto; padding-inline: 12px !important; }}@media (max-width: 640px){:is(.product-card, .home-benefit-card, .home-brand-card, .footer-directory, .store-bottom-nav, .mobile-menu-panel) :is(button, a, label, small, b, span) { font-size: max(11px, 1em); }:is(.header-icon-button, .mobile-menu-toggle, .card-action-button, .card-favorite-button, .card-compare-button, .card-add-button, .pdp-actions button, .pdp-quantity button, .home-carousel-arrow, .drag-strip-hint, .catalog-mobile-toolbar button, .footer-directory a, .newsletter button) { min-width: 44px !important; min-height: 44px !important; }}body.dark .category-nav :where(a, button, span) { color: rgb(255, 255, 255) !important; }body.dark .category-nav :where(.mega-dropdown, .mega-dropdown-heading) { color: rgb(255, 255, 255) !important; border-color: rgba(244, 206, 114, 0.35) !important; background: rgb(75, 77, 82) !important; }.pdp-customer-reviews { margin: 48px auto 0px; max-width: 1180px; padding: 32px; border-top: 1px solid rgb(231, 220, 222); }.pdp-reviews-empty { background: rgb(248, 243, 244); border-radius: 16px; padding: 24px; text-align: center; }@media (max-width: 700px){.pdp-customer-reviews { padding: 24px 16px; }}.product-overlay { padding: 0px; display: block; place-items: stretch; background: rgb(255, 250, 246); backdrop-filter: none; }body:has(#product-overlay.open) .site-header { z-index: 110; }.product-overlay .product-dialog { width: auto; max-width: none; min-width: 0px; min-height: 100%; margin: 0px; color: rgb(44, 32, 34); background: rgb(255, 250, 246); box-shadow: none; transform: none; }.pdp-page { --pdp-bg: #fffaf6; --pdp-bg-2: #fff; --pdp-surface: #fff; --pdp-raised: #fff7ef; --pdp-burgundy: #71001f; --pdp-deep: #460012; --pdp-gold: #b98124; --pdp-gold-light: #d4a64a; --pdp-text: #2c2022; --pdp-muted: #786c70; --pdp-border: rgba(149,91,30,.22); min-height: 100vh; padding: 22px clamp(20px, 5vw, 84px) 120px; direction: rtl; color: var(--pdp-text); background: radial-gradient(circle at 72% 6%,rgba(113,0,31,.06),transparent 28%),var(--pdp-bg); }.pdp-page * { box-sizing: border-box; }.pdp-page button, .pdp-page a { font: inherit; }.pdp-page button:focus-visible, .pdp-page a:focus-visible { outline: 2px solid var(--pdp-gold-light); outline-offset: 3px; }.pdp-hero { max-width: 1500px; margin: auto; display: grid; grid-template-columns: minmax(420px, 1.08fr) minmax(275px, 0.72fr) minmax(360px, 0.92fr); grid-template-areas: "gallery summary purchase"; gap: 18px; align-items: stretch; direction: ltr; }.pdp-gallery { grid-area: gallery; min-width: 0px; display: grid; grid-template-columns: 76px 1fr; gap: 12px; direction: rtl; }.pdp-thumbnails { display: flex; flex-direction: column; gap: 10px; }.pdp-thumbnails button { width: 76px; height: 76px; padding: 3px; overflow: hidden; border: 1px solid var(--pdp-border); border-radius: 8px; background: var(--pdp-surface); cursor: pointer; }.pdp-thumbnails button.active { border-color: var(--pdp-gold); box-shadow: 0 0 0 1px var(--pdp-gold); }.pdp-thumbnails img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }.pdp-main-image { position: relative; min-height: 570px; overflow: hidden; border: 1px solid var(--pdp-border); border-radius: 10px; background: var(--pdp-raised); }.pdp-main-image > img { width: 100%; height: 100%; max-height: 670px; object-fit: cover; transition: transform 0.45s; }.pdp-fragrance-summary, .pdp-purchase { padding: 24px; border: 1px solid var(--pdp-border); border-radius: 10px; background: var(--pdp-surface); box-shadow: rgba(86, 49, 20, 0.06) 0px 12px 32px; direction: rtl; }.pdp-purchase { grid-area: purchase; }.pdp-fragrance-summary > header span, .pdp-section-heading > span { color: var(--pdp-gold); font-size: 8px; font-weight: 700; letter-spacing: 0.17em; }.pdp-purchase { display: flex; flex-direction: column; }.pdp-brand { color: var(--pdp-gold); font-size: 10px; font-weight: 700; letter-spacing: 0.13em; }.pdp-purchase h1 { margin: 9px 0px 2px; font-family: var(--font-display),var(--font-arabic); font-size: clamp(33px, 3.2vw, 54px); font-weight: 400; line-height: 1.08; }.pdp-tags { display: flex; flex-wrap: wrap; gap: 7px; }.pdp-tags span { padding: 5px 8px; border: 1px solid var(--pdp-border); border-radius: 4px; color: var(--pdp-muted); font-size: 8px; }.pdp-price { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }.pdp-price b { font-size: 27px; }.pdp-price del { color: rgb(134, 123, 126); font-size: 12px; }.pdp-price em { padding: 3px 7px; border-radius: 10px; color: rgb(255, 255, 255); background: var(--pdp-burgundy); font-size: 9px; font-style: normal; }.pdp-price small { width: 100%; color: rgb(142, 131, 135); font-size: 8px; }.pdp-sizes label, .pdp-quantity > span { display: block; margin-bottom: 8px; color: var(--pdp-muted); font-size: 9px; }.pdp-stock { margin: 16px 0px; display: flex; align-items: center; gap: 7px; color: var(--pdp-muted); font-size: 9px; }.pdp-stock i { width: 7px; height: 7px; border-radius: 50%; background: rgb(108, 173, 118); box-shadow: rgb(108, 173, 118) 0px 0px 10px; }.pdp-quantity { display: flex; align-items: center; justify-content: space-between; }.pdp-quantity > div { display: grid; grid-template-columns: 34px 42px 34px; align-items: center; border: 1px solid var(--pdp-border); border-radius: 6px; overflow: hidden; }.pdp-quantity button { height: 34px; border: 0px; color: var(--pdp-gold-light); background: var(--pdp-raised); cursor: pointer; }.pdp-quantity b { text-align: center; font-size: 11px; }.pdp-actions { margin-top: 17px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.pdp-actions button { min-height: 47px; border-radius: 6px; font-size: 10px; font-weight: 700; cursor: pointer; }.pdp-favorite { border: 1px solid var(--pdp-border); color: var(--pdp-text); background: transparent; }.pdp-favorite span { margin-inline-end: 7px; font-size: 17px; }.pdp-benefits { margin-top: auto; padding-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-top: 1px solid rgba(255, 255, 255, 0.07); }.pdp-benefits span { display: flex; align-items: center; gap: 6px; color: var(--pdp-muted); font-size: 8px; }.pdp-benefits i { color: var(--pdp-gold); font-style: normal; }.pdp-section-heading { margin-bottom: 22px; }.pdp-section-heading h2 { margin: 5px 0px; font-size: 23px; font-weight: 600; }.pdp-section-heading p { margin: 0px; color: var(--pdp-muted); font-size: 9px; line-height: 1.7; }@media (max-width: 1250px){.pdp-page { padding-inline: 24px; }.pdp-hero { grid-template-columns: 1.1fr 0.9fr; grid-template-areas: "gallery purchase" "summary summary"; }}@media (max-width: 900px){.pdp-page { padding: 54px 14px 100px; }.pdp-hero { display: flex; flex-direction: column; }.pdp-gallery { grid-template-columns: 1fr; }.pdp-thumbnails { order: 2; flex-direction: row; overflow-x: auto; }.pdp-main-image { min-height: 520px; }.pdp-purchase { order: 2; }}@media (max-width: 560px){.pdp-page { padding-inline: 10px; }.pdp-main-image { min-height: 410px; }.pdp-thumbnails button { width: 62px; height: 62px; }.pdp-fragrance-summary, .pdp-purchase, .pdp-description, .pdp-performance, .pdp-community, .pdp-recommendations { padding: 16px; }.pdp-purchase h1 { font-size: 30px; }.pdp-actions { grid-template-columns: 1fr 1fr; }.pdp-actions button { min-height: 42px; padding: 8px; font-size: 11px; }}.pdp-compare { border: 1px solid var(--pdp-border); color: var(--pdp-text); background: transparent; }.pdp-compare span { margin-inline-end: 7px; font-size: 16px; }body:not(.dark) .pdp-page { --pdp-bg: #fff; --pdp-bg-2: #fff; --pdp-surface: #fff; --pdp-raised: #fff; --pdp-text: #111; --pdp-muted: #5f5f63; --pdp-border: rgba(113,0,31,.2); background: rgb(255, 255, 255) !important; }body:not(.dark) .pdp-page :where(.pdp-purchase, .pdp-public-accords, .pdp-public-details, .pdp-profile-section, .pdp-main-ingredients, .pdp-fragrance-relationships, .pdp-accord-row, .pdp-detail-gate, .pdp-detail-gate dl > div, .pdp-main-ingredients article, .fragrance-relationship-card-public) { background: none rgb(255, 255, 255) !important; box-shadow: none !important; }.pdp-public-accords, .pdp-public-details, .pdp-profile-accordions, .pdp-main-ingredients, .pdp-fragrance-relationships { margin-top: 12px !important; }.pdp-public-accords, .pdp-public-details, .pdp-main-ingredients, .pdp-fragrance-relationships { padding: 16px !important; border-radius: 8px !important; }.pdp-section-heading { margin-bottom: 12px !important; }.pdp-section-heading h2 { line-height: 1.35; margin: 2px 0px !important; font-size: 19px !important; }.pdp-section-heading p { font-size: 9px !important; line-height: 1.55 !important; }.pdp-public-accords > .pdp-accord-profile { margin-top: 8px !important; }.pdp-public-accords .pdp-accord-profile > p { margin: 0px 0px 8px !important; font-size: 9px !important; }.pdp-public-accords .pdp-accord-profile > div { gap: 6px !important; }.pdp-public-accords .pdp-accord-row { padding: 6px !important; border-radius: 6px !important; }.pdp-public-accords .pdp-accord-track { height: 34px !important; }.pdp-public-accords .pdp-accord-visual { width: 38px !important; height: 34px !important; }.pdp-public-details { display: grid; gap: 12px; }.pdp-description-copy { display: grid; gap: 7px; padding: 10px 12px; border-inline-start: 2px solid var(--pdp-burgundy); }.pdp-public-details .pdp-description-copy > p { max-width: none; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0px !important; font-size: 11px !important; line-height: 1.75 !important; }.pdp-detail-gates { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; align-items: start; }.pdp-detail-gate { min-width: 0px; overflow: hidden; border: 1px solid var(--pdp-border); border-radius: 7px; }.pdp-detail-gate:last-child:nth-child(2n+1) { grid-column: 1 / -1; }.pdp-detail-gate > summary { min-height: 44px; padding: 9px 11px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; cursor: pointer; list-style: none; color: var(--pdp-text); }.pdp-detail-gate > summary::-webkit-details-marker { display: none; }.pdp-detail-gate > summary b { font-size: 12px; }.pdp-detail-gate > summary span { min-width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--pdp-border); border-radius: 50%; font-size: 8px; }.pdp-detail-gate > summary i { font-size: 12px; font-style: normal; transition: transform 0.2s; }.pdp-public-details .pdp-detail-gate dl { padding: 7px; margin: 0px !important; display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 5px !important; }.pdp-public-details .pdp-detail-gate dl > div { min-height: 0px !important; padding: 7px 9px !important; border: 1px solid rgba(113, 0, 31, 0.12) !important; border-radius: 5px !important; }.pdp-public-details .pdp-detail-gate dt { line-height: 1.3; margin: 0px 0px 3px !important; font-size: 8px !important; }.pdp-public-details .pdp-detail-gate dd { font-size: 10px !important; line-height: 1.45 !important; }.pdp-profile-accordions { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; }.pdp-profile-section > button { min-height: 52px !important; padding: 8px 11px !important; grid-template-columns: 1fr 20px !important; gap: 6px !important; }.pdp-profile-section > button > div { gap: 2px !important; }.pdp-profile-section > button b { font-size: 12px !important; }.pdp-profile-panel { padding: 12px !important; }@media (max-width: 700px){.pdp-public-accords, .pdp-public-details, .pdp-main-ingredients, .pdp-fragrance-relationships { padding: 12px !important; }.pdp-detail-gates { grid-template-columns: 1fr; }.pdp-detail-gate:last-child:nth-child(2n+1) { grid-column: auto; }.pdp-public-details .pdp-detail-gate dl { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }.pdp-profile-accordions { grid-template-columns: 1fr !important; }}@media (max-width: 430px){.pdp-public-details .pdp-detail-gate dl { grid-template-columns: 1fr !important; }.pdp-section-heading h2 { font-size: 17px !important; }.pdp-public-accords .pdp-accord-profile > div { grid-template-columns: 1fr !important; }}.pdp-accord-visual img, .pdp-accord-visual .accord-photo { width: 100%; height: 100%; display: block; object-fit: cover; }.pdp-accord-visual .accord-photo { background-image: var(--accord-photo-url); background-size: 500% 200%; background-position: calc(var(--accord-photo-x) * 25%) calc(var(--accord-photo-y) * 100%); background-repeat: no-repeat; }body:not(.dark) .pdp-main-image, html[data-theme="light"] .pdp-main-image, body:not(.dark) .pdp-thumbnails button, html[data-theme="light"] .pdp-thumbnails button { background: rgb(255, 255, 255); }.pdp-main-image[data-action="product-zoom"] { cursor: zoom-in; touch-action: manipulation; }.pdp-benefits { border-top-color: var(--pdp-border); }.pdp-hero { grid-template-columns: minmax(440px, 1.2fr) minmax(360px, 0.8fr); grid-template-areas: "gallery purchase"; }.pdp-main-image > img { object-fit: contain; }.pdp-fixed-size { margin: 14px 0px 0px; color: var(--pdp-muted); font-size: 10px; }.pdp-fixed-size b { color: var(--pdp-text); }.pdp-profile-accordions { max-width: 1500px; margin: 22px auto 0px; display: grid; gap: 12px; }.pdp-profile-section > button { width: 100%; min-height: 82px; padding: 16px 22px; display: grid; grid-template-columns: 48px 1fr 28px; align-items: center; gap: 14px; border: 0px; color: var(--pdp-text); background: transparent; text-align: start; cursor: pointer; }.pdp-profile-section > button > div { display: grid; gap: 5px; }.pdp-profile-section > button b { font-size: 18px; }.pdp-profile-section.is-open > button { border-bottom: 1px solid var(--pdp-border); background: linear-gradient(90deg, rgba(185, 129, 36, 0.06), transparent); }.pdp-profile-panel { padding: 24px; }.pdp-accord-profile > p, .pdp-suitability header p { margin: 0px 0px 18px; color: var(--pdp-muted); font-size: 10px; line-height: 1.8; }.pdp-accord-profile > div { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }.pdp-accord-profile article { padding: 14px; border: 1px solid var(--pdp-border); border-radius: 10px; background: var(--pdp-raised); }.pdp-accord-profile article b { font-size: 11px; }.pdp-accord-profile article em { margin-inline-start: auto; color: var(--pdp-muted); font-size: 9px; font-style: normal; }.pdp-accord-profile article > div { height: 7px; margin-top: 10px; overflow: hidden; border-radius: 99px; background: var(--pdp-border); }.pdp-accord-profile article > div i { height: 100%; display: block; border-radius: inherit; background: var(--accord-color); }.pdp-accord-profile > div { grid-template-columns: 1fr !important; gap: 9px !important; }.pdp-accord-profile .pdp-accord-row { min-width: 0px; display: grid; grid-template-columns: 48px minmax(0px, 1fr); align-items: center; gap: 10px; padding: 0px !important; border: 0px !important; background: transparent !important; }.pdp-accord-visual { width: 48px; height: 42px; display: grid; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb,var(--accord-color) 45%,transparent); border-radius: 11px; color: var(--accord-color); background: color-mix(in srgb,var(--accord-color) 11%,white); font-style: normal; font-size: 20px; }.pdp-accord-profile .pdp-accord-track { position: relative; overflow: hidden; height: 42px !important; margin: 0px !important; border-radius: 11px !important; background: color-mix(in srgb,var(--accord-color) 13%,var(--pdp-raised)) !important; }.pdp-accord-profile .pdp-accord-fill { padding: 0px 13px; align-items: center; gap: 10px; white-space: nowrap; width: min(100%,max(112px,calc(var(--accord-strength) * 1%))) !important; height: 100% !important; display: flex !important; border-radius: inherit !important; background: var(--accord-color) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }.pdp-accord-fill b { overflow: hidden; text-overflow: ellipsis; color: rgb(255, 255, 255) !important; font-size: 12px !important; }.pdp-accord-fill em { font-style: normal; margin-inline-start: auto !important; color: rgb(255, 255, 255) !important; font-size: 10px !important; }.pdp-profile-panel .dialog-note-pyramid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }.pdp-profile-panel .dialog-pyramid-row { padding: 14px; border: 1px solid var(--pdp-border); border-radius: 12px; background: var(--pdp-raised); }.pdp-profile-panel .dialog-pyramid-row > span { display: flex; justify-content: space-between; margin-bottom: 12px; }.pdp-profile-panel .dialog-pyramid-row > div { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; }.pdp-profile-panel .dialog-note-chip { min-width: 0px; padding: 8px 4px; display: grid; place-items: center; gap: 5px; border: 1px solid var(--pdp-border); border-radius: 8px; color: var(--pdp-text); background: var(--pdp-surface); cursor: pointer; }.pdp-profile-panel .dialog-note-chip img { width: 58px; height: 50px; object-fit: contain; }.pdp-profile-panel .dialog-note-chip b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 9px; white-space: nowrap; }@media (max-width: 1250px){.pdp-hero { grid-template-columns: 1.1fr 0.9fr; grid-template-areas: "gallery purchase"; }}@media (max-width: 900px){.pdp-hero { display: flex; }.pdp-profile-panel { padding: 16px; }.pdp-profile-section > button { min-height: 72px; padding: 13px 15px; grid-template-columns: 42px 1fr 22px; }.pdp-profile-section > button b { font-size: 15px; }.pdp-profile-panel .dialog-note-pyramid { grid-template-columns: 1fr; }.pdp-main-image > img { max-height: none; }}@media (max-width: 560px){.pdp-accord-profile > div { grid-template-columns: 1fr; }.pdp-profile-panel .dialog-pyramid-row > div { grid-template-columns: repeat(3, minmax(0px, 1fr)); }}.pdp-hero { grid-template-columns: minmax(380px, 1.16fr) minmax(285px, 0.78fr) minmax(330px, 0.9fr); grid-template-areas: "gallery profile purchase"; }.pdp-accord-help { margin-top: 10px; padding: 0px; border-width: 0px 0px 1px; border-style: none none dashed; border-color: currentcolor; border-image: none; color: var(--pdp-burgundy); background: transparent; font-size: 9px; cursor: pointer; }.pdp-public-details { max-width: 1500px; margin: 22px auto 0px; padding: clamp(20px, 3vw, 32px); border: 1px solid var(--pdp-border); border-radius: 14px; background: var(--pdp-surface); }.pdp-public-details dl { margin: 24px 0px 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }.pdp-public-details dl > div { min-width: 0px; padding: 14px; border: 1px solid var(--pdp-border); border-radius: 10px; background: var(--pdp-raised); }.pdp-public-details dt { margin-bottom: 6px; color: var(--pdp-muted); font-size: 9px; }.pdp-public-details dd { margin: 0px; color: var(--pdp-text); font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }@media (max-width: 1250px){.pdp-hero { grid-template-columns: 1.08fr 0.92fr; grid-template-areas: "gallery purchase" "profile profile"; }}@media (max-width: 900px){.pdp-hero { display: flex; }.pdp-gallery { order: 1; }.pdp-purchase { order: 2; }}@media (max-width: 900px){.pdp-public-details { padding: 18px; }.pdp-public-details dl { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}@media (max-width: 560px){.pdp-public-details dl { grid-template-columns: 1fr; }}@media (max-width: 900px){.pdp-page { width: 100%; max-width: 100%; padding-inline: 12px; }.pdp-gallery { min-width: 0px; width: 100%; }.pdp-main-image { width: 100%; min-height: 0px; aspect-ratio: 1 / 1.08; }.pdp-main-image > img { position: absolute; inset: 0px; width: 100%; height: 100%; max-height: none; object-fit: contain; }.pdp-thumbnails { width: 100%; padding: 2px 0px 6px; gap: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; }.pdp-thumbnails::-webkit-scrollbar { display: none; }.pdp-thumbnails button { flex: 0 0 64px; width: 64px; height: 64px; scroll-snap-align: start; }.pdp-purchase, .pdp-hero-profile, .pdp-profile-section, .pdp-main-ingredients { min-width: 0px; width: 100%; }.pdp-purchase { padding: 18px; }.pdp-purchase h1 { font-size: clamp(29px, 9vw, 38px); }.pdp-quantity button, .pdp-actions button, .pdp-mobile-cart button { min-height: 44px; }}body:has(.pdp-page), body:has(.pdp-page) main, .pdp-page { background: rgb(255, 255, 255) !important; }.pdp-profile-accordions { align-items: start; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 8px !important; }.pdp-profile-section > button { grid-row: 1; min-width: 0px !important; min-height: 72px !important; padding: 10px 12px !important; display: flex !important; justify-content: center !important; border: 1px solid rgb(121, 0, 32) !important; border-radius: 24px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(83, 0, 25, 0.043) 0px 5px 16px !important; text-align: center !important; }.pdp-profile-section > button > div { display: block !important; min-width: 0px; }.pdp-profile-section > button b { display: block; white-space: nowrap; font-size: 14px !important; }.pdp-profile-section.is-open > button { border-color: rgb(121, 0, 32) !important; background: rgb(255, 248, 250) !important; box-shadow: rgba(121, 0, 32, 0.08) 0px 7px 20px, rgb(121, 0, 32) 0px -2px 0px inset !important; }.pdp-profile-panel { grid-area: 2 / 1 / auto / -1; padding: 18px 0px !important; background: rgb(255, 255, 255) !important; }.pdp-profile-panel .dialog-note-chip { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-align: center !important; }.pdp-profile-panel .dialog-note-chip img { display: block !important; margin: 0px auto 5px !important; }.pdp-profile-panel .dialog-note-chip b { width: 100%; display: block !important; text-align: center !important; }.pdp-accord-profile > div { display: flex !important; flex-direction: column !important; }.pdp-accord-profile .pdp-accord-row { width: 100%; grid-template-columns: 48px minmax(0px, 1fr) !important; }.pdp-accord-profile .pdp-accord-track { width: 100%; }.pdp-accord-profile .pdp-accord-fill { min-width: 150px; }.pdp-public-accords { max-width: 1500px; margin: 22px auto 0px; padding: clamp(20px, 3vw, 30px); border: 1px solid var(--pdp-border); border-radius: 14px; background: var(--pdp-surface); }.pdp-public-accords > .pdp-accord-profile { margin-top: 18px; }.pdp-public-accords .pdp-accord-profile > div { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important; }@media (max-width: 700px){.pdp-public-accords .pdp-accord-profile > div { grid-template-columns: 1fr !important; }}@media (max-width: 560px){.pdp-profile-accordions { gap: 5px !important; }.pdp-profile-section > button { min-height: 62px !important; padding: 8px 4px !important; gap: 5px !important; flex-direction: column !important; border-radius: 18px !important; }.pdp-profile-section > button b { font-size: 11px !important; }.pdp-profile-panel { padding: 14px 0px !important; }.pdp-profile-panel .dialog-note-chip b { white-space: normal !important; line-height: 1.35 !important; }.pdp-accord-profile .pdp-accord-row { grid-template-columns: 42px minmax(0px, 1fr) !important; }.pdp-accord-visual { width: 42px; height: 40px; }.pdp-accord-profile .pdp-accord-track { height: 40px !important; }}@media (max-width: 430px){.pdp-page { padding-inline: 9px; }.pdp-main-image { aspect-ratio: 1 / 1.12; }.pdp-purchase { padding: 15px; }.pdp-profile-panel { padding: 12px; }}.pdp-media-arrow, .pdp-media-count { display: none; }@media (max-width: 900px){.pdp-thumbnails { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(58px, 1fr)) !important; gap: 8px !important; overflow: visible !important; scroll-snap-type: none !important; }.pdp-thumbnails button { aspect-ratio: 1 / 1; width: 100% !important; height: auto !important; min-width: 0px !important; flex: 0 0 auto !important; }.pdp-media-count { position: absolute; z-index: 7; inset-inline-start: 50%; bottom: 11px; display: block; padding: 5px 10px; border-radius: 999px; background: rgba(0, 0, 0, 0.68); color: rgb(255, 255, 255); font-size: 11px; transform: translateX(-50%); }}@media (max-width: 900px){.pdp-main-image { touch-action: pan-y; cursor: pointer; user-select: none; }.pdp-main-image > img { -webkit-user-drag: none; }.pdp-media-count { display: block; }}.pdp-page { padding-top: 22px; }.pdp-hero { align-items: start; grid-template-columns: minmax(440px, 1.25fr) minmax(340px, 0.75fr) !important; grid-template-areas: "gallery purchase" !important; }.pdp-main-image { isolation: isolate; background: rgb(255, 255, 255) !important; }.pdp-main-image > img { object-fit: cover !important; }.pdp-price-row { margin-top: 14px; display: grid; grid-template-columns: 1fr; align-items: center; gap: 14px; }.pdp-price-row .pdp-price { min-width: 0px; }.pdp-price-add { width: 100%; min-height: 50px; margin: 0px; padding: 10px 18px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 0px; border-radius: 10px; color: rgb(255, 255, 255); background: rgb(121, 0, 32); font-size: 13px; font-weight: 850; cursor: pointer; box-shadow: rgba(121, 0, 32, 0.2) 0px 9px 22px; }.pdp-price-add:hover { background: rgb(0, 0, 0); }.pdp-price-add span { font-size: 20px; }.pdp-price-add b { font: inherit; }.pdp-purchase-controls { display: grid; grid-template-columns: 1fr; gap: 10px; align-items: end; }.pdp-buy-row { display: grid; grid-template-columns: minmax(150px, 0.72fr) minmax(175px, 1fr); align-items: end; gap: 10px; }.pdp-purchase-controls .pdp-quantity { height: 100%; align-items: end; }.pdp-purchase-controls .pdp-secondary-actions { margin-top: 0px; }.pdp-secondary-actions { grid-template-columns: 1fr 1fr !important; }.pdp-profile-accordions { gap: 14px !important; }.pdp-profile-section > button { min-height: 76px; border: 1.5px solid rgb(121, 0, 32) !important; border-radius: 16px !important; color: rgb(17, 17, 17) !important; background: rgb(255, 255, 255) !important; }.pdp-profile-section > button b { color: rgb(17, 17, 17) !important; }.pdp-profile-section.is-open > button { border: 1.5px solid rgb(121, 0, 32) !important; background: rgb(255, 248, 250) !important; box-shadow: rgba(121, 0, 32, 0.1) 0px 7px 20px, rgb(121, 0, 32) 0px -2px 0px inset !important; }.pdp-profile-panel { color: rgb(17, 17, 17) !important; background: rgb(255, 255, 255) !important; }@media (max-width: 900px){.pdp-page { padding-top: 12px !important; }.pdp-hero { display: flex !important; }.pdp-price-row { grid-template-columns: 1fr; }.pdp-price-add { display: flex; }.pdp-profile-section > button { grid-template-columns: 40px 1fr 22px !important; padding: 12px 14px !important; }}@media (max-width: 560px){.pdp-price-row { grid-template-columns: 1fr; gap: 8px; }.pdp-price-row .pdp-price { gap: 5px; }.pdp-price-row .pdp-price b { font-size: 22px; }.pdp-buy-row { grid-template-columns: minmax(120px, 0.78fr) minmax(0px, 1.22fr); gap: 8px; }.pdp-buy-row .pdp-price-add { min-height: 46px; padding-inline: 10px; font-size: 11px; }.pdp-purchase-controls { grid-template-columns: 1fr; }.pdp-purchase-controls .pdp-secondary-actions { grid-column: 1; }.pdp-purchase-controls .pdp-quantity { justify-content: flex-start; gap: 8px; }.pdp-purchase-controls .pdp-quantity > span { margin: 0px; font-size: 8px; }}.pdp-purchase { padding: 17px !important; }.pdp-purchase h1 { margin: 5px 0px 1px !important; font-size: clamp(28px, 2.7vw, 42px) !important; line-height: 1.04 !important; }.pdp-brand { font-size: 9px !important; }.pdp-tags { gap: 4px !important; }.pdp-tags span { padding: 3px 6px !important; font-size: 7px !important; }.pdp-price-row { margin-top: 8px !important; gap: 6px !important; }.pdp-price { line-height: 1.1; gap: 7px !important; }.pdp-price b { font-size: 24px !important; }.pdp-price del { font-size: 10px !important; }.pdp-price em { padding: 2px 6px !important; font-size: 8px !important; }.pdp-price small { font-size: 7px !important; }.pdp-fixed-size { margin: 7px 0px 0px !important; font-size: 9px !important; }.pdp-stock { margin: 7px 0px !important; font-size: 8px !important; }.pdp-purchase-controls { gap: 7px !important; }.pdp-buy-row { gap: 7px !important; }.pdp-quantity { grid-template-columns: auto 1fr; display: grid !important; align-items: center !important; gap: 6px !important; }.pdp-quantity > span { white-space: nowrap; margin: 0px !important; font-size: 8px !important; }.pdp-quantity > div { grid-template-columns: 32px 36px 32px !important; }.pdp-quantity button { height: 42px !important; min-height: 42px !important; }.pdp-price-add { min-height: 42px !important; padding: 7px 12px !important; font-size: 11px !important; }.pdp-price-add span { font-size: 17px !important; }.pdp-secondary-actions { gap: 7px !important; }.pdp-actions { margin-top: 7px !important; }.pdp-actions button { min-height: 38px !important; padding: 6px 8px !important; font-size: 9px !important; }.pdp-benefits { margin-top: 9px !important; padding-top: 9px !important; gap: 5px !important; }.pdp-benefits span { font-size: 7px !important; }@media (max-width: 560px){.pdp-purchase { padding: 12px !important; }.pdp-purchase h1 { font-size: 26px !important; }.pdp-buy-row { grid-template-columns: minmax(112px, 0.8fr) minmax(0px, 1.2fr) !important; }.pdp-quantity { grid-template-columns: 1fr !important; gap: 3px !important; }.pdp-quantity > span { font-size: 7px !important; }.pdp-quantity > div { grid-template-columns: 30px 34px 30px !important; }.pdp-quantity button, .pdp-price-add { height: 40px !important; min-height: 40px !important; }.pdp-secondary-actions button { min-height: 36px !important; }}.pdp-page :where(.pdp-public-accords, .pdp-public-details, .pdp-profile-accordions, .pdp-main-ingredients, .pdp-fragrance-relationships) { margin-top: 12px !important; }.pdp-composition-links { max-width: 1500px; margin: 12px auto 0px; padding: 14px; display: grid; grid-template-columns: minmax(190px, 0.8fr) repeat(2, minmax(220px, 1fr)) auto; align-items: center; gap: 10px; border: 1px solid var(--pdp-border); border-radius: 10px; background: var(--pdp-surface); }.pdp-composition-links > div { display: grid; gap: 3px; padding-inline: 4px; }.pdp-composition-links > div > span { color: var(--pdp-gold); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; }.pdp-composition-links > div > b { font-size: 18px; }.pdp-composition-links > button { min-height: 62px; padding: 10px 12px; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; border: 1px solid var(--pdp-border); border-radius: 8px; color: var(--pdp-text); background: var(--pdp-raised); text-align: start; cursor: pointer; }.pdp-composition-links > button > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: rgb(255, 255, 255); background: var(--pdp-burgundy); font-style: normal; }.pdp-composition-links > button > span { display: grid; gap: 3px; }.pdp-composition-links > button b { font-size: 15px; }.pdp-composition-links > button small { color: var(--pdp-muted); font-size: 12px; }.pdp-composition-links > a { min-height: 44px; padding: 8px 12px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 8px; color: rgb(255, 255, 255); background: var(--pdp-burgundy); font-weight: 800; text-decoration: none; white-space: nowrap; }.pdp-profile-accordions:target, .pdp-public-accords:target { scroll-margin-top: 130px; }@media (max-width: 900px){.pdp-composition-links { grid-template-columns: 1fr 1fr; }.pdp-composition-links > div { grid-column: 1 / -1; }.pdp-composition-links > a { grid-column: 1 / -1; }}@media (max-width: 560px){.pdp-composition-links { grid-template-columns: 1fr; padding: 10px; }.pdp-composition-links > div, .pdp-composition-links > a { grid-column: auto; }.pdp-composition-links > button { min-height: 58px; }.pdp-composition-links > button b { font-size: var(--origo-control-text-size,15px); }.pdp-composition-links > button small { font-size: var(--origo-small-text-size,13px); }}.pdp-page :where(.pdp-public-accords, .pdp-public-details, .pdp-main-ingredients, .pdp-fragrance-relationships) { padding: 16px !important; border-radius: 8px !important; }.pdp-page .pdp-section-heading { margin-bottom: 12px !important; }.pdp-page .pdp-section-heading h2 { margin: 2px 0px !important; font-size: 19px !important; }.pdp-page .pdp-section-heading p { font-size: 9px !important; line-height: 1.55 !important; }.pdp-page .pdp-public-accords > .pdp-accord-profile { margin-top: 8px !important; }.pdp-page .pdp-public-accords .pdp-accord-profile > div { gap: 6px !important; }.pdp-page .pdp-public-accords .pdp-accord-row { padding: 6px !important; border-radius: 6px !important; }.pdp-page .pdp-public-accords .pdp-accord-track { height: 34px !important; }.pdp-page .pdp-public-accords .pdp-accord-visual { width: 38px !important; height: 34px !important; }.pdp-page .pdp-public-details { display: grid !important; gap: 12px !important; }.pdp-page .pdp-description-copy { display: grid; gap: 7px; padding: 10px 12px; border-inline-start: 2px solid var(--pdp-burgundy); }.pdp-page .pdp-description-copy > p { max-width: none !important; margin: 0px !important; font-size: 11px !important; line-height: 1.75 !important; }.pdp-page .pdp-short-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }.pdp-description-more { margin-top: 2px; }.pdp-description-more > summary { width: max-content; cursor: pointer; list-style: none; color: var(--pdp-burgundy); font-size: 11px; font-weight: 800; }.pdp-description-more > summary::-webkit-details-marker { display: none; }.pdp-identity-strip { display: flex; gap: 7px; overflow-x: auto; padding: 2px 0px 7px; scroll-snap-type: x; }.pdp-identity-strip article { flex: 1 0 128px; min-width: 0px; padding: 8px 10px; border: 1px solid var(--pdp-border); border-radius: 6px; background: var(--pdp-raised); scroll-snap-align: start; }.pdp-identity-strip small, .pdp-identity-strip b { display: block; }.pdp-identity-strip small { margin-bottom: 3px; color: var(--pdp-muted); font-size: 8px; }.pdp-identity-strip b { font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; }.pdp-performance-strip { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }.pdp-performance-strip article { display: grid; grid-template-columns: 34px minmax(0px, 1fr); align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid var(--pdp-border); border-radius: 7px; background: var(--pdp-raised); }.pdp-performance-strip article > i { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--pdp-border); border-radius: 50%; color: var(--pdp-burgundy); font-size: 18px; font-style: normal; }.pdp-performance-strip article > div { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 3px 9px; min-width: 0px; }.pdp-performance-strip small { color: var(--pdp-muted); font-size: 8px; }.pdp-performance-strip b { font-size: 12px; text-align: end; }.pdp-performance-strip span { grid-column: 1 / -1; height: 5px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb,var(--pdp-border) 70%,transparent); }.pdp-performance-strip u { display: block; width: var(--performance-value); height: 100%; border-radius: inherit; background: var(--pdp-burgundy); text-decoration: none; }@media (max-width: 430px){.pdp-performance-strip { grid-template-columns: 1fr; }}.pdp-page .pdp-detail-gates { align-items: start; display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; }.pdp-page .pdp-detail-gate { min-width: 0px; overflow: hidden; border: 1px solid var(--pdp-border); border-radius: 7px; }.pdp-page .pdp-detail-gate:last-child:nth-child(2n+1) { grid-column: 1 / -1; }.pdp-page .pdp-detail-gate > summary { min-height: 44px; padding: 9px 11px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; cursor: pointer; list-style: none; }.pdp-page .pdp-detail-gate > summary::-webkit-details-marker { display: none; }.pdp-page .pdp-detail-gate > summary b { font-size: 12px; }.pdp-page .pdp-detail-gate > summary span { min-width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--pdp-border); border-radius: 50%; font-size: 8px; }.pdp-page .pdp-detail-gate > summary i { font-size: 12px; font-style: normal; }.pdp-page .pdp-public-details .pdp-detail-gate dl { margin: 0px !important; padding: 7px !important; display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 5px !important; }.pdp-page .pdp-public-details .pdp-detail-gate dl > div { min-height: 0px !important; padding: 7px 9px !important; border: 1px solid rgba(113, 0, 31, 0.12) !important; border-radius: 5px !important; }.pdp-page .pdp-public-details .pdp-detail-gate dt { margin: 0px 0px 3px !important; font-size: 8px !important; }.pdp-page .pdp-public-details .pdp-detail-gate dd { font-size: 10px !important; line-height: 1.45 !important; }.pdp-page .pdp-profile-accordions { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; }.pdp-page .pdp-profile-section > button { min-height: 52px !important; padding: 8px 11px !important; display: grid !important; grid-template-columns: 1fr 20px !important; gap: 6px !important; }.pdp-page .pdp-profile-section > button b { font-size: 12px !important; }.pdp-page .pdp-profile-panel { padding: 12px !important; }@media (max-width: 700px){.pdp-page :where(.pdp-public-accords, .pdp-public-details, .pdp-main-ingredients, .pdp-fragrance-relationships) { padding: 12px !important; }.pdp-page .pdp-detail-gates { grid-template-columns: 1fr !important; }.pdp-page .pdp-detail-gate:last-child:nth-child(2n+1) { grid-column: auto; }.pdp-page .pdp-profile-accordions { grid-template-columns: 1fr !important; }}@media (max-width: 430px){.pdp-page .pdp-public-details .pdp-detail-gate dl { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }.pdp-page .pdp-public-accords .pdp-accord-profile > div { grid-template-columns: 1fr !important; }}.pdp-page .pdp-public-details .pdp-detail-gate dl, .pdp-page .pdp-public-details .pdp-detail-gate[open] dl { grid-template-columns: 1fr !important; gap: 4px !important; }.pdp-page .pdp-public-details .pdp-detail-gate dl > div { width: 100%; padding: 7px 10px !important; display: grid !important; grid-template-columns: minmax(92px, 34%) minmax(0px, 1fr) !important; align-items: center !important; gap: 10px !important; }.pdp-page .pdp-public-details .pdp-detail-gate dt { margin: 0px !important; font-size: 9px !important; line-height: 1.35 !important; }.pdp-page .pdp-public-details .pdp-detail-gate dd { margin: 0px !important; font-size: 10px !important; line-height: 1.45 !important; text-align: end !important; }@media (max-width: 430px){.pdp-page .pdp-public-details .pdp-detail-gate dl { grid-template-columns: 1fr !important; }.pdp-page .pdp-public-details .pdp-detail-gate dl > div { grid-template-columns: minmax(82px, 36%) minmax(0px, 1fr) !important; }}html body .pdp-page .pdp-price-add { color: rgb(121, 0, 32) !important; background: none rgb(255, 255, 255) !important; border: 2px dashed rgb(121, 0, 32) !important; border-radius: 999px !important; box-shadow: rgba(70, 22, 35, 0.1) 0px 7px 17px !important; }html body .pdp-page .pdp-price-add:hover { color: rgb(121, 0, 32) !important; background: none rgb(255, 255, 255) !important; }html body .pdp-page .pdp-price-add:hover > span { color: rgb(255, 255, 255) !important; background: linear-gradient(145deg, rgb(147, 0, 43), rgb(87, 0, 22)) !important; }html body .pdp-page .pdp-price-add > span { left: -2px !important; }html body .pdp-page .pdp-price-add { padding-left: 62px !important; }@media (max-width: 540px){html body .pdp-page .pdp-price-add > span { left: -2px !important; }html body .pdp-page .pdp-price-add { padding-left: 54px !important; }}.pdp-page .pdp-price-add { position: relative !important; min-height: 48px !important; margin-inline-start: 18px !important; padding: 8px 18px 8px 58px !important; overflow: visible !important; border: 2px dashed rgb(121, 0, 32) !important; border-radius: 999px !important; color: rgb(121, 0, 32) !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(70, 22, 35, 0.1) 0px 7px 17px !important; font-size: 13px !important; font-weight: 900 !important; }.pdp-page .pdp-price-add > span { position: absolute !important; left: -20px !important; top: 50% !important; width: 58px !important; height: 58px !important; margin: 0px !important; display: grid !important; place-items: center !important; transform: translateY(-50%) !important; border-radius: 50% !important; color: rgb(255, 255, 255) !important; background: linear-gradient(145deg, rgb(147, 0, 43), rgb(87, 0, 22)) !important; box-shadow: rgba(92, 0, 27, 0.25) 0px 8px 17px !important; }.pdp-page .pdp-price-add > span svg { width: 28px !important; height: 28px !important; fill: none !important; stroke: currentcolor !important; }.pdp-page .pdp-price-add:hover { color: rgb(255, 255, 255) !important; background: rgb(121, 0, 32) !important; }.pdp-page .pdp-price-add:hover > span { background: rgb(255, 255, 255) !important; color: rgb(121, 0, 32) !important; }.pdp-page .pdp-price-add:focus-visible { outline: rgba(121, 0, 32, 0.2) solid 3px !important; outline-offset: 4px !important; }@media (max-width: 540px){.pdp-page .pdp-price-add { min-height: 44px !important; margin-inline-start: 15px !important; padding: 7px 11px 7px 48px !important; font-size: 11px !important; }.pdp-page .pdp-price-add > span { left: -16px !important; width: 52px !important; height: 52px !important; }.pdp-page .pdp-price-add > span svg { width: 25px !important; height: 25px !important; }}.pdp-page.pdp-page .pdp-performance-strip { grid-template-columns: repeat(auto-fit, minmax(68px, 82px)) !important; justify-content: start !important; }.pdp-page .pdp-performance-strip { padding: 4px 0px; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 9px !important; }.pdp-page .pdp-performance-strip article { min-width: 0px; min-height: 92px; text-align: center; padding: 10px 6px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; border: 0px !important; border-radius: 18px !important; background: rgb(244, 248, 244) !important; box-shadow: rgba(57, 34, 41, 0.09) 0px 5px 14px !important; }.pdp-page .pdp-performance-strip article > i { box-shadow: rgba(40, 30, 33, 0.07) 0px 2px 8px; width: 30px !important; height: 30px !important; border: 0px !important; background: rgba(255, 255, 255, 0.78) !important; color: rgb(84, 135, 102) !important; font-size: 15px !important; }.pdp-page .pdp-performance-strip article > div { width: 100%; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; }.pdp-page .pdp-performance-strip b { order: 0; white-space: nowrap; font-size: 13px !important; text-align: center !important; }.pdp-page .pdp-performance-strip small { order: 1; white-space: nowrap; font-size: 8px !important; }.pdp-page .pdp-performance-strip span { order: 2; width: 72%; margin-top: 3px; height: 3px !important; background: rgba(80, 61, 67, 0.1) !important; }.pdp-page .pdp-performance-strip u { opacity: 0.55; background: currentcolor !important; }.pdp-page .dialog-note-pyramid { margin: 0px !important; padding: 8px 0px 0px !important; border: 0px !important; background: transparent !important; }.pdp-page .dialog-pyramid-row { padding: 18px 0px !important; display: block !important; border: 0px !important; }.pdp-page .dialog-pyramid-row > span { position: relative; margin-bottom: 14px; padding-inline-start: 10px; border-inline-start: 3px solid rgb(214, 163, 19); display: flex !important; align-items: center !important; gap: 7px !important; }.pdp-page .dialog-pyramid-row > span b { font-size: 13px !important; }.pdp-page .dialog-pyramid-row > span em { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0px 5px; border-radius: 99px; background: rgb(242, 239, 239); color: rgb(111, 98, 101); font: 700 9px / 1 Arial, sans-serif; }.pdp-page .dialog-pyramid-row > span::after { content: ""; height: 1px; flex: 1 1 0%; background: var(--pdp-border); }.pdp-page .dialog-pyramid-row > div { grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); display: grid !important; gap: 14px 10px !important; }.pdp-page .dialog-note-chip { width: auto !important; min-width: 0px !important; padding: 0px !important; display: grid !important; gap: 7px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; text-align: center !important; }.pdp-page .dialog-note-chip img { width: 100% !important; height: 88px !important; object-fit: contain !important; border: 0px !important; border-radius: 14px !important; background: linear-gradient(145deg, rgb(251, 250, 249), rgb(242, 236, 233)) !important; }.pdp-page .dialog-note-chip b { font-size: 10px !important; font-weight: 600 !important; line-height: 1.35 !important; }@media (max-width: 540px){.pdp-page .pdp-performance-strip { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 6px !important; }.pdp-page .pdp-performance-strip article { min-height: 82px !important; padding: 8px 3px !important; border-radius: 15px !important; }.pdp-page .pdp-performance-strip article > i { width: 26px !important; height: 26px !important; font-size: 13px !important; }.pdp-page .pdp-performance-strip b { font-size: 10px !important; }.pdp-page .pdp-performance-strip small { font-size: 7px !important; }.pdp-page .dialog-pyramid-row > div { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 13px 8px !important; }.pdp-page .dialog-note-chip img { height: 76px !important; }}.pdp-page .pdp-benefits a { display: flex; align-items: center; gap: 6px; color: var(--pdp-muted); font-size: 8px; text-decoration: underline; text-underline-offset: 3px; }.pdp-page .pdp-benefits a:focus-visible { outline: 2px solid var(--pdp-gold); outline-offset: 3px; }@media (max-width: 540px){.pdp-page .pdp-benefits a { font-size: 7px !important; }}body.dark .product-overlay { background: rgb(11, 8, 9); }body.dark .product-overlay .product-dialog { color: rgb(248, 243, 238); background: rgb(11, 8, 9); }body.dark .pdp-page { --pdp-bg: #0b0809; --pdp-bg-2: #130d10; --pdp-surface: #181216; --pdp-raised: #20171c; --pdp-gold: #d4a64a; --pdp-gold-light: #e7c36d; --pdp-text: #f8f3ee; --pdp-muted: #c9bec1; --pdp-border: rgba(212,166,74,.2); background: radial-gradient(circle at 72% 6%,rgba(113,0,31,.16),transparent 28%),var(--pdp-bg); }body.dark .pdp-main-image { background: linear-gradient(145deg, rgb(23, 17, 21), rgb(7, 6, 7)); }body.dark .pdp-main-image, html[data-theme="dark"] .pdp-main-image, body.dark .pdp-thumbnails button, html[data-theme="dark"] .pdp-thumbnails button { background: rgb(0, 0, 0); }body.dark .pdp-accord-visual { background: color-mix(in srgb,var(--accord-color) 22%,#111) !important; }body.dark .pdp-sizes > div button.selected, body.dark .pdp-profile-section.is-open > button { color: var(--pdp-gold-light); }html[data-theme="dark"] .pdp-page .pdp-price-add, body.dark .pdp-page .pdp-price-add { color: rgb(255, 255, 255) !important; background: rgb(44, 41, 42) !important; border-color: rgb(197, 139, 155) !important; }html[data-theme="dark"] .pdp-page .pdp-performance-strip article, body.dark .pdp-page .pdp-performance-strip article { background: rgb(48, 44, 45) !important; }html[data-theme="dark"] .pdp-page .dialog-note-chip img, body.dark .pdp-page .dialog-note-chip img { background: linear-gradient(145deg, rgb(53, 48, 49), rgb(41, 38, 39)) !important; }.pdp-breadcrumb { max-width: 1500px; margin: 0px auto 20px; display: flex; align-items: center; gap: 9px; color: rgb(145, 134, 138); font-size: 10px; }.pdp-breadcrumb a { color: var(--pdp-muted); text-decoration: none; }.pdp-breadcrumb a:hover { color: var(--pdp-gold-light); }.pdp-breadcrumb i { color: var(--pdp-gold); font-style: normal; }.pdp-breadcrumb b { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--pdp-text); font-weight: 500; }@media (max-width: 900px){.pdp-page { padding: 54px 14px 100px; }.pdp-breadcrumb { display: none; }.pdp-hero { display: flex; flex-direction: column; }.pdp-gallery { grid-template-columns: 1fr; }.pdp-thumbnails { order: 2; flex-direction: row; overflow-x: auto; }.pdp-main-image { min-height: 520px; }.pdp-purchase { order: 2; }}@media (max-width: 900px){.pdp-thumbnails { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(58px, 1fr)) !important; gap: 8px !important; overflow: visible !important; scroll-snap-type: none !important; }.pdp-thumbnails button { aspect-ratio: 1 / 1; width: 100% !important; height: auto !important; min-width: 0px !important; flex: 0 0 auto !important; }}@media (max-width: 900px){.pdp-main-image { touch-action: pan-y; cursor: pointer; user-select: none; }.pdp-main-image > img { -webkit-user-drag: none; }}@media (max-width: 768px){body .store-bottom-nav, body.mobile-nav-hidden .store-bottom-nav, body.commerce-route .store-bottom-nav { position: fixed !important; z-index: 1200 !important; right: 12px !important; bottom: max(10px, env(safe-area-inset-bottom)) !important; left: 12px !important; display: grid !important; width: auto !important; margin: 0px !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; }body { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; }}@media (max-width: 768px){body { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; }}#home .home-brand-directory.brands-loading #home-brand-carousel-track{position:relative;display:grid!important;place-items:center;min-height:clamp(54px,7vw,94px);overflow:hidden!important}#home .home-brand-directory.brands-loading #home-brand-carousel-track>*{visibility:hidden!important}#home .home-brand-directory.brands-loading #home-brand-carousel-track:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--burgundy);box-shadow:-14px 0 var(--burgundy),14px 0 var(--burgundy)}