: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; }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; }
}.carousel-arrows button, .product-bottom button { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; }.product-card { min-width: 0px; transition: opacity .35s ease, transform .45s var(--ease); }.product-image { position: relative; aspect-ratio: 0.82 / 1; overflow: hidden; background: radial-gradient(circle at 50% 42%, rgba(255,255,255,.96), rgba(231,221,205,.75) 48%, rgba(198,179,153,.34)),var(--paper); }body:not(.dark) .product-image, html[data-theme="light"] .product-image { background: rgb(255, 255, 255); }.product-image::after { content: ""; position: absolute; inset: 0px; border: 1px solid rgba(255, 255, 255, 0.22); pointer-events: none; }.product-image img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; transition: transform .75s var(--ease); }.product-card:hover .product-image img { transform: scale(1.055); }.product-info { padding: 18px 4px 0px; }.product-brand { color: var(--burgundy); font-size: 9px; font-weight: 700; letter-spacing: 0.14em; }.product-info h3 { margin: 2px 0px 5px; font-family: var(--font-display); font-size: 23px; font-weight: 400; letter-spacing: 0.03em; }.product-bottom { margin-top: 16px; padding-top: 13px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); }.product-bottom b { font-size: 13px; }.product-bottom del { margin-inline-start: 7px; color: var(--ink-soft); font-size: 10px; }.product-bottom button { width: 34px; height: 34px; color: rgb(255, 255, 255); border-color: var(--ink); background: var(--ink); transition: 0.25s; }.product-bottom button:hover { border-color: var(--gold-dark); background: var(--gold-dark); transform: rotate(90deg); }@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; }.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); }.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); }.product-dialog > .close-button { position: absolute; z-index: 2; top: 20px; left: 20px; color: var(--ink); background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(8px); }@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); }
}.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--ease), transform .8s var(--ease); }.reveal.visible { opacity: 1; transform: translateY(0px); }@media (max-width: 1180px){.site-header { grid-template-columns: auto 1fr auto; padding-inline: 30px; }.product-card { scroll-snap-align: start; }}@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; }.product-image { aspect-ratio: 0.9 / 1; }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; }.reveal { opacity: 1; transform: none; }}.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-bottom .card-add-button { width: auto; min-width: 118px; height: 36px; padding: 0px 12px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--ink); border-radius: 0px; font-size: 7px; font-weight: 700; }.product-bottom .card-add-button:hover { transform: translateY(-2px); }@media (max-width: 540px){.product-bottom .card-add-button { min-width: 104px; padding-inline: 9px; }}.product-dialog { width: min(1180px, 100%); }@keyframes notes-loading-spin { 
  100% { transform: rotate(360deg); }
}.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); }.dark .product-image, html[data-theme="dark"] .product-image { background: rgb(0, 0, 0); }.dark .product-image img { mix-blend-mode: normal; }.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); }.catalog-sidebar { min-height: 590px; padding: 18px; border: 1px solid var(--line); 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; }.catalog-sidebar { min-height: 0px; }}@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; }.commerce-shell, .account-shell, .finder-shell, .catalog-shell, .notes-page-shell, .benefit-detail-shell { width: min(100%, var(--shell-content)); max-width: var(--shell-content); margin-inline: auto; }.origo-home, .catalog-page, .commerce-page, .account-route-page, .fragrance-finder-page { isolation: isolate; }@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; }.commerce-shell, .account-shell, .finder-shell, .catalog-shell, .notes-page-shell, .benefit-detail-shell { width: 100%; }}@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; }.commerce-shell, .account-shell, .finder-shell, .catalog-shell, .notes-page-shell, .benefit-detail-shell { 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; }.commerce-shell, .account-shell, .finder-shell, .catalog-shell, .notes-page-shell, .benefit-detail-shell { width: 100%; }}@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(.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(.origo-reference-product-card, .pdp-profile-section, .home-benefits article, .home-categories a, .home-alt-card, .library-note-card):hover { transform: translateY(-3px); }: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 (prefers-reduced-motion: reduce){:is(.origo-reference-product-card, .pdp-profile-section, .home-benefits article, .home-categories a, .home-alt-card, .library-note-card) { transition: none !important; transform: none !important; }}@media (max-width: 700px){:is(.origo-reference-product-card, .pdp-profile-section, .pdp-recommendations, .home-benefits article, .home-alt-card) { border-radius: 14px !important; }}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(.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; }.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; }@media (max-width: 700px){.site-header::before { height: 3px; }:is(.origo-reference-product-card, .home-benefits article, .home-categories a, .pdp-profile-section) { border-radius: 13px !important; }}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; }body #storefront-main .origo-exact-product-card .product-price, body .product-overlay .origo-exact-product-card .product-price, body #home .origo-exact-product-card .product-price { font-size: clamp(13px, 1.3vw, 21px) !important; }@media (max-width: 640px){body #storefront-main .origo-exact-product-card .product-price, body .product-overlay .origo-exact-product-card .product-price, body #home .origo-exact-product-card .product-price { font-size: 10.5px !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 :is(.origo-exact-product-card, .origo-reference-product-card, .origo-product-card.perfume-product-card) { border: 1px solid rgb(122, 22, 48) !important; }body :is(.origo-exact-product-card, .origo-reference-product-card, .origo-product-card.perfume-product-card)::before { display: none !important; content: none !important; background: none !important; box-shadow: none !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; }body :is(.origo-exact-product-card, .origo-reference-product-card, .perfume-product-card) .product-image { width: 100% !important; height: auto !important; min-height: 0px !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; }body :is(.origo-exact-product-card, .origo-reference-product-card, .perfume-product-card) .product-card-media-link { width: 100% !important; height: 100% !important; min-height: 0px !important; aspect-ratio: 1 / 1 !important; }body :is(.origo-exact-product-card, .origo-reference-product-card, .perfume-product-card) .product-card-media-link > img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !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(.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 :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 :is(.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) :is(.checkout-main-card, .checkout-summary-card, .tracking-card, .timeline-card, .profile-card, .membership-card, .finder-card, .home-alt-card, .library-note-card, [class*="toolbar"], [class*="quick-link"]) { background: none rgb(36, 36, 39) !important; color: rgb(246, 246, 247) !important; border-color: rgb(58, 58, 64) !important; }body.dark :is(.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) :is(button, input, textarea, select) { border-color: rgb(61, 61, 67) !important; }body.dark :is(.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) :is(button, [role="button"]):not(.primary):not(.active) { background-color: rgb(41, 41, 45) !important; color: rgb(244, 244, 245) !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, .origo-product-card.perfume-product-card) { border-color: rgb(164, 59, 88) !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: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 .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; }body #storefront-main .origo-exact-product-card, body .product-overlay .origo-exact-product-card { position: relative !important; overflow: hidden !important; isolation: isolate !important; border: 1px solid rgba(34, 20, 24, 0.09) !important; border-radius: clamp(18px, 1.8vw, 28px) !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(33, 20, 24, 0.09) 0px 8px 28px !important; transform: none !important; transition: none !important; }body #storefront-main .origo-exact-product-card:hover, body .product-overlay .origo-exact-product-card:hover { border-color: rgba(34, 20, 24, 0.09) !important; box-shadow: rgba(33, 20, 24, 0.09) 0px 8px 28px !important; transform: none !important; }body #storefront-main .origo-exact-product-card .product-image, body .product-overlay .origo-exact-product-card .product-image { position: relative !important; overflow: hidden !important; width: 100% !important; aspect-ratio: 1 / 1.06 !important; border: 0px !important; border-radius: 0px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; }body #storefront-main .origo-exact-product-card .product-image::before, body #storefront-main .origo-exact-product-card .product-image::after, body .product-overlay .origo-exact-product-card .product-image::before, body .product-overlay .origo-exact-product-card .product-image::after { display: none !important; }body #storefront-main .origo-exact-product-card .product-card-media-link, body .product-overlay .origo-exact-product-card .product-card-media-link { position: absolute !important; inset: 0px !important; z-index: 1 !important; display: grid !important; place-items: center !important; width: 100% !important; height: 100% !important; padding: clamp(34px, 4vw, 62px) clamp(18px, 2.2vw, 34px) clamp(12px, 1.5vw, 24px) !important; border: 0px !important; background: transparent !important; }body #storefront-main .origo-exact-product-card .product-card-media-link img, body .product-overlay .origo-exact-product-card .product-card-media-link img { display: block !important; width: 100% !important; height: 100% !important; max-width: 84% !important; max-height: 91% !important; margin: auto !important; object-fit: contain !important; object-position: center center !important; filter: none !important; transform: none !important; transition: none !important; }body #storefront-main .origo-exact-product-card:hover .product-card-media-link img, body .product-overlay .origo-exact-product-card:hover .product-card-media-link img { transform: none !important; }body #storefront-main .origo-exact-product-card .product-card-top-actions, body .product-overlay .origo-exact-product-card .product-card-top-actions { position: absolute !important; z-index: 8 !important; top: clamp(10px, 1.15vw, 18px) !important; right: clamp(10px, 1.15vw, 18px) !important; left: auto !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: clamp(7px, 0.8vw, 12px) !important; direction: ltr !important; }body #storefront-main .origo-exact-product-card .product-card-top-actions .card-action-button, body .product-overlay .origo-exact-product-card .product-card-top-actions .card-action-button { position: static !important; display: grid !important; place-items: center !important; width: clamp(34px, 3.3vw, 50px) !important; height: clamp(34px, 3.3vw, 50px) !important; min-width: 0px !important; min-height: 0px !important; padding: clamp(7px, 0.75vw, 11px) !important; border: 1px solid rgba(92, 0, 23, 0.2) !important; border-radius: 50% !important; color: rgb(133, 0, 32) !important; background: rgba(255, 255, 255, 0.96) !important; box-shadow: none !important; transform: none !important; transition: none !important; }body #storefront-main .origo-exact-product-card .product-card-top-actions .card-action-button:hover, body .product-overlay .origo-exact-product-card .product-card-top-actions .card-action-button:hover { color: rgb(133, 0, 32) !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; transform: none !important; }body #storefront-main .origo-exact-product-card .product-card-top-actions svg, body .product-overlay .origo-exact-product-card .product-card-top-actions svg { width: 100% !important; height: 100% !important; fill: none !important; stroke: currentcolor !important; stroke-width: 1.75 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }body #storefront-main .origo-exact-product-card .product-info, body .product-overlay .origo-exact-product-card .product-info { position: relative !important; z-index: 3 !important; display: flex !important; flex-direction: column !important; gap: clamp(5px, 0.65vw, 10px) !important; padding: clamp(13px, 1.5vw, 23px) clamp(14px, 1.7vw, 26px) clamp(14px, 1.7vw, 26px) !important; border: 0px !important; border-radius: 0px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; }body #storefront-main .origo-exact-product-card .product-brand, body .product-overlay .origo-exact-product-card .product-brand { margin: 0px !important; color: rgb(200, 134, 24) !important; font-size: clamp(10px, 0.9vw, 14px) !important; font-weight: 850 !important; letter-spacing: 0.04em !important; line-height: 1.15 !important; text-align: start !important; text-transform: uppercase !important; }body #storefront-main .origo-exact-product-card h3, body .product-overlay .origo-exact-product-card h3 { min-width: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; border: 0px !important; color: rgb(9, 7, 7) !important; font-family: var(--origo-font-body,var(--font-ar)) !important; font-size: clamp(16px, 1.55vw, 25px) !important; font-weight: 850 !important; line-height: 1.28 !important; text-align: start !important; text-overflow: ellipsis !important; white-space: nowrap !important; }body #storefront-main .origo-exact-product-card .product-bottom, body .product-overlay .origo-exact-product-card .product-bottom { display: grid !important; gap: clamp(11px, 1.15vw, 17px) !important; margin-top: clamp(5px, 0.65vw, 10px) !important; padding-top: clamp(12px, 1.25vw, 19px) !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(238, 233, 234) currentcolor currentcolor !important; border-image: none !important; }body #storefront-main .origo-exact-product-card .exact-card-prices, body .product-overlay .origo-exact-product-card .exact-card-prices { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 10px !important; width: 100% !important; direction: ltr !important; }body #storefront-main .origo-exact-product-card .product-price, body .product-overlay .origo-exact-product-card .product-price { color: rgb(144, 0, 32) !important; font-size: clamp(20px, 2vw, 32px) !important; font-weight: 900 !important; line-height: 1 !important; direction: rtl !important; }body #storefront-main .origo-exact-product-card .exact-card-prices del, body .product-overlay .origo-exact-product-card .exact-card-prices del { color: rgb(144, 139, 141) !important; font-size: clamp(10px, 1vw, 15px) !important; font-weight: 650 !important; text-decoration-thickness: 1.5px !important; direction: rtl !important; }body #storefront-main .origo-exact-product-card .exact-card-actions, body .product-overlay .origo-exact-product-card .exact-card-actions { display: block !important; width: 100% !important; }body #storefront-main .origo-exact-product-card .exact-card-actions .card-add-button, body .product-overlay .origo-exact-product-card .exact-card-actions .card-add-button { display: flex !important; align-items: center !important; justify-content: center !important; gap: clamp(8px, 0.9vw, 14px) !important; width: 100% !important; min-height: clamp(40px, 4vw, 60px) !important; padding: clamp(8px, 0.9vw, 13px) clamp(12px, 1.4vw, 22px) !important; border: 1.5px solid rgb(133, 0, 32) !important; border-radius: clamp(10px, 1vw, 15px) !important; color: rgb(133, 0, 32) !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; font-size: clamp(12px, 1.25vw, 20px) !important; font-weight: 850 !important; line-height: 1 !important; transform: none !important; transition: none !important; }body #storefront-main .origo-exact-product-card .exact-card-actions .card-add-button:hover, body .product-overlay .origo-exact-product-card .exact-card-actions .card-add-button:hover { color: rgb(133, 0, 32) !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; transform: none !important; }body #storefront-main .origo-exact-product-card .exact-card-actions .card-add-button svg, body .product-overlay .origo-exact-product-card .exact-card-actions .card-add-button svg { width: clamp(19px, 1.85vw, 28px) !important; height: clamp(19px, 1.85vw, 28px) !important; flex: 0 0 auto !important; fill: none !important; stroke: currentcolor !important; stroke-width: 1.65 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }@media (max-width: 700px){body #storefront-main .origo-exact-product-card, body .product-overlay .origo-exact-product-card { border-radius: 13px !important; box-shadow: rgba(33, 20, 24, 0.08) 0px 4px 14px !important; }body #storefront-main .origo-exact-product-card .product-image, body .product-overlay .origo-exact-product-card .product-image { aspect-ratio: 1 / 1.08 !important; }body #storefront-main .origo-exact-product-card .product-card-media-link, body .product-overlay .origo-exact-product-card .product-card-media-link { padding: 36px 10px 8px !important; }body #storefront-main .origo-exact-product-card .product-card-media-link img, body .product-overlay .origo-exact-product-card .product-card-media-link img { max-width: 86% !important; max-height: 93% !important; }body #storefront-main .origo-exact-product-card .product-card-top-actions, body .product-overlay .origo-exact-product-card .product-card-top-actions { top: 7px !important; right: 7px !important; gap: 5px !important; }body #storefront-main .origo-exact-product-card .product-card-top-actions .card-action-button, body .product-overlay .origo-exact-product-card .product-card-top-actions .card-action-button { width: 27px !important; height: 27px !important; padding: 6px !important; }body #storefront-main .origo-exact-product-card .product-info, body .product-overlay .origo-exact-product-card .product-info { gap: 4px !important; padding: 9px 9px 10px !important; }body #storefront-main .origo-exact-product-card .product-brand, body .product-overlay .origo-exact-product-card .product-brand { font-size: 8px !important; }body #storefront-main .origo-exact-product-card h3, body .product-overlay .origo-exact-product-card h3 { font-size: clamp(12px, 3.45vw, 15px) !important; }body #storefront-main .origo-exact-product-card .product-bottom, body .product-overlay .origo-exact-product-card .product-bottom { gap: 8px !important; margin-top: 3px !important; padding-top: 8px !important; }body #storefront-main .origo-exact-product-card .product-price, body .product-overlay .origo-exact-product-card .product-price { font-size: 16px !important; }body #storefront-main .origo-exact-product-card .exact-card-prices del, body .product-overlay .origo-exact-product-card .exact-card-prices del { font-size: 8px !important; }body #storefront-main .origo-exact-product-card .exact-card-actions .card-add-button, body .product-overlay .origo-exact-product-card .exact-card-actions .card-add-button { min-height: 31px !important; padding: 6px 8px !important; border-width: 1px !important; border-radius: 8px !important; font-size: 9px !important; }body #storefront-main .origo-exact-product-card .exact-card-actions .card-add-button svg, body .product-overlay .origo-exact-product-card .exact-card-actions .card-add-button svg { width: 15px !important; height: 15px !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); }#storefront-main :where(.product-card-media, .product-image, .home-gender-card, .category-card, .brand-card, .hero-media, .product-gallery, .quick-product-image), #site-footer :where(.footer-story-image) { overflow: hidden; border-radius: var(--origo-image-radius) !important; }#storefront-main :where(.product-card-media, .product-image, .home-gender-card, .category-card, .brand-card, .hero-media, .product-gallery, .quick-product-image) img, #site-footer :where(.footer-story-image) img { scale: var(--origo-image-scale); transition: scale 0.2s, border-radius 0.2s; object-fit: var(--origo-image-fit,contain) !important; border-radius: var(--origo-image-radius) !important; }html[data-appearance-image-fit="contain"] { --origo-image-fit: contain; }#storefront-main :where([class*="-card"], [class$="card"], [class*="-panel"], [class$="panel"]), #site-footer :where([class*="-card"], [class$="card"]) { border-radius: var(--origo-card-radius) !important; }#storefront-main :where(.product-card, .account-stat-card, .checkout-panel, .footer-benefit-card, .benefit-card, .category-card, .brand-card, .home-gender-card) { border-width: var(--origo-card-border-width) !important; box-shadow: var(--origo-card-shadow) !important; }@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); }body:not(.dark) #storefront-main :where(.product-card, .checkout-main-card, .checkout-summary-card, .account-subview, .recent-orders, .performance-card, .footer-benefit-card) { 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; }#storefront-main > section, .origo-home > section { margin-block-end: var(--origo-section-gap); }@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) #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) .site-header, body:not(.dark) .category-nav { color: var(--origo-light-burgundy,#720019) !important; background: rgb(255, 255, 255) !important; }#storefront-main > section, .origo-home > section { margin-block-end: var(--origo-section-gap,20px); }.catalog-main { padding: 24px 24px 44px; }.catalog-search-area { gap: 12px; }.catalog-results-toolbar { min-height: 60px; }.catalog-filter-section > button { min-height: 44px; font-size: 14px; }.catalog-check { min-height: 34px; font-size: 13px; }.catalog-check small { font-size: 11px; }.catalog-brand-search, .catalog-price-inputs input { font-size: 13px; }.catalog-search-box > input { font-size: 14px; }.catalog-quick-filters button { font-size: 12px; }.catalog-sort-controls label span, .catalog-sort-controls select, .catalog-mobile-toolbar select { font-size: 12px; }@media (max-width: 900px){.catalog-main { padding: 16px 12px 84px; }.catalog-search-box > input { font-size: 13px; }.catalog-mobile-toolbar > button, .catalog-mobile-toolbar label { font-size: 12px; }.catalog-product-grid { gap: 8px; }}: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; }#storefront-main .product-card .product-image { position: relative !important; isolation: isolate !important; overflow: hidden !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) :where(.catalog-filter-section, .catalog-filter-heading, .catalog-results-toolbar, .catalog-mobile-toolbar) { color: var(--origo-text) !important; border-color: rgba(139, 92, 246, 0.12) !important; background: none rgb(255, 255, 255) !important; }body:not(.dark) .catalog-product-grid { align-items: stretch; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 24px !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 (max-width: 1200px){body:not(.dark) .catalog-product-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 18px !important; }}@media (max-width: 900px){body:not(.dark) .catalog-product-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 16px !important; }}@media (max-width: 560px){body:not(.dark) .catalog-product-grid { gap: 10px !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) #storefront-main > :where(section, div) { background-image: 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-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(.catalog-filter-section, .product-detail-accordion, .product-detail-section) { border-bottom: 1px solid rgba(240, 82, 97, 0.18) !important; background: none rgb(255, 255, 255) !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; }body:not(.dark) #storefront-main :where(.muted, [class*="-muted"], [class*="-subtitle"], .product-notes, .exact-card-specs > span, .exact-card-prices del, .catalog-sort-controls span) { color: rgb(9, 9, 9) !important; }body:not(.dark) :where(#storefront-main, .advanced-admin-panel, .catalog-admin-panel) :where(input, textarea)::placeholder { color: rgb(9, 9, 9) !important; opacity: 1 !important; }@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; }}body :is(#home, #storefront-main) .origo-exact-product-card, body .product-overlay .origo-exact-product-card { border: 0px !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; transition: none !important; transform: none !important; }body :is(#home, #storefront-main) .origo-exact-product-card:hover, body .product-overlay .origo-exact-product-card:hover { border: 0px !important; box-shadow: none !important; transform: none !important; }body :is(#home, #storefront-main) .origo-exact-product-card .product-image, body .product-overlay .origo-exact-product-card .product-image { overflow: hidden !important; border: 0px !important; border-radius: 14px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; }body :is(#home, #storefront-main) .origo-exact-product-card .product-image::before, body :is(#home, #storefront-main) .origo-exact-product-card .product-image::after, body .product-overlay .origo-exact-product-card .product-image::before, body .product-overlay .origo-exact-product-card .product-image::after { display: none !important; }body :is(#home, #storefront-main) .origo-exact-product-card .product-image img, body .product-overlay .origo-exact-product-card .product-image img { transition: none !important; transform: none !important; }body :is(#home, #storefront-main) .origo-exact-product-card:hover .product-image img, body .product-overlay .origo-exact-product-card:hover .product-image img { transform: none !important; }body :is(#home, #storefront-main) .origo-exact-product-card .product-info, body .product-overlay .origo-exact-product-card .product-info { padding: 10px 3px 3px !important; gap: 6px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; }body :is(#home, #storefront-main) .origo-exact-product-card h3, body .product-overlay .origo-exact-product-card h3 { min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }body :is(#home, #storefront-main) .origo-exact-product-card .product-bottom, body .product-overlay .origo-exact-product-card .product-bottom { gap: 7px !important; border: 0px !important; }@media (max-width: 700px){body :is(#home, #storefront-main) .origo-exact-product-card, body .product-overlay .origo-exact-product-card { border-radius: 0px !important; box-shadow: none !important; }body :is(#home, #storefront-main) .origo-exact-product-card .product-info, body .product-overlay .origo-exact-product-card .product-info { padding: 7px 2px 2px !important; gap: 4px !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; }body #storefront-main .origo-exact-product-card .product-image, body #storefront-main .origo-reference-product-card .product-image, body .product-overlay .origo-exact-product-card .product-image, body .product-overlay .origo-reference-product-card .product-image { width: 100% !important; margin: 0px !important; padding: 0px !important; }body #storefront-main .origo-exact-product-card .product-card-media-link, body #storefront-main .origo-reference-product-card .product-card-media-link, body .product-overlay .origo-exact-product-card .product-card-media-link, body .product-overlay .origo-reference-product-card .product-card-media-link { inset: 0px !important; width: 100% !important; height: 100% !important; padding: 0px !important; overflow: hidden !important; }body #storefront-main .origo-exact-product-card .product-card-media-link img, body #storefront-main .origo-reference-product-card .product-card-media-link img, body .product-overlay .origo-exact-product-card .product-card-media-link img, body .product-overlay .origo-reference-product-card .product-card-media-link img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0px !important; padding: 0px !important; object-fit: contain !important; object-position: center center !important; scale: 1 !important; transform: none !important; translate: none !important; filter: none !important; }body #storefront-main .origo-exact-product-card:hover .product-card-media-link img, body #storefront-main .origo-reference-product-card:hover .product-card-media-link img, body .product-overlay .origo-exact-product-card:hover .product-card-media-link img, body .product-overlay .origo-reference-product-card:hover .product-card-media-link img { object-fit: contain !important; scale: 1 !important; transform: none !important; translate: none !important; }html body #storefront-main .origo-exact-product-card .product-card-top-actions .card-compare-button, html body .product-overlay .origo-exact-product-card .product-card-top-actions .card-compare-button { border-color: rgb(133, 0, 32) !important; color: rgb(133, 0, 32) !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(72, 0, 20, 0.16) 0px 3px 10px !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; }.mobile-product-view-control { display: none; }@media (max-width: 700px){.mobile-product-view-control { position: static; z-index: auto; flex: 0 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin-inline-start: auto; padding: 0px; border: 0px; border-radius: 0px; background: rgb(255, 255, 255); box-shadow: none; }.mobile-product-view-control button { width: 28px; height: 28px; padding: 0px; display: grid; place-content: center; border: 0px; border-radius: 2px; color: rgb(0, 0, 0); background: rgb(255, 255, 255); }.mobile-product-view-control button svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.8; }.mobile-product-view-control button.active { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }html[data-product-card-view="two"] #storefront-main :is(.catalog-product-grid, .pdp-products-row, .note-products-grid) { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; overflow: visible !important; }html[data-product-card-view="two"] #storefront-main :is(.catalog-product-grid, .pdp-products-row, .note-products-grid) > :is(.product-card, .perfume-product-card, .pdp-related-card) { width: 100% !important; max-width: none !important; min-width: 0px !important; flex: 0 0 auto !important; }.catalog-title-area, .pdp-recommendations .pdp-section-heading { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; }}: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; }html body :where(#storefront-main, .product-overlay) :is(.product-card h3, .exact-card-product-name, .product-title, .alternative-card h3, .home-alt-card h3) { font-size: var(--origo-product-title-size) !important; line-height: 1.35 !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; }html body :where(#storefront-main, .product-overlay) :is(.product-price, .current-price, .price, .exact-card-prices .product-price) { font-size: var(--origo-price-text-size) !important; line-height: 1.2 !important; }html body :where(#storefront-main, .product-overlay) :is(.old-price, .compare-price, .exact-card-prices del) { font-size: var(--origo-small-text-size) !important; line-height: 1.2 !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; }html body :where(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .product-info { gap: 6px !important; }html body :where(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-actions .card-add-button { min-height: 40px !important; padding: 8px !important; }}html body :is(#storefront-main, .product-overlay) .product-card, html body :is(#storefront-main, .product-overlay) .product-card:hover { border: 0px !important; box-shadow: none !important; border-radius: 0px !important; overflow: hidden !important; }html body :is(#storefront-main, .product-overlay) .product-card :is(.product-image, .product-card-media-link, .product-info) { border-radius: 0px !important; }html body :is(#storefront-main, .product-overlay) .product-card .exact-card-actions { width: 100% !important; display: grid !important; place-items: center !important; justify-self: center !important; }html body :is(#storefront-main, .product-overlay) .product-card .exact-card-actions .card-add-button { margin-inline: auto !important; place-self: center !important; }.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); }.product-card :is(.product-brand, .product-card-type, .product-rating small, .product-card-notes b) { font-size: 11px !important; }.product-card .exact-card-product-name :is(a, button) { font-size: 14px !important; line-height: 1.45; }.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; }}html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-heading { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; direction: inherit !important; }html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .product-brand { margin: 0px !important; min-width: 0px !important; text-align: start !important; direction: inherit !important; font-size: clamp(9px, 0.72vw, 11px) !important; line-height: 1.15 !important; }html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-product-name { width: 100% !important; justify-content: space-between !important; }html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-product-name > a { overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-product-name > .product-price-discount { margin-inline-start: auto !important; }html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-prices .product-price { font-size: clamp(11px, 0.9vw, 14px) !important; line-height: 1.15 !important; }html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-actions .card-add-button { width: 100% !important; min-height: 34px !important; height: auto !important; padding: 7px 10px !important; overflow: visible !important; border: 1px solid rgb(118, 0, 28) !important; border-radius: 8px !important; color: rgb(0, 0, 0) !important; background: transparent !important; box-shadow: none !important; }html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-actions .card-add-button:hover { color: rgb(0, 0, 0) !important; background: rgba(118, 0, 28, 0.05) !important; }html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-actions .card-add-button span { min-width: 0px !important; display: block !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; line-height: 1.25 !important; }html body :is(#storefront-main, .product-overlay) .origo-exact-product-card .card-add-button .available-cart-icon { color: rgb(118, 0, 28) !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; }}.mobile-product-view-control.catalog-layout-control { display: flex; gap: 4px; align-items: center; }.catalog-layout-control button { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 8px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); }.catalog-layout-control button svg { width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.8; }.catalog-layout-control button.active { background: var(--burgundy); color: rgb(255, 255, 255); }@media (min-width: 1121px){html:not([data-catalog-layout="list"]) #storefront-main :is(.catalog-product-grid, .pdp-products-row) { justify-content: space-between; grid-template-columns: repeat(auto-fit, minmax(120px, 154px)) !important; gap: 28px !important; }html:not([data-catalog-layout="list"]) #storefront-main :is(#home, .catalog-product-grid, .pdp-products-row) .origo-exact-product-card .product-info { gap: 4px !important; padding: 9px 9px 10px !important; }html:not([data-catalog-layout="list"]) #storefront-main :is(#home, .catalog-product-grid, .pdp-products-row) .origo-exact-product-card .product-card-top-actions .card-action-button { width: 30px !important; height: 30px !important; padding: 6px !important; }html:not([data-catalog-layout="list"]) #storefront-main :is(#home, .catalog-product-grid, .pdp-products-row) .origo-exact-product-card .exact-card-product-name { font-size: 12px !important; line-height: 1.3 !important; }html:not([data-catalog-layout="list"]) #storefront-main :is(#home, .catalog-product-grid, .pdp-products-row) .origo-exact-product-card .product-brand { font-size: 8px !important; }html:not([data-catalog-layout="list"]) #storefront-main :is(#home, .catalog-product-grid, .pdp-products-row) .origo-exact-product-card .product-price { font-size: 12px !important; }html:not([data-catalog-layout="list"]) #storefront-main :is(#home, .catalog-product-grid, .pdp-products-row) .origo-exact-product-card .exact-card-actions .card-add-button { width: 100% !important; min-height: 32px !important; padding: 6px !important; font-size: 9px !important; }}html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-actions .card-add-button { display: grid !important; grid-template-columns: 20px minmax(0px, 1fr) 20px !important; align-items: center !important; gap: 4px !important; text-align: center !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-actions .card-add-button > svg { grid-area: 1 / 1; justify-self: center; width: 20px !important; height: 20px !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-actions .card-add-button > span { grid-area: 1 / 2; min-width: 0px; width: 100%; white-space: normal; text-align: center !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; }html body :is(#storefront-main, .product-overlay) .product-card .exact-card-actions { border: 0px !important; outline: 0px !important; background: transparent !important; box-shadow: none !important; }html body :is(#storefront-main, .product-overlay) .product-card .exact-card-actions .card-add-button, html body :is(#storefront-main, .product-overlay) .product-card .exact-card-actions .card-add-button:is(:hover, :focus-visible) { color: rgb(255, 255, 255) !important; background: none rgb(118, 0, 28) !important; border: 0px !important; outline-color: rgb(255, 255, 255) !important; box-shadow: none !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .product-info { display: flex !important; flex: 1 1 auto !important; min-width: 0px !important; overflow: visible !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-actions { width: 100% !important; margin-top: auto !important; padding: 4px 0px 2px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-actions .card-add-button { width: calc(100% - 12px) !important; max-width: 100% !important; min-width: 0px !important; margin: 0px auto !important; padding-inline: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; white-space: nowrap !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-actions .card-add-button > span { width: auto !important; min-width: 0px !important; overflow: visible !important; white-space: nowrap !important; text-overflow: clip !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .product-info { gap: 2px !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-heading { width: 100% !important; min-width: 0px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .product-brand { width: auto !important; min-width: 0px !important; margin: 0px !important; text-align: start !important; align-self: flex-start !important; font-size: clamp(8px, 0.7vw, 11px) !important; line-height: 1.2 !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card[dir="rtl"] .product-brand { margin-inline-end: auto !important; text-align: right !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-product-name { margin: 0px !important; padding: 0px !important; display: flex !important; align-items: center !important; gap: 6px !important; line-height: 1.2 !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-product-name > a { min-width: 0px !important; flex: 0 1 auto !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .product-bottom { margin-top: 1px !important; padding-top: 3px !important; gap: 5px !important; border-top: 0px !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-prices { width: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; direction: inherit !important; flex-wrap: nowrap !important; overflow: visible !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-prices .product-price { flex: 0 1 auto !important; min-width: 0px !important; font-size: clamp(11px, 1vw, 16px) !important; line-height: 1.1 !important; white-space: nowrap !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-prices del { flex: 0 1 auto !important; min-width: 0px !important; font-size: clamp(8px, 0.72vw, 11px) !important; white-space: nowrap !important; }html body #storefront-main #home .origo-exact-product-card .exact-card-prices .product-price, html body #storefront-main .catalog-product-grid .origo-exact-product-card .exact-card-prices .product-price, html body #storefront-main .pdp-products-row .origo-exact-product-card .exact-card-prices .product-price, html body .product-overlay .origo-exact-product-card .exact-card-prices .product-price { font-size: clamp(12px, 1.05vw, 16px) !important; font-weight: 900 !important; }html body #storefront-main #home .origo-exact-product-card .exact-card-prices del, html body #storefront-main .catalog-product-grid .origo-exact-product-card .exact-card-prices del, html body #storefront-main .pdp-products-row .origo-exact-product-card .exact-card-prices del, html body .product-overlay .origo-exact-product-card .exact-card-prices del { font-size: clamp(8px, 0.68vw, 10px) !important; font-weight: 600 !important; }html body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .product-price-discount { flex: 0 0 auto !important; min-height: 18px !important; padding: 3px 6px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid !important; border-radius: 6px !important; color: rgb(0, 0, 0) !important; background: transparent !important; font-size: clamp(7px, 0.65vw, 9px) !important; font-weight: 800 !important; line-height: 1 !important; direction: ltr !important; }html body :where(#storefront-main, .product-overlay) :is(.product-card h3, .exact-card-product-name, .exact-card-product-name > a, .product-title, .alternative-card h3, .home-alt-card h3) { font-size: var(--origo-product-title-size) !important; line-height: 1.35 !important; }html body :where(#storefront-main, .product-overlay) .product-price-discount { font-size: var(--origo-small-text-size) !important; min-height: 26px !important; }@media (max-width: 700px){html body :where(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .exact-card-actions .card-add-button { min-height: 40px !important; padding: 8px !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(.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-detail-hero, .benefit-content-card, [class*="-panel"], [class*="-dialog"]) { color: rgb(255, 255, 255) !important; border-color: rgba(255, 255, 255, 0.2) !important; background: rgb(75, 77, 82) !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 #storefront-main :where(a:not(.button), button:not(.burgundy-button):not(.pdp-add)) { color: rgb(255, 255, 255); }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; }body.dark #storefront-main :is(h1, h2, h3, h4, h5, h6)::after, html[data-theme="dark"] #storefront-main :is(h1, h2, h3, h4, h5, h6)::after { display: none !important; content: none !important; }body.dark #storefront-main :is(.home-section-head, .section-head, .section-title, [class*="-heading"], [class*="-title"]), html[data-theme="dark"] #storefront-main :is(.home-section-head, .section-head, .section-title, [class*="-heading"], [class*="-title"]) { border-bottom: 0px !important; text-decoration: none !important; }@media (max-width: 700px){.mobile-product-view-control { position: static; z-index: auto; flex: 0 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin-inline-start: auto; padding: 0px; border: 0px; border-radius: 0px; background: rgb(255, 255, 255); box-shadow: none; }.mobile-product-view-control button { width: 28px; height: 28px; padding: 0px; display: grid; place-content: center; border: 0px; border-radius: 2px; color: rgb(0, 0, 0); background: rgb(255, 255, 255); }.mobile-product-view-control button svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.8; }.mobile-product-view-control button.active { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }body.dark .mobile-product-view-control { border-color: rgb(0, 0, 0); background: rgb(255, 255, 255); }html[data-product-card-view="two"] #storefront-main :is(.catalog-product-grid, .pdp-products-row, .note-products-grid) { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; overflow: visible !important; }html[data-product-card-view="two"] #storefront-main :is(.catalog-product-grid, .pdp-products-row, .note-products-grid) > :is(.product-card, .perfume-product-card, .pdp-related-card) { width: 100% !important; max-width: none !important; min-width: 0px !important; flex: 0 0 auto !important; }.catalog-title-area, .pdp-recommendations .pdp-section-heading { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; }}html[data-theme="dark"] body :is(#storefront-main, .product-overlay) .product-card .product-image, html[data-theme="dark"] body :is(#storefront-main, .product-overlay) .product-card .product-card-media-link, body.dark :is(#storefront-main, .product-overlay) .product-card .product-image, body.dark :is(#storefront-main, .product-overlay) .product-card .product-card-media-link { background: none rgb(41, 41, 41) !important; }html[data-theme="dark"] body :is(#storefront-main, .product-overlay) .product-card .product-card-media-link img, body.dark :is(#storefront-main, .product-overlay) .product-card .product-card-media-link img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; background: transparent !important; mix-blend-mode: normal !important; filter: none !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(.badge, [class*="-badge"], [class*="-status"], [class*="-active"], mark) { color: rgb(255, 255, 255) !important; background: none rgb(36, 36, 36) !important; border-color: rgb(85, 85, 85) !important; }:where(body.dark, html[data-theme="dark"] body) :where(.product-card, .pdp-card, .checkout-main-card, .checkout-summary-card, .account-subview, .advanced-admin-panel, .admin-metric-card, .admin-chart-card, .admin-list-card, .brands-table-card, .brands-kpis article) { border-color: rgb(111, 11, 37) !important; }:where(body.dark, html[data-theme="dark"] body) :where(.product-image, .product-card-media-link, .pdp-media, .product-media-stage, .product-media-lightbox) { background-color: rgb(0, 0, 0) !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(.product-card, .product-card-info, .exact-card-copy, .exact-card-prices, .exact-card-actions) { color: rgb(255, 255, 255) !important; background: none rgb(11, 11, 11) !important; }:where(body.dark, html[data-theme="dark"] body) :where(.product-card .product-brand, .product-card .product-name, .product-card .product-price, .product-card .rating-value, .product-card .rating-star, .product-card .product-card-size, .product-card .exact-card-brand, .product-card .exact-card-title, .product-card .exact-card-rating) { color: rgb(255, 255, 255) !important; }:where(body.dark, html[data-theme="dark"] body) :where(.product-card del, .product-card .review-count) { color: rgb(170, 170, 170) !important; }:where(body.dark, html[data-theme="dark"] body) :where(.product-card .card-add-button, .product-card .exact-card-actions .card-add-button) { color: rgb(255, 255, 255) !important; background: none rgb(24, 24, 24) !important; border: 1px solid rgb(118, 0, 28) !important; box-shadow: none !important; }:where(body.dark, html[data-theme="dark"] body) :where(.product-card .card-action-button, .product-card .card-wishlist-button, .product-card .card-compare-button, .product-card .discount-badge) { color: rgb(255, 255, 255) !important; background: none rgb(24, 24, 24) !important; border-color: rgb(85, 85, 85) !important; box-shadow: none !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(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-actions .card-add-button, :is(body.dark, html[data-theme="dark"] body) :is(#storefront-main, .product-overlay) .origo-exact-product-card .exact-card-actions .card-add-button:hover { color: rgb(255, 255, 255) !important; background: transparent !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) :is(#storefront-main, .product-overlay) .product-card, :is(body.dark, html[data-theme="dark"] body) :is(#storefront-main, .product-overlay) .product-card:is(:hover, :focus-within), :is(body.dark, html[data-theme="dark"] body) :is(#storefront-main, .product-overlay) .product-card :is(.product-card-info, .product-info, .exact-card-copy, .exact-card-prices, .exact-card-actions) { border: 0px !important; outline: 0px !important; box-shadow: none !important; background: none transparent !important; }:is(body.dark, html[data-theme="dark"] body) #storefront-main .product-card::before, :is(body.dark, html[data-theme="dark"] body) #storefront-main .product-card::after { content: none !important; display: none !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(#storefront-main, .product-overlay) :is(.product-card, .product-card-info, .product-info, .exact-card-copy, .exact-card-prices, .exact-card-actions) { background: none transparent !important; border-color: transparent !important; box-shadow: none !important; }:is(body.dark, html[data-theme="dark"] body) :is(#storefront-main, .product-overlay) :is(.product-image, .product-card-media-link, .pdp-media, .product-media-stage, .product-media-lightbox) { background: linear-gradient(145deg, rgb(52, 52, 52), rgb(43, 43, 43)) rgb(48, 48, 48) !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; }html[data-theme="dark"] #home :is(.home-brand-directory, .home-benefits-directory, .home-configured-product-row, .home-products-legacy) .home-section-head > a, html[data-theme="dark"] #home :is(.home-brand-directory, .home-benefits-directory, .home-configured-product-row, .home-products-legacy) .home-section-head > button, body.dark #home :is(.home-brand-directory, .home-benefits-directory, .home-configured-product-row, .home-products-legacy) .home-section-head > a, body.dark #home :is(.home-brand-directory, .home-benefits-directory, .home-configured-product-row, .home-products-legacy) .home-section-head > button, html[data-theme="dark"] body :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .product-price-discount, body.dark :is(#storefront-main, .product-overlay) .product-card.origo-exact-product-card .product-price-discount { color: rgb(255, 255, 255) !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; }.catalog-sidebar { position: fixed; z-index: 45; top: 0px; bottom: 0px; inset-inline-end: 0px; width: min(360px, 92vw); padding: 18px; background: var(--admin-surface,#fff); box-shadow: rgba(25, 12, 16, 0.2) 0px 0px 34px; overflow: hidden; min-height: 0px !important; }@media (max-width: 620px){.catalog-sidebar { width: min(340px, 94vw); padding: 14px; }}@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; }}.catalog-breadcrumb { padding-bottom: 12px; font-size: 13px; }.catalog-filter-heading { padding: 14px 0px 8px; }.catalog-filter-heading h2 { font-size: 17px; }@media (max-width: 900px){.catalog-main { padding: 16px 12px 84px; }.catalog-search-box > input { font-size: 13px; }.catalog-product-grid { gap: 8px; }}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) .catalog-sidebar { border-inline-end: 1px solid rgba(139, 92, 246, 0.14) !important; box-shadow: rgba(30, 20, 40, 0.024) 4px 0px 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) { 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(.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 rgba(35, 139, 234, 0.28) !important; background: none rgb(255, 255, 255) !important; box-shadow: rgba(35, 139, 234, 0.07) 0px 0px 10px !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.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); }.product-card :is(.product-brand, .product-card-type, .product-rating small, .product-card-notes b) { font-size: 11px !important; }.product-card .exact-card-product-name :is(a, button) { font-size: 14px !important; line-height: 1.45; }: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; }:root { --origo-burgundy: #76001f; --origo-deep-burgundy: #4b0015; --origo-gold: #d1a04c; --origo-cream: #fff9f4; --origo-bg: #fcfaf8; --origo-text: #231719; --origo-muted: #7b7072; --origo-border: rgba(84,48,55,.12); }.catalog-route #storefront-main { max-width: none; padding: 0px; }.catalog-page { min-height: 72vh; color: var(--origo-text); background: var(--origo-bg); border-top: 1px solid var(--origo-border); }.catalog-shell { width: min(1560px, 100%); margin: auto; display: grid; grid-template-columns: 280px minmax(0px, 1fr); direction: ltr; }.catalog-sidebar, .catalog-main { direction: rtl; }.catalog-filter-section { border-bottom: 1px solid var(--origo-border); }.catalog-filter-section > button { width: 100%; min-height: 48px; padding: 0px; display: flex; align-items: center; justify-content: space-between; border: 0px; color: var(--origo-text); background: transparent; 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; cursor: pointer; }.catalog-filter-section > button i { font-style: normal; transition: 0.2s; }.catalog-filter-section > button[aria-expanded="false"] i { transform: rotate(180deg); }.catalog-filter-panel { padding: 0px 0px 15px; }.catalog-check { min-height: 30px; display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 5px; color: var(--origo-text); font-size: 10px; cursor: pointer; }.catalog-check input { appearance: none; width: 15px; height: 15px; margin: 0px; display: grid; place-items: center; border: 1px solid rgb(184, 174, 170); border-radius: 3px; background: rgb(255, 255, 255); }.catalog-check input:checked { border-color: var(--origo-burgundy); background: var(--origo-burgundy); }.catalog-check input:checked::after { content: "✓"; color: rgb(255, 255, 255); font-size: 10px; }.catalog-check small { color: rgb(166, 155, 152); font-size: 9px; }.catalog-brand-search { width: 100%; height: 34px; margin: 0px 0px 8px; padding: 0px 11px; border: 1px solid var(--origo-border); border-radius: 18px; color: var(--origo-text); background: rgb(255, 255, 255); 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: 9px; }.catalog-price-range { padding-top: 3px; }.catalog-price-track { position: relative; height: 28px; }.catalog-price-track::before { content: ""; position: absolute; top: 13px; right: 4px; left: 4px; height: 2px; background: rgb(234, 223, 224); }.catalog-price-track input { position: absolute; inset: 0px; width: 100%; height: 28px; margin: 0px; pointer-events: none; appearance: none; background: transparent; }.catalog-price-track input::-webkit-slider-thumb { appearance: none; width: 14px; height: 14px; border: 2px solid var(--origo-burgundy); border-radius: 50%; background: rgb(255, 255, 255); pointer-events: auto; cursor: pointer; }.catalog-price-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.catalog-price-inputs input { width: 100%; height: 34px; padding: 0px 8px; border: 1px solid var(--origo-border); border-radius: 7px; color: var(--origo-text); background: rgb(255, 255, 255); text-align: center; 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; }.catalog-main { min-width: 0px; padding: 34px 32px 60px; }.catalog-search-area { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) 185px; gap: 18px; direction: ltr; }.catalog-search-box, .catalog-description-button { direction: rtl; }.catalog-search-box { position: relative; }.catalog-search-box > input { width: 100%; height: 48px; padding: 0px 54px 0px 20px; border: 1px solid var(--origo-border); border-radius: 26px; color: var(--origo-text); background: rgba(255, 255, 255, 0.88); 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: 11px; outline: none; }.catalog-search-box > input:focus { border-color: rgba(118, 0, 31, 0.5); box-shadow: rgba(118, 0, 31, 0.06) 0px 0px 0px 3px; }.catalog-search-box > button { position: absolute; top: 5px; right: 8px; width: 38px; height: 38px; display: grid; place-items: center; border: 0px; color: var(--origo-deep-burgundy); background: transparent; cursor: pointer; }.catalog-search-box svg { width: 25px; fill: none; stroke: currentcolor; stroke-width: 1.8; }.catalog-title-area { position: relative; min-height: 128px; padding: 32px 0px 20px; display: flex; align-items: flex-end; direction: ltr; overflow: hidden; }.catalog-title-area > div { direction: rtl; text-align: left; }.catalog-title-area h1 { margin: 0px; color: var(--origo-text); font-size: 29px; line-height: 1.2; }.catalog-title-area p { margin: 8px 0px 0px; color: var(--origo-muted); font-size: 11px; }.catalog-quick-filters { padding-bottom: 15px; display: flex; gap: 9px; direction: ltr; overflow-x: auto; border-bottom: 1px solid var(--origo-border); scrollbar-width: none; }.catalog-quick-filters::-webkit-scrollbar { display: none; }.catalog-quick-filters button { min-width: 84px; height: 38px; padding: 0px 16px; display: flex; align-items: center; justify-content: center; gap: 7px; direction: rtl; white-space: nowrap; border: 1px solid var(--origo-border); border-radius: 21px; color: var(--origo-text); background: rgb(255, 255, 255); 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; cursor: pointer; }.catalog-quick-filters button.active { color: rgb(255, 255, 255); border-color: var(--origo-burgundy); background: linear-gradient(105deg,var(--origo-deep-burgundy),var(--origo-burgundy)); }.catalog-quick-filters i { color: var(--origo-gold); font-style: normal; }.catalog-results-toolbar { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; direction: ltr; }.catalog-active-filters, .catalog-sort-controls { direction: rtl; }.catalog-active-filters { min-width: 0px; display: flex; align-items: center; gap: 7px; overflow-x: auto; scrollbar-width: none; }.catalog-sort-controls select, .catalog-mobile-toolbar select { border: 0px; outline: 0px; color: var(--origo-text); background: transparent; 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; }.catalog-mobile-toolbar { display: none; }.catalog-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; direction: ltr; align-items: start; }@keyframes catalogShimmer { 
  100% { background-position: -220% 0px; }
}.catalog-pagination { margin-top: 30px; display: flex; justify-content: center; gap: 6px; }.catalog-filter-drawer { position: fixed; z-index: 141; right: 0px; bottom: 0px; left: 0px; max-height: 88vh; display: none; overflow: hidden; border-radius: 20px 20px 0px 0px; color: var(--origo-text); background: var(--origo-bg); box-shadow: rgba(35, 15, 20, 0.25) 0px -20px 60px; transform: translateY(105%); transition: 0.28s; }.catalog-filter-drawer-head { height: 78px; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--origo-border); }.catalog-filter-drawer-head small { color: var(--origo-gold); font-size: 8px; }.catalog-filter-drawer-head h2 { margin: 2px 0px 0px; font-size: 20px; }.catalog-filter-drawer-head button { width: 36px; height: 36px; border: 1px solid var(--origo-border); border-radius: 50%; color: var(--origo-text); background: transparent; font-size: 22px; }.catalog-filter-drawer > .catalog-filter-content { max-height: calc(-150px + 88vh); overflow: auto; padding: 0px 20px 25px; }.catalog-filter-drawer-footer { height: 72px; padding: 10px 16px; display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 9px; border-top: 1px solid var(--origo-border); background: var(--origo-bg); }.catalog-filter-drawer-footer button { border: 1px solid var(--origo-burgundy); border-radius: 9px; color: var(--origo-burgundy); background: transparent; 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; }.catalog-filter-drawer-footer button:last-child { color: rgb(255, 255, 255); background: var(--origo-burgundy); }.catalog-price-inputs { direction: ltr; }@media (min-width: 1780px){.catalog-shell { grid-template-columns: 300px minmax(0px, 1fr); }.catalog-product-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)); }}@media (max-width: 1180px){.catalog-shell { grid-template-columns: 240px minmax(0px, 1fr); }.catalog-main { padding-inline: 22px; }.catalog-product-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }}@media (max-width: 800px){.catalog-route .site-header { position: sticky; top: 0px; }.catalog-shell { display: block; }.catalog-main { padding: 18px 12px 92px; }.catalog-search-area { grid-template-columns: 1fr; gap: 9px; }.catalog-search-box > input { height: 43px; font-size: 9px; }.catalog-title-area { min-height: 105px; padding: 25px 4px 17px; }.catalog-title-area h1 { font-size: 25px; }.catalog-quick-filters { margin-inline: -12px; padding: 0px 12px 14px; }.catalog-quick-filters button { min-width: auto; height: 36px; padding-inline: 17px; }.catalog-results-toolbar { min-height: auto; padding: 12px 0px 8px; }.catalog-mobile-toolbar { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--origo-border); }.catalog-mobile-toolbar > button, .catalog-mobile-toolbar label { height: 39px; padding: 0px 14px; display: flex; align-items: center; gap: 7px; border: 1px solid var(--origo-border); border-radius: 8px; color: var(--origo-text); background: transparent; 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: 9px; }.catalog-mobile-toolbar > button { border-color: var(--origo-burgundy); color: var(--origo-burgundy); }.catalog-active-filters { padding-bottom: 4px; }.catalog-product-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 9px; }.catalog-route .catalog-filter-drawer { height: 88vh; display: grid; grid-template-rows: auto minmax(0px, 1fr) auto; }.catalog-filter-drawer > .catalog-filter-content { max-height: none; min-height: 0px; }}@media (max-width: 380px){.catalog-main { padding-inline: 8px; }.catalog-quick-filters { margin-inline: -8px; }.catalog-product-grid { gap: 7px; }}.catalog-search-area { grid-template-columns: minmax(0px, 1fr) !important; }.dark .catalog-page, .dark .catalog-filter-drawer, .dark .catalog-description-dialog { --origo-bg: #120d0f; --origo-text: #f8f1ed; --origo-muted: #b7aaa8; --origo-border: rgba(231,195,109,.14); color: var(--origo-text); background: var(--origo-bg); }.dark .catalog-search-box > input, .dark .catalog-autocomplete, .dark .catalog-quick-filters button, .dark .catalog-sort-controls label, .dark .catalog-view-button, .dark .catalog-check input, .dark .catalog-brand-search, .dark .catalog-price-inputs input, .dark .catalog-empty, .dark .catalog-pagination button, .dark .catalog-description-dialog textarea { color: var(--origo-text); background: rgb(29, 21, 24); }.catalog-sidebar { position: relative; padding: 24px 22px 36px; border-right: 1px solid var(--origo-border); background: rgba(255, 255, 255, 0.72); }.catalog-breadcrumb { min-height: 36px; padding-bottom: 18px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--origo-border); color: var(--origo-muted); font-size: 11px; }.catalog-breadcrumb button { padding: 0px; border: 0px; color: inherit; background: transparent; cursor: pointer; }.catalog-filter-heading { padding: 18px 0px 10px; display: flex; align-items: center; justify-content: space-between; }.catalog-filter-heading h2 { margin: 0px; font-size: 15px; }.catalog-filter-heading span { color: var(--origo-burgundy); }.catalog-title-art { position: absolute; right: 25px; bottom: -32px; color: rgba(118, 0, 31, 0.043); font-family: "DM Serif Display", serif; font-size: 110px; letter-spacing: 0.04em; pointer-events: none; }.catalog-sort-controls { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }.catalog-view-button { width: 39px; height: 38px; border: 1px solid var(--origo-border); border-radius: 7px; color: rgb(151, 141, 137); background: rgb(255, 255, 255); }.catalog-view-button.active { color: rgb(255, 255, 255); background: var(--origo-burgundy); }.catalog-sort-controls label { height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border: 1px solid var(--origo-border); border-radius: 8px; background: rgb(255, 255, 255); }.catalog-sort-controls label span { color: var(--origo-muted); font-size: 9px; }@media (max-width: 1180px){.catalog-shell { grid-template-columns: 240px minmax(0px, 1fr); }.catalog-sidebar { padding-inline: 16px; }.catalog-main { padding-inline: 22px; }.catalog-product-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }}@media (max-width: 800px){.catalog-route .site-header { position: sticky; top: 0px; }.catalog-shell { display: block; }.catalog-sidebar { display: none; }.catalog-main { padding: 18px 12px 92px; }.catalog-search-area { grid-template-columns: 1fr; gap: 9px; }.catalog-search-box > input { height: 43px; font-size: 9px; }.catalog-title-area { min-height: 105px; padding: 25px 4px 17px; }.catalog-title-area h1 { font-size: 25px; }.catalog-title-art { display: none; }.catalog-quick-filters { margin-inline: -12px; padding: 0px 12px 14px; }.catalog-quick-filters button { min-width: auto; height: 36px; padding-inline: 17px; }.catalog-results-toolbar { min-height: auto; padding: 12px 0px 8px; }.catalog-sort-controls { display: none; }.catalog-active-filters { padding-bottom: 4px; }.catalog-product-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 9px; }}.dark .catalog-sidebar { background: rgb(23, 16, 19); }#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)}