:root{--ink:#111;--paper:#f2f1ee;--line:#e6e4e0;--muted:#777;--display:'Bebas Neue',Impact,sans-serif;--body:'Inter',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.announcement{height:27px;background:#111;color:white;display:grid;place-items:center;font-size:9px;font-weight:700;letter-spacing:.12em;text-align:center;padding:0 8px}.header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:20}.logo{font-family:var(--display);font-style:italic;font-size:34px;letter-spacing:-.04em;white-space:nowrap}.logo span{font-family:var(--body);font-style:normal}.menu-btn{border:0;background:none;font-size:21px;cursor:pointer}.desktop-nav{display:flex;gap:24px;margin-left:auto;margin-right:28px}.desktop-nav a,.header-actions a{font-size:10px;font-weight:700;letter-spacing:.08em}.drawer{position:fixed;z-index:51;inset:0 auto 0 0;width:min(88vw,390px);background:#fff;padding:26px 22px;transform:translateX(-105%);transition:transform .25s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer a{padding:19px 0;border-bottom:1px solid var(--line);font-weight:600;display:flex;justify-content:space-between}.drawer p{margin-top:auto;text-align:center;font-family:var(--display);font-size:22px}.close-drawer{align-self:flex-end;border:0;background:none;font-size:30px;cursor:pointer}.drawer-shade{position:fixed;inset:0;background:#0008;z-index:50;display:none}.drawer-shade.open{display:block}.messages{max-width:1100px;margin:12px auto;padding:0 16px}.message{padding:12px 14px;background:#f1f1ee;border-left:3px solid #111;font-size:13px}.hero{margin:0 12px;min-height:560px;height:min(76vh,760px);position:relative;display:flex;align-items:center;color:white;background:#333;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0005 55%,#0001),url('https://images.unsplash.com/photo-1523398002811-999ca8dec234?auto=format&fit=crop&w=2000&q=85') center 40%/cover}.hero-copy{position:relative;padding:36px 7%;max-width:550px}.kicker{font-size:10px;font-weight:700;letter-spacing:.2em;margin:0 0 14px}.kicker.dark{color:#777}.hero h1,.campaign h2,.collection-head h1,.form-page h1,.staff-page h1{font-family:var(--display);font-weight:400;line-height:.88;letter-spacing:.01em}.hero h1{font-size:clamp(75px,12vw,130px);margin:0 0 20px}.hero-copy>p:not(.kicker){font-size:12px;letter-spacing:.14em;line-height:1.6;margin:0 0 25px}.btn{min-height:45px;padding:0 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.08em;font-weight:800;border:1px solid transparent;cursor:pointer}.light{background:white;color:#111}.dark-btn{background:#111;color:white}.outline{border-color:#fff;color:white}.outline-dark{background:white;color:#111;border:1px solid #111;padding:12px 16px;font-size:10px;font-weight:800;cursor:pointer}.full{width:100%;justify-content:center}.hero-count{position:absolute;bottom:20px;left:7%;font-size:10px;display:flex;align-items:center;gap:18px}.hero-count i{height:1px;width:32px;background:white}.section{padding:58px 5.5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:22px}.section-head h2{font-family:var(--display);font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1;margin:0}.arrow-link{font-size:9px;letter-spacing:.08em;font-weight:800;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.category-visual{aspect-ratio:1/1.1;background:linear-gradient(140deg,#e9e8e4,#d3d1cb);display:grid;place-items:center;overflow:hidden}.category-visual img{width:100%;height:100%;object-fit:cover}.category-visual span{font-family:var(--display);font-size:30px}.category-tile>strong{font-size:10px;display:flex;justify-content:space-between;padding:12px 0;letter-spacing:.05em}.category-tile>strong span{font-size:17px;font-weight:400}.product-section{padding-top:12px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 14px}.product-card{min-width:0}.product-img{display:block;position:relative;aspect-ratio:1/1.08;background:var(--paper);overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;display:block}.img-placeholder{height:100%;width:100%;display:grid;place-items:center;background:linear-gradient(135deg,#f1f0ed,#dfddd7);font-family:var(--display);font-style:italic;font-size:38px}.tag{position:absolute;left:9px;top:9px;background:#fff;padding:6px 7px;font-size:8px;font-weight:800;letter-spacing:.06em}.product-info{display:flex;flex-direction:column;gap:5px;padding-top:11px}.product-info a{font-size:10px;font-weight:600}.product-info strong{font-size:12px}.product-desc{font-size:10px;color:#777;line-height:1.6}.empty-products{grid-column:1/-1;background:#f5f4f1;padding:36px;text-align:center}.empty-products h3{font-family:var(--display);font-weight:400;font-size:32px;margin:10px 0}.empty-products p{font-size:12px;color:#666}.campaign{min-height:420px;margin:0 12px 48px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#000b,#0004 75%),url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1800&q=85') center 38%/cover}.campaign-text{padding:36px 7%;max-width:470px}.campaign h2{font-size:clamp(50px,7vw,76px);margin:0 0 14px}.campaign-text>p:not(.kicker){font-size:12px;color:#ddd;line-height:1.6;margin-bottom:22px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 5.5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:0}.benefits>div{display:flex;align-items:center;flex-direction:column;text-align:center;gap:6px;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefits b{font-size:24px;font-weight:400}.benefits strong{font-size:9px;letter-spacing:.04em}.benefits small{font-size:9px;color:#777}.footer{background:#111;color:#fff;padding:42px 5.5% 16px}.footer-top{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:28px;padding-bottom:38px}.footer-logo{font-size:39px}.footer p{font-size:11px;color:#aaa}.footer h4{font-size:10px;letter-spacing:.12em;margin:7px 0 14px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-top>div a:not(.logo){font-size:11px;color:#bbb}.footer-bottom{border-top:1px solid #333;padding-top:16px;display:flex;justify-content:space-between;color:#888;font-size:8px;letter-spacing:.08em}.breadcrumbs{padding:22px 5.5%;font-size:9px;letter-spacing:.1em;color:#777}.product-detail{padding:10px 5.5% 70px;display:grid;grid-template-columns:1.05fr 1fr;gap:6%}.detail-image{background:var(--paper);aspect-ratio:1/1.05;max-height:650px}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:12px 0}.detail-copy h1{font-family:var(--display);font-size:clamp(38px,5vw,60px);line-height:.95;font-weight:400;margin:0 0 14px}.detail-price{font-size:18px;font-weight:700;margin:0 0 20px}.detail-price del{color:#888;font-size:13px;margin-left:10px}.detail-copy>p,.description{font-size:12px;line-height:1.8;color:#555}.detail-copy h3{font-size:10px;letter-spacing:.1em;margin:28px 0 12px}.variant-list{display:grid;gap:9px}.variant-form{display:grid;grid-template-columns:20px 1fr 55px auto;gap:10px;align-items:center;border:1px solid var(--line);padding:10px}.color-dot{width:17px;height:17px;border:1px solid #ddd;border-radius:50%}.variant-form strong,.variant-form small{display:block;font-size:11px}.variant-form small{color:#777;margin-top:4px}.variant-form input{width:50px;border:1px solid var(--line);padding:7px}.variant-form .btn{min-height:35px;padding:0 10px;font-size:8px}.shipping-note{padding:14px;background:#f4f3f0!important;font-size:10px!important}.collection-head{padding:55px 5.5% 18px}.collection-head h1,.form-page h1,.staff-page h1{font-size:clamp(44px,7vw,74px);margin:0 0 12px}.collection-head>p:last-child,.form-page>p{font-size:12px;color:#777}.collection-section{padding-top:15px;min-height:350px}.form-page{max-width:960px;margin:0 auto;padding:55px 20px 85px;min-height:55vh}.form-page h1{font-size:clamp(44px,7vw,68px)}.cart-lines{border-top:1px solid var(--line);margin:28px 0 15px}.cart-line{display:grid;grid-template-columns:90px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:90px;height:95px;background:var(--paper);display:grid;place-items:center}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-line-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cart-line-info strong,.cart-line-info span{font-size:11px}.cart-line-info span{color:#777}.cart-line-info label{font-size:10px}.cart-line-info input{width:55px;padding:5px;border:1px solid var(--line)}.cart-total{max-width:360px;margin:30px 0 0 auto}.cart-total p,.summary-line,.summary-total{display:flex;justify-content:space-between;gap:12px;font-size:12px}.cart-total small{color:#777;display:block;margin-bottom:20px}.continue-link{display:block;text-align:center;margin-top:17px;font-size:11px;text-decoration:underline}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;margin-top:25px}.checkout-form{display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:10px;font-weight:700;letter-spacing:.04em}.field input,.field textarea,.field select{width:100%;border:1px solid #d8d6d1;padding:12px;background:#fff;border-radius:0;min-height:43px;font-size:12px}.field input:focus,.field textarea:focus{outline:1px solid #111}.field ul{list-style:none;padding:0;margin:0;display:flex;gap:16px;font-size:12px}.field ul input{width:auto;min-height:0}.order-summary{background:#f4f3f0;padding:22px;height:max-content}.order-summary h3{font-size:11px;letter-spacing:.1em;margin:0 0 18px}.summary-line{padding:10px 0;border-bottom:1px solid #ddd;font-size:10px}.summary-line span{max-width:70%}.summary-total{padding-top:18px;font-size:14px;font-weight:800}.payment-note{font-size:10px;color:#777;line-height:1.7}.success-page{text-align:center;max-width:620px}.success-icon{width:56px;height:56px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;font-size:28px;margin:25px auto}.success-card,.tracking-result{background:#f4f3f0;padding:20px;margin:25px 0;text-align:left}.success-card p,.tracking-result p{display:flex;justify-content:space-between;gap:12px;font-size:12px}.tracking-page{max-width:640px}.tracking-form{max-width:440px;margin:25px 0}.tracking-result h2{font-family:var(--display);font-size:36px;font-weight:400}.status-list{padding-left:20px;line-height:2;font-size:12px}.status-list .current{font-weight:800}.error{color:#a00;font-size:11px}.admin-login{max-width:500px}.staff-page{padding:45px 5.5% 75px;min-height:65vh}.staff-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.staff-head h1{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.stats-grid>div{padding:20px;background:#f3f2ef;display:flex;flex-direction:column;gap:12px}.stats-grid small{font-size:9px;letter-spacing:.08em;color:#666}.stats-grid strong{font-size:27px}.staff-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 40px}.staff-title{font-family:var(--display);font-size:30px;font-weight:400}.table-wrap{overflow-x:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);font-size:10px;vertical-align:top}th{background:#f4f3f0;font-size:9px;letter-spacing:.07em}td small{display:block;color:#777;margin-top:5px;max-width:210px;line-height:1.5}.status-pill{display:inline-block;background:#f1f0ed;padding:6px 8px;font-size:9px}.status-form{display:flex;gap:5px}.status-form select{max-width:110px;font-size:10px;padding:6px;border:1px solid var(--line)}.mini-btn{border:0;background:#111;color:#fff;padding:8px;font-size:9px;font-weight:700;cursor:pointer}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.filters a{border:1px solid var(--line);padding:8px 10px;font-size:9px;font-weight:700}
@media(max-width:700px){.announcement{font-size:8px;height:25px}.header{height:59px;padding:0 16px}.logo{font-size:29px}.desktop-nav{display:none}.header-actions a{font-size:9px}.hero{margin:0;min-height:510px;height:70svh;max-height:680px}.hero-bg{background-position:59% center}.hero-copy{padding:30px 7%;max-width:330px}.hero h1{font-size:clamp(68px,17vw,100px)}.hero-copy>p:not(.kicker){font-size:10px}.section{padding:42px 16px}.section-head{margin-bottom:17px}.section-head h2{font-size:34px}.category-grid{gap:8px}.category-visual{aspect-ratio:1/1.15}.category-visual span{font-size:22px}.category-tile>strong{font-size:8px;letter-spacing:0}.category-tile>strong span{font-size:14px}.product-section{padding-top:8px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.product-info a{font-size:10px}.campaign{margin:0 0 32px;min-height:420px;background-position:58% center}.campaign-text{padding:28px 7%;max-width:300px}.campaign h2{font-size:53px}.benefits{grid-template-columns:repeat(2,1fr);gap:22px 0;padding:20px 10px}.benefits>div{min-height:60px}.benefits>div:nth-child(2){border:0}.benefits strong,.benefits small{font-size:8px}.footer{padding:32px 17px 15px}.footer-top{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-top>div:first-child{grid-column:1/-1}.footer-logo{font-size:34px}.footer-bottom{font-size:7px}.product-detail{padding:0 16px 50px;grid-template-columns:1fr;gap:24px}.detail-image{max-height:none;aspect-ratio:1/1}.detail-copy h1{font-size:48px}.variant-form{grid-template-columns:18px 1fr 48px;gap:8px}.variant-form .btn{grid-column:1/-1;width:100%}.breadcrumbs{padding:18px 16px;font-size:8px}.collection-head{padding:40px 16px 10px}.collection-head h1,.form-page h1,.staff-page h1{font-size:49px}.collection-section{padding-top:12px}.form-page{padding:40px 16px 60px}.cart-line{grid-template-columns:72px 1fr auto;gap:10px}.cart-thumb{width:72px;height:80px}.checkout-grid{grid-template-columns:1fr;gap:25px}.order-summary{grid-row:1}.stats-grid{grid-template-columns:repeat(2,1fr)}.staff-page{padding:35px 16px 60px}.staff-head{align-items:flex-start}.staff-head .btn{font-size:8px;padding:0 9px}.staff-actions .btn{flex:1}.staff-actions{gap:8px}.filters{gap:5px}.filters a{font-size:8px;padding:7px}.success-page{text-align:left}.success-page .success-icon{margin-left:0}.success-card p,.tracking-result p{font-size:11px}}

/* Navigation, search, accessibility and responsive polish */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.menu-btn{width:30px;height:34px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:4px 3px}
.menu-btn span{height:1.5px;width:21px;background:#111;display:block;transition:transform .2s}
.nav-caret{font-size:14px;margin-left:2px}
.header-actions{display:flex;align-items:center;gap:20px}
.header-search{display:flex;align-items:center;border-bottom:1px solid #d8d6d1;max-width:125px}
.header-search input{width:86px;border:0;background:transparent;padding:7px 0;font-size:10px;outline:none}
.header-search button{border:0;background:transparent;font-size:19px;padding:2px 0 2px 6px;cursor:pointer}
.bag-link{white-space:nowrap}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.drawer-head .logo{font-size:30px}
.drawer .close-drawer{padding:0 4px}
.drawer-search{display:flex;border:1px solid #d8d6d1;margin:7px 0 10px}
.drawer-search input{min-width:0;flex:1;border:0;padding:12px;font-size:12px;outline:none}
.drawer-search button{border:0;background:#111;color:#fff;padding:0 10px;font-size:9px;font-weight:800;letter-spacing:.06em}
.drawer-subnav{display:flex;gap:22px;padding:0 0 8px 14px;border-bottom:1px solid var(--line)}
.drawer-subnav a{padding:8px 0;border:0;color:#666;font-size:12px}
.drawer-open{overflow:hidden}
.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;font-size:9px;font-weight:700;letter-spacing:.08em;color:#777}
.sort-form{display:flex;align-items:center;gap:8px}
.sort-form label{font-size:9px;letter-spacing:.06em}
.sort-form select{border:1px solid var(--line);background:white;padding:9px 10px;font-size:11px;color:#111;max-width:170px}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:16px;border-top:1px solid var(--line);font-size:10px;font-weight:700;letter-spacing:.05em}
.pagination span{color:#777}
.search-head{padding-bottom:30px}
.large-search{display:flex;max-width:720px;border-bottom:1px solid #111;margin:24px 0 14px}
.large-search input{flex:1;min-width:0;border:0;background:transparent;padding:15px 0;font-size:clamp(15px,2vw,22px);outline:none}
.large-search button{border:0;background:transparent;font-size:10px;font-weight:800;letter-spacing:.08em;cursor:pointer}
.info-page{max-width:820px}
.info-intro{font-size:17px!important;color:#111!important;margin:20px 0}
.info-copy{max-width:680px;margin:30px 0 35px}
.info-copy p{font-size:13px;line-height:1.9;color:#555;margin:0 0 18px}
.footer-blurb{max-width:230px;line-height:1.7}
.footer-admin{min-width:100px}
.product-card img{transition:transform .45s ease}
.product-card:hover .product-img img{transform:scale(1.035)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #777;outline-offset:3px}
button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.desktop-nav{gap:14px;margin-right:18px}.desktop-nav a{font-size:9px}.header-actions{gap:12px}.header-search{max-width:95px}.header-search input{width:60px}}
@media(max-width:700px){.header{gap:10px}.header-actions{gap:10px}.header-search{max-width:34px;border-bottom:0}.header-search input{width:1px;opacity:0;padding:0;position:absolute;pointer-events:none}.header-search button{font-size:22px;padding:4px}.bag-link span{font-size:9px}.collection-toolbar{align-items:flex-start;flex-direction:column}.sort-form{width:100%;justify-content:space-between}.sort-form select{flex:1;max-width:220px}.large-search input{font-size:16px}.footer-top{grid-template-columns:1fr 1fr}.footer-admin{grid-column:1/-1}.footer-bottom{gap:10px;flex-wrap:wrap}.header-search:focus-within{position:absolute;left:12px;right:12px;max-width:none;background:#fff;border:1px solid #ddd;z-index:25;padding:0 10px}.header-search:focus-within input{position:static;width:auto;opacity:1;pointer-events:auto;flex:1;padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown>a{display:flex;align-items:center;gap:3px}
.nav-dropdown-menu{position:absolute;left:-14px;top:100%;min-width:150px;background:#fff;border:1px solid var(--line);padding:8px;display:none;box-shadow:0 14px 35px #0000000d}
.nav-dropdown-menu a{display:block;padding:12px 10px;font-size:10px!important;letter-spacing:.03em!important}
.nav-dropdown-menu a:hover{background:#f5f4f1}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
@media(max-width:700px){.nav-dropdown-menu{display:none}}

/* Purchase actions */
.variant-form{grid-template-columns:20px minmax(80px,1fr) 55px auto auto}
.variant-form .buy-now{min-height:35px;padding:0 10px;font-size:8px;white-space:nowrap}
.payment-method-help{padding:12px;background:#f4f3f0}
.payment-method-help h3{margin:0 0 7px;font-size:11px;letter-spacing:.08em}
.payment-method-help p{margin:0}
@media(max-width:700px){.variant-form{grid-template-columns:18px minmax(0,1fr) 48px}.variant-form .btn{grid-column:1/-1;width:100%}}
/* Checkout payment options */
.payment-options ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.payment-options li{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:12px;background:#fff}
.payment-options li label{font-size:12px;letter-spacing:0;font-weight:600;cursor:pointer}
.payment-options li input{width:16px;min-height:0;height:16px;accent-color:#111}
.payment-accounts{background:#f4f3f0;padding:12px;font-size:12px;line-height:1.7}
.payment-accounts p{margin:4px 0}
#transaction-required-note{font-weight:400;color:#777;letter-spacing:0}


/* Refined checkout payment selection with clear touch targets and icons */
.payment-options{gap:10px}.payment-group-label{display:block;margin-bottom:2px}.payment-choice-list{display:grid;gap:10px}.payment-choice{display:grid;grid-template-columns:20px 46px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px;border:1px solid #dedcd7;background:#fff;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s;border-radius:3px}.payment-choice:hover{border-color:#999}.payment-choice.is-selected{border:1.5px solid #111;background:#faf9f7;box-shadow:0 0 0 1px #111}.payment-choice>input[type=radio]{width:17px;height:17px;min-height:0;margin:0;accent-color:#111;cursor:pointer}.payment-choice-icon{width:44px;height:44px;border-radius:3px;display:grid;place-items:center;background:#f0efec;color:#111}.payment-choice-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.payment-choice-icon.icon-bkash{background:#fce8f1;color:#c2185b}.payment-choice-icon.icon-nagad{background:#fff0e7;color:#e45c20}.payment-choice-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.payment-choice-copy strong{font-size:12px;line-height:1.35;letter-spacing:0}.payment-choice-copy small{font-size:10px;line-height:1.5;color:#777;font-weight:400}.payment-choice-check{width:17px;height:17px;border:1px solid #c9c7c1;border-radius:50%;position:relative}.payment-choice.is-selected .payment-choice-check{border-color:#111;background:#111}.payment-choice.is-selected .payment-choice-check:after{content:"";position:absolute;width:5px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);left:5px;top:2px}.payment-accounts{border:1px solid #e5e2dc;border-radius:3px}.footer-socials{display:flex;flex-direction:column;gap:11px;margin-top:22px}.footer-socials a{display:flex;align-items:center;gap:10px!important;width:max-content;max-width:100%;color:#c8c8c8!important;font-size:11px!important;transition:color .15s}.footer-socials a:hover{color:#fff!important}.footer-socials svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-socials a:first-child svg path{fill:currentColor;stroke:none}.footer-socials a span{overflow-wrap:anywhere}.footer-socials .social-dot{fill:currentColor;stroke:none}
@media(max-width:700px){.payment-choice{grid-template-columns:18px 40px minmax(0,1fr) 17px;gap:10px;padding:12px}.payment-choice-icon{width:39px;height:39px}.payment-choice-copy strong{font-size:11px}.payment-choice-copy small{font-size:9px}.footer-socials{gap:12px}.footer-socials a{font-size:10px!important}}

/* Product gallery and colour-image options */
.product-gallery{min-width:0}.product-gallery .detail-image{overflow:hidden}.product-gallery-thumbs{display:flex;gap:9px;flex-wrap:wrap;padding-top:12px}.gallery-thumb{width:66px;height:72px;padding:0;border:1px solid var(--line);background:#f2f1ee;cursor:pointer;overflow:hidden}.gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}.gallery-thumb.is-active{border:2px solid #111}.variant-photo{width:38px;height:42px;padding:0;border:1px solid var(--line);background:#f2f1ee;cursor:pointer;overflow:hidden}.variant-photo img{width:100%;height:100%;display:block;object-fit:cover}.variant-form{grid-template-columns:42px minmax(80px,1fr) 55px minmax(120px,auto)}.variant-actions{display:flex;gap:6px;flex-wrap:wrap}.variant-actions .btn{white-space:nowrap}.cart-line-end{display:flex;align-items:flex-start;gap:12px}.remove-item{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ddd;background:#fff;color:#111;font-size:23px;line-height:1;cursor:pointer;border-radius:50%;transition:background .15s,color .15s,border-color .15s}.remove-item:hover{background:#111;color:#fff;border-color:#111}
@media(max-width:700px){.product-detail{grid-template-columns:1fr;gap:24px}.detail-image{max-height:none}.variant-form{grid-template-columns:38px minmax(70px,1fr) 48px;gap:8px}.variant-form .variant-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.variant-actions .btn{justify-content:center;padding:0 8px}.cart-line{grid-template-columns:72px minmax(0,1fr) auto;gap:10px}.cart-thumb{width:72px;height:80px}.cart-line-end{flex-direction:column;align-items:flex-end;gap:8px}.gallery-thumb{width:58px;height:64px}}
.variant-choice{min-width:0}.variant-size-label{display:block;margin-top:7px;font-size:10px;color:#555}.variant-size-select{display:block;width:100%;max-width:220px;margin-top:5px;padding:8px;border:1px solid var(--line);background:#fff;font-size:11px}.variant-form .variant-stock{display:block}.variant-add-button:disabled,.variant-buy-button:disabled{opacity:.45;cursor:not-allowed}

/* STYLEEY visual refresh: refined typography, SVG icons and polished interactions */
:root{--ink:#111;--paper:#f4f3f0;--line:#e8e6e1;--muted:#777;--accent:#888888;--display:'Bebas Neue',Impact,sans-serif;--body:'Inter',Arial,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:76px}
::selection{background:#888888;color:#111}
.announcement{height:30px;background:#101010;font-size:9px;letter-spacing:.16em}
.header{height:76px;padding:0 clamp(18px,5.5%,84px);box-shadow:0 4px 22px #00000005;gap:20px;backdrop-filter:blur(14px)}
.logo{font-size:38px;letter-spacing:-.055em;transition:opacity .2s}.logo:hover{opacity:.76}
.menu-btn{width:40px;height:40px;display:grid;align-content:center;justify-items:center;gap:5px;border-radius:50%;transition:background .2s}.menu-btn:hover{background:#f3f1ed}.menu-btn span{height:1.5px;width:20px;background:#111;display:block;transition:width .2s,transform .2s}.menu-btn span:nth-child(2){width:14px;margin-left:-6px}.menu-btn:hover span:nth-child(2){width:20px;margin-left:0}
.desktop-nav{gap:clamp(12px,1.7vw,25px);margin-right:18px}.desktop-nav a{position:relative;font-size:9px;letter-spacing:.12em;padding:9px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--accent);transition:right .22s}.desktop-nav a:hover:after{right:0}
.header-actions{display:flex;align-items:center;gap:18px}.header-search{height:38px;display:flex;align-items:center;border-bottom:1px solid #dedbd4;transition:border-color .2s}.header-search:focus-within{border-color:#111}.header-search input{width:112px;border:0;background:transparent;outline:0;font-size:11px;padding:7px 3px}.icon-button{border:0;background:transparent;padding:6px;display:grid;place-items:center;cursor:pointer}.icon-button svg,.bag-link svg,.close-drawer svg,.drawer-search button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.bag-link{display:flex;align-items:center;gap:8px!important}.bag-link svg{width:21px;height:21px}.bag-link span{display:flex;align-items:center;gap:5px}.bag-link b{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:#111;color:#fff;font-size:9px;font-weight:600}
.drawer{padding:24px clamp(22px,4vw,36px);box-shadow:20px 0 70px #0000001c}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-head .logo{margin-right:auto}.close-drawer{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .2s}.close-drawer:hover{background:#111;color:#fff}.close-drawer svg{width:18px;height:18px}.drawer-search{display:flex;gap:8px;margin-bottom:16px;border:1px solid var(--line);padding:5px 7px 5px 12px}.drawer-search input{min-width:0;flex:1;border:0;outline:0;font-size:12px}.drawer-search button{display:flex;align-items:center;gap:6px;border:0;background:#111;color:#fff;padding:10px;font-size:9px;font-weight:800;letter-spacing:.08em}.drawer>a{align-items:center;justify-content:flex-start;gap:12px;padding:15px 0;font-size:12px;letter-spacing:.06em;border-color:#eeece8}.drawer-link-icon{width:28px;height:28px;display:grid;place-items:center;background:#f4f2ee;border-radius:50%;flex:0 0 28px}.drawer-link-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.drawer-arrow{margin-left:auto;color:#8d877d;transition:transform .2s}.drawer>a:hover .drawer-arrow{transform:translate(3px,-3px);color:#111}.drawer>a:hover{color:#777777}.drawer p{font-size:24px;letter-spacing:.08em;color:#777}
.btn{min-height:48px;padding:0 20px;letter-spacing:.12em;transition:transform .2s,background .2s,color .2s,border-color .2s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.dark-btn{background:#111;color:#fff}.dark-btn:hover{background:#888888;color:#111}.light:hover{background:#888888}.outline:hover{background:#fff;color:#111;border-color:#fff}.outline-dark:hover{background:#111;color:#fff}
.hero{margin:10px 12px 0;border-radius:2px;min-height:560px}.hero-bg{background-image:linear-gradient(90deg,#070707d9 0%,#08080885 43%,#00000012 100%),url('https://images.unsplash.com/photo-1523398002811-999ca8dec234?auto=format&fit=crop&w=2000&q=85');transform:scale(1.001);transition:transform 1.2s}.hero:hover .hero-bg{transform:scale(1.025)}.hero-copy{padding-left:clamp(28px,7%,100px)}.kicker{font-size:9px;letter-spacing:.23em}.hero h1{letter-spacing:.025em;text-shadow:0 2px 30px #0002}.hero-copy>p:not(.kicker){letter-spacing:.18em}.hero-count{left:clamp(28px,7%,100px);letter-spacing:.14em}.hero-count i{width:42px;background:#ffffffa3}
.section{padding:70px 5.5%}.section-head{margin-bottom:27px}.section-head h2{letter-spacing:.025em}.arrow-link{display:inline-flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #888888;transition:gap .2s}.arrow-link:hover{gap:13px}.category-grid{gap:16px}.category-visual{position:relative;background:linear-gradient(145deg,#f0efeb,#d7d4cd);transition:background .25s}.category-visual:after{content:"";position:absolute;inset:0;border:1px solid #ffffff4d;pointer-events:none}.category-tile{overflow:hidden}.category-tile .category-visual img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s}.category-tile:hover .category-visual img{transform:scale(1.045);filter:brightness(.94)}.category-tile>strong{font-size:10px;letter-spacing:.12em}.category-tile>strong span{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .2s,color .2s,transform .2s}.category-tile:hover>strong span{background:#111;color:#fff;transform:translateX(2px)}
.products{gap:30px 16px}.product-card{position:relative}.product-img{background:#f4f3f0;isolation:isolate}.product-img:after{content:"";position:absolute;inset:0;border:1px solid #00000005;pointer-events:none}.product-img img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-img img{transform:scale(1.035)}.tag{left:10px;top:10px;padding:7px 9px;letter-spacing:.12em;font-size:8px;box-shadow:0 2px 12px #00000008}.product-info{gap:7px}.product-info a{font-size:11px;transition:color .18s}.product-info a:hover{color:#777777}.product-info strong{font-size:13px;letter-spacing:.015em}.product-desc{margin-top:0}.campaign{margin:0 12px 56px;border-radius:2px;min-height:430px}.campaign h2{letter-spacing:.025em}.benefits{padding:32px 5.5%;background:#fbfaf8}.benefits>div{gap:8px;padding:0 10px}.benefits b{width:46px;height:46px;border:1px solid #e5e0d6;border-radius:50%;display:grid;place-items:center;color:#777777;margin-bottom:4px}.benefits b svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.benefits strong{font-size:9px;letter-spacing:.11em}.benefits small{font-size:10px;color:#817e77}
.footer{padding-top:52px}.footer h4{color:#888888}.footer-top>div a:not(.logo){transition:color .18s,transform .18s}.footer-top>div a:not(.logo):hover{color:#fff;transform:translateX(2px)}.footer-bottom{letter-spacing:.12em}
.product-detail{padding-top:24px}.detail-image{background:#f4f3f0}.detail-copy h1{letter-spacing:.02em}.variant-form{border-radius:2px;transition:border-color .2s,box-shadow .2s}.variant-form:hover{border-color:#888888;box-shadow:0 4px 18px #00000006}.shipping-note{border-left:2px solid #888888}
.form-page{padding-top:62px}.cart-line{align-items:center}.cart-thumb{background:#f4f3f0;overflow:hidden}.cart-thumb img{transition:transform .3s}.cart-line:hover .cart-thumb img{transform:scale(1.04)}.remove-item{font-size:0}.remove-item:before,.remove-item:after{content:"";position:absolute;width:11px;height:1.5px;background:currentColor;transform:rotate(45deg)}.remove-item:after{transform:rotate(-45deg)}.remove-item{position:relative;flex:0 0 30px}.remove-item:hover{background:#111;color:#fff}
input,textarea,select{accent-color:#111}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #888888;outline-offset:3px}
@media(max-width:1000px){.header{padding:0 22px;gap:12px}.desktop-nav{gap:13px;margin-right:10px}.desktop-nav a{font-size:8px}.header-search input{width:78px}.section{padding:54px 4.5%}.products{gap:25px 12px}}
@media(max-width:700px){.announcement{height:28px;font-size:8px;letter-spacing:.1em}.header{height:64px;padding:0 15px;gap:8px}.logo{font-size:33px}.header-search{border:0;height:36px}.header-search input{display:none}.header-actions{gap:8px}.icon-button{padding:5px}.bag-link{gap:5px!important}.bag-link span{font-size:9px}.bag-link svg{width:20px;height:20px}.desktop-nav{display:none}.hero{margin:7px 7px 0;min-height:530px;height:72vh;max-height:690px}.hero-bg{background-position:58% center}.hero-copy{padding:30px 23px}.hero h1{font-size:clamp(68px,17vw,102px)}.hero-count{left:23px;bottom:17px}.section{padding:48px 17px}.section-head{align-items:flex-end}.section-head h2{font-size:34px}.kicker{font-size:8px}.category-grid{gap:10px}.category-visual{aspect-ratio:1/1.18}.category-tile>strong{font-size:9px;padding:10px 0}.category-tile>strong span{width:24px;height:24px;font-size:14px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 11px}.product-info a{font-size:11px}.product-desc{font-size:9px}.campaign{margin:0 7px 35px;min-height:370px;background-position:58% center}.campaign-text{padding:27px 23px}.campaign h2{font-size:56px}.benefits{grid-template-columns:repeat(2,1fr);gap:23px 0;padding:27px 12px}.benefits>div{border-right:0}.benefits>div:nth-child(odd){border-right:1px solid var(--line)}.benefits>div:nth-child(n+3){padding-top:15px;border-top:1px solid var(--line)}.benefits b{width:42px;height:42px}.footer{padding:37px 20px 16px}.footer-top{grid-template-columns:1fr 1fr;gap:27px 18px}.footer-brand{grid-column:1/-1}.footer-admin{grid-column:1/-1}.footer-bottom{gap:12px;flex-wrap:wrap;font-size:8px}.detail-copy h1{font-size:48px}.form-page{padding:43px 17px 65px}.cart-line{grid-template-columns:65px minmax(0,1fr) auto;gap:10px}.cart-thumb{width:65px;height:74px}.cart-line-info strong,.cart-line-info span{font-size:10px}.cart-total{max-width:none}.drawer{width:min(90vw,390px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Category navigation and icon tiles */
.nav-category{position:relative;display:flex;align-items:center}.nav-category>a{display:flex;align-items:center;gap:5px}.nav-chevron{font-size:14px;line-height:1}.nav-submenu{display:none;position:absolute;z-index:30;top:100%;left:-12px;min-width:190px;padding:9px;background:#fff;color:#111;border:1px solid #e7e5e0;box-shadow:0 14px 35px #00000012}.nav-submenu a{display:block;padding:11px 12px;font-size:10px;letter-spacing:.04em;white-space:nowrap}.nav-submenu a:hover{background:#f4f3f0}.nav-category:hover .nav-submenu,.nav-category:focus-within .nav-submenu{display:block}.category-icon{display:grid;place-items:center;width:100%;height:100%;min-height:100px;background:linear-gradient(145deg,#f0efeb,#d9d7d1)}.category-icon svg{width:46%;max-width:110px;fill:none;stroke:#222;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}.category-tile:hover .category-icon svg{transform:translateY(-4px) scale(1.04)}.drawer-subcategory{padding-left:58px!important;font-size:11px!important;color:#777!important;border-top:0!important}.footer-subcategory{padding-left:10px;font-size:10px!important;color:#888!important}.drawer .drawer-subcategory .drawer-arrow{font-size:14px}@media(max-width:900px){.desktop-nav .nav-category:nth-of-type(n+4){display:none}}@media(prefers-reduced-motion:reduce){.category-icon svg{transition:none}}

/* Product gallery slider and explicit size selection */
.product-gallery .detail-image{position:relative}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid #ffffffb0;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;cursor:pointer;z-index:2;transition:background .2s,transform .2s}
.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}
.gallery-arrow svg{width:19px;height:19px;fill:none;stroke:#111;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gallery-prev{left:12px}.gallery-next{right:12px}
.gallery-count{position:absolute;right:12px;bottom:12px;padding:7px 10px;background:#111d;color:#fff;font-size:10px;letter-spacing:.08em}
.product-purchase{margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}
.product-purchase h3{font-size:10px;letter-spacing:.14em;margin:0 0 13px}
.product-purchase-form{display:grid;grid-template-columns:1fr 90px;gap:8px 12px;align-items:center}
.size-label,.quantity-label{font-size:10px;font-weight:700;letter-spacing:.05em}
.product-size-select{grid-column:1/-1;width:100%;min-height:48px;padding:0 13px;border:1px solid #ccc;background:#fff;color:#111;font-size:12px}
.size-validation{grid-column:1/-1;margin:0;color:#9b2c2c;font-size:11px;line-height:1.5}
.size-validation.is-valid{color:#25633b}
.product-quantity{width:90px;min-height:42px;border:1px solid var(--line);padding:9px}
.product-purchase-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}
.product-purchase-actions button:disabled{opacity:.42;cursor:not-allowed}
.product-purchase-actions .btn{justify-content:center;min-height:48px}
.related-choose-link{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding:10px;border:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.04em}
.related-choose-link:hover{background:#111;color:#fff;border-color:#111}
@media(max-width:700px){.product-purchase-form{grid-template-columns:1fr 76px}.product-purchase-actions{grid-template-columns:1fr}.product-quantity{width:76px}.gallery-arrow{width:36px;height:36px}.related-choose-link{font-size:8px}}

.related-quick-add{display:grid;gap:7px;margin-top:6px}.related-size-select{width:100%;min-height:36px;border:1px solid var(--line);padding:0 8px;background:#fff;font-size:10px}.related-quick-add .related-choose-link{width:100%;background:#111;color:#fff;justify-content:space-between;cursor:pointer}.related-quick-add .related-choose-link:disabled{opacity:.4;cursor:not-allowed}.related-size-note{font-size:9px;color:#777}.related-quick-add .related-size-note{min-height:11px}


/* Clean category-first live search suggestions */
.header-search{position:relative;z-index:40}
.search-suggestions{position:absolute;top:calc(100% + 13px);right:-8px;width:min(390px,calc(100vw - 24px));max-height:min(72vh,590px);overflow:auto;background:#fff;color:#171717;border:1px solid #e9e6df;border-radius:13px;box-shadow:0 22px 65px #17171720;padding:9px;z-index:100}
.search-suggestions[hidden]{display:none}
.suggestion-section+.suggestion-section{border-top:1px solid #eeece7;margin-top:7px;padding-top:7px}
.suggestion-heading{padding:9px 10px 7px;color:#8b857a;font-size:9px;font-weight:800;letter-spacing:.16em}
.suggestion-category{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;text-decoration:none;color:#222;font-size:12px;font-weight:600;transition:background .16s}
.suggestion-category:hover,.suggestion-product:hover{background:#f7f5f1}
.suggestion-mini-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#f1efe9;font-size:18px;font-weight:400}
.suggestion-arrow{margin-left:auto;color:#9a9388;font-size:15px;flex:0 0 auto}
.suggestion-product{display:flex;align-items:center;gap:11px;padding:8px;border-radius:9px;text-decoration:none;color:#171717;min-width:0;transition:background .16s}
.suggestion-product img,.suggestion-image-placeholder{width:48px;height:56px;flex:0 0 48px;object-fit:cover;border-radius:6px;background:#f2f0ec}
.suggestion-image-placeholder{display:grid;place-items:center;font-size:20px;font-weight:800;color:#aaa}
.suggestion-product-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.suggestion-product-name{font-size:12px;line-height:1.4;font-weight:650;white-space:normal;overflow-wrap:anywhere}
.suggestion-product-price{font-size:11px;color:#777}
.suggestion-view-all{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:7px;padding:13px 11px;border:0;border-top:1px solid #eeece7;background:#fff;font-size:9px;letter-spacing:.13em;font-weight:800;cursor:pointer}
.suggestion-view-all:hover{color:#777777}
.suggestion-empty{padding:22px 12px;font-size:12px;color:#777;line-height:1.5}
@media(max-width:700px){.header-search:focus-within .search-suggestions{position:fixed;top:calc(28px + 64px + 8px);left:12px;right:12px;width:auto;max-height:65vh}.search-suggestions{right:-5px}}

/* STYLEEY refined navigation, search, category pages and product-first homepage */
.desktop-nav{gap:clamp(10px,1.25vw,19px);align-items:center;flex-wrap:nowrap}
.desktop-nav a{white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.nav-chevron{font-size:9px;color:#777}
.nav-slogan{font-size:9px;font-weight:800;letter-spacing:.07em;white-space:nowrap;padding-left:12px;border-left:1px solid var(--line);color:#4c4a45}
.track-order-link{padding:10px 11px;border:1px solid #dedbd4;border-radius:3px;gap:8px!important}
.track-order-link:hover{background:#111;color:#fff;border-color:#111}
.menu-btn{display:grid;place-items:center;width:34px;height:38px;padding:0;color:#111}
.menu-btn i{font-size:18px}
.icon-button{display:grid;place-items:center}
.icon-button i,.bag-link>i{font-size:15px}
.bag-link{display:flex;align-items:center;gap:8px}
.drawer-slogan{padding:19px 0 16px;margin-top:6px;font-family:var(--display);font-size:23px;letter-spacing:.035em;border-bottom:1px solid var(--line)}
.drawer p{display:none}
.drawer-link-icon i{font-size:15px;width:20px;text-align:center}
.drawer-arrow i{font-size:10px}
.header-search:focus-within input{border-color:#999}
.search-suggestions{border-radius:5px;box-shadow:0 22px 65px #17171720}
.suggestion-mini-icon{font-size:12px}
.suggestion-arrow{font-size:10px}
.suggestion-view-all i{font-size:12px}
.suggestion-image-placeholder{color:#9d998f}
.nav-submenu{border-radius:3px;box-shadow:0 16px 38px #00000018}
.nav-submenu a{display:flex;align-items:center;justify-content:space-between;gap:14px}
.nav-submenu a:hover{color:#777777}
.home-pinned{padding-bottom:30px}
.home-arrivals{padding-top:30px}
.home-pinned .tag i{font-size:9px;margin-right:4px}
.collection-subcategories{margin:0 0 34px}
.subcategory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.subcategory-card{min-height:78px;padding:15px 14px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;transition:background .2s,border-color .2s,transform .2s;min-width:0}
.subcategory-card:hover{background:#f7f6f3;border-color:#c9c4b8;transform:translateY(-2px)}
.subcategory-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;background:#f1f0ec;border-radius:50%;font-size:13px}
.subcategory-card>span:nth-child(2){font-size:11px;font-weight:700;line-height:1.4;flex:1;min-width:0}
.subcategory-arrow{font-size:10px;color:#888}
.collection-subcategories .section-head{margin-bottom:15px}
.benefits b{display:grid;place-items:center}
.benefits b i{font-size:19px}
.footer-socials svg{display:none}
.footer-socials a:before{font-family:"Font Awesome 6 Brands";font-weight:400;font-size:15px}
.footer-socials a[aria-label*="Facebook"]:before{content:"\f39e"}
.footer-socials a[aria-label*="Instagram"]:before{content:"\f16d"}
.footer-socials a[aria-label*="Email"]:before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f0e0"}
@media(max-width:1200px){.desktop-nav{gap:10px;margin-right:14px}.desktop-nav a{font-size:9px}.nav-slogan{font-size:8px;padding-left:8px}.track-order-link{padding:8px}}
@media(max-width:1020px){.desktop-nav{display:none}.header{gap:14px}.header-actions{margin-left:auto}.subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.subcategory-card{padding:12px 10px;min-height:68px;gap:9px}.subcategory-icon{width:31px;height:31px;flex-basis:31px}.collection-subcategories{margin-bottom:26px}.home-pinned{padding-bottom:20px}.home-arrivals{padding-top:20px}.drawer-slogan{font-size:21px}.header-actions{gap:14px}}
.drawer-search{position:relative}
.drawer-search-suggestions{top:calc(100% + 6px);left:0;right:0;width:100%;max-height:45vh;z-index:100}
.drawer-search-suggestions .suggestion-product img,.drawer-search-suggestions .suggestion-image-placeholder{width:42px;height:48px;flex-basis:42px}
.drawer-search button i{font-size:12px}


/* Mobile drawer: main categories only, expandable subcategories, and full-height scrolling */
.drawer{
  height:100dvh;
  max-height:100dvh;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:22px 20px calc(24px + env(safe-area-inset-bottom));
  scrollbar-width:thin;
  scrollbar-color:#c9c9c9 transparent;
}
.drawer-head{position:sticky;top:-22px;z-index:3;background:#fff;padding:0 0 12px;flex-shrink:0}
.drawer-search{position:relative;flex-shrink:0;margin-bottom:10px}
.drawer-category-list{width:100%;flex-shrink:0}
.drawer-category-group{border-bottom:1px solid var(--line)}
.drawer-category-toggle,.drawer-category-link{
  width:100%;min-height:48px;padding:13px 2px!important;
  border:0!important;border-bottom:0!important;background:#fff;color:var(--ink);
  display:flex;align-items:center;gap:12px;justify-content:flex-start;
  text-align:left;font-size:11px;font-weight:700;letter-spacing:.045em;cursor:pointer;
}
.drawer-category-link{border-bottom:1px solid var(--line)!important}
.drawer-category-name{flex:1}
.drawer-link-icon{width:18px;min-width:18px;display:inline-flex;align-items:center;justify-content:center;color:#555;font-size:15px}
.drawer-category-toggle-icon{width:24px;height:24px;display:grid;place-items:center;border:1px solid #e7e7e7;border-radius:50%;font-size:11px;transition:transform .18s,background .18s,color .18s}
.drawer-category-toggle[aria-expanded="true"] .drawer-category-toggle-icon{background:#111;color:#fff;border-color:#111}
.drawer-subcategory-list{padding:0 0 10px 30px}
.drawer-subcategory-list[hidden]{display:none}
.drawer-subcategory-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px!important;border:0!important;font-size:12px!important;font-weight:500!important;color:#555}
.drawer-subcategory-list .drawer-shop-all{font-size:10px!important;letter-spacing:.07em;font-weight:800!important;color:#111;border-bottom:1px solid var(--line)!important;margin-bottom:3px}
.drawer-subcategory-list .drawer-shop-all i,.drawer-subcategory-list .drawer-subcategory i{font-size:10px;color:#888}
.drawer-slogan{padding:22px 0 16px;margin-top:4px;border-top:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.08em;text-align:left;flex-shrink:0}
.drawer-track-order{flex-shrink:0;margin-bottom:10px}
.drawer>p{margin:22px 0 0;padding:16px 0 4px;border-top:1px solid var(--line);font-size:19px;flex-shrink:0}
.drawer a:focus-visible,.drawer button:focus-visible{outline:2px solid #111;outline-offset:3px}
@media(min-width:701px){.drawer{width:min(88vw,390px)}}

/* Category-specific Font Awesome icons: consistent, crisp menu alignment */
.drawer-link-icon{width:30px;min-width:30px;height:30px;border-radius:8px;background:#f4f3f0;color:#222;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px}
.drawer-link-icon i{font-size:15px;line-height:1}
.drawer-category-toggle,.drawer-category-link{min-height:52px;padding:10px 2px!important;gap:13px;font-size:11px;letter-spacing:.06em}
.drawer-category-toggle-icon{flex:0 0 25px}
.drawer-subcategory-list{padding-left:43px}
.drawer-subcategory-list a{min-height:42px}
@media(max-width:700px){.category-grid,.home-category-section,.home-categories{display:none!important}.section:has(.category-grid){display:none!important}}

/* Keep the footer tidy: category hierarchy belongs in the navigation menu, not a long footer list. */
.footer-shop-links a i{font-size:10px;margin-left:5px;color:#888888}


/* Search overlay: category-first live search, inspired by the supplied reference */
.search-open-button{width:36px;height:38px;flex:0 0 36px;font-size:17px}
.search-overlay{position:fixed;inset:0;z-index:3000;display:none;align-items:flex-start;justify-content:center;padding:clamp(16px,7vh,70px) 16px 24px}
.search-overlay.is-open{display:flex}
.search-overlay-backdrop{position:absolute;inset:0;border:0;background:rgba(18,18,18,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:default}
.search-overlay-panel{position:relative;z-index:1;width:min(640px,100%);max-height:min(78vh,720px);background:#fff;border:1px solid #e7e3dc;border-radius:14px;box-shadow:0 25px 90px rgba(0,0,0,.22);padding:12px;overflow:hidden;animation:searchPanelIn .18s ease-out}
.search-modal-form{position:relative}
.search-modal-input-wrap{display:flex;align-items:center;gap:4px;border:1.5px solid #171717;border-radius:8px;padding:4px 7px 4px 12px;min-height:48px;transition:border-color .15s,box-shadow .15s}
.search-modal-input-wrap:focus-within{border-color:#888888;box-shadow:0 0 0 2px rgba(128,128,128,.12)}
.search-modal-input-wrap input{flex:1;min-width:0;width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;padding:10px 0;font-size:15px;color:#171717}
.search-modal-input-wrap input::-webkit-search-cancel-button{-webkit-appearance:none}
.search-modal-submit,.search-modal-close{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:0;background:transparent;color:#333;border-radius:6px;cursor:pointer;font-size:15px}
.search-modal-submit:hover,.search-modal-close:hover{background:#f1efeb;color:#000}
.search-modal-suggestions{position:static!important;width:100%!important;max-height:calc(min(78vh,720px) - 82px);overflow-y:auto;border:0!important;border-radius:0!important;box-shadow:none!important;padding:7px 0 0!important;margin-top:7px}
.search-modal-suggestions .suggestion-heading{padding:10px 9px 7px;font-size:9px;letter-spacing:.15em}
.search-modal-suggestions .suggestion-category{padding:10px 9px;font-size:13px;text-decoration:underline;text-underline-offset:2px}
.search-modal-suggestions .suggestion-mini-icon{background:transparent;border-radius:0;width:24px;height:24px;font-size:15px}
.search-modal-suggestions .suggestion-product{padding:9px;border-radius:7px;text-decoration:underline;text-underline-offset:2px}
.search-modal-suggestions .suggestion-product img,.search-modal-suggestions .suggestion-image-placeholder{width:34px;height:40px;flex-basis:34px;border-radius:4px}
.search-modal-suggestions .suggestion-product-name{font-size:13px;font-weight:500}
.search-modal-suggestions .suggestion-product-price{display:block!important;font-size:12px;font-weight:500;color:#777;text-decoration:none;margin-top:3px}
.search-modal-suggestions .suggestion-arrow{display:none}
.search-modal-suggestions .suggestion-section+.suggestion-section{margin-top:7px;padding-top:6px}
.search-modal-suggestions .suggestion-view-all{padding:13px 9px}
body.search-open{overflow:hidden}
@keyframes searchPanelIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.search-overlay{padding:55px 9px 12px;align-items:flex-start}.search-overlay-panel{width:100%;max-height:calc(100dvh - 76px);border-radius:12px;padding:10px}.search-modal-suggestions{max-height:calc(100dvh - 155px)}.search-modal-input-wrap{min-height:45px}.search-modal-input-wrap input{font-size:14px}.search-modal-suggestions .suggestion-product img,.search-modal-suggestions .suggestion-image-placeholder{width:32px;height:38px;flex-basis:32px}}
@media(prefers-reduced-motion:reduce){.search-overlay-panel{animation:none}}

/* Browser brand slogan following the header action icons */
.header-brand-slogan{font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap;color:#222;margin-left:2px;padding-left:14px;border-left:1px solid var(--line)}
@media(max-width:1200px){.header-brand-slogan{display:none}}

/* Product gallery controls sit below the image: previous arrow, thumbnails, next arrow. */
.product-gallery .detail-image{position:relative;overflow:hidden}
.product-gallery .detail-image .gallery-arrow{display:none!important}
.product-gallery-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;padding-top:13px;min-width:0}
.product-gallery-controls .product-gallery-thumbs{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;min-width:0;max-width:calc(100% - 104px);overflow-x:auto;padding:0 2px 4px;scrollbar-width:thin}
.product-gallery-controls .gallery-arrow{position:static;transform:none;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;cursor:pointer;transition:background .18s,color .18s}
.product-gallery-controls .gallery-arrow:hover{background:#111;color:#fff;transform:none}
.product-gallery-controls .gallery-arrow i{font-size:12px}
.product-gallery-controls .gallery-thumb{flex:0 0 56px;width:56px;height:62px;border-radius:4px}
.product-gallery-controls .gallery-count{position:static;padding:0;background:transparent;color:var(--muted);font-size:10px;white-space:nowrap;flex:0 0 auto}
.quantity-stepper{grid-column:2;display:flex;align-items:stretch;width:100%;min-height:42px;border:1px solid var(--line);background:#fff}
.quantity-step{width:30px;flex:0 0 30px;border:0;background:#f7f6f3;color:#111;display:grid;place-items:center;cursor:pointer}
.quantity-step i{font-size:10px}
.quantity-step:disabled{opacity:.35;cursor:not-allowed}
.product-quantity{width:100%;min-width:0;min-height:40px;border:0!important;padding:8px 2px;text-align:center;appearance:textfield;-moz-appearance:textfield}
.product-quantity::-webkit-inner-spin-button,.product-quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.drawer-slogan{margin-top:auto!important;padding:22px 0 calc(16px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--line);font-family:var(--display);font-size:20px!important;letter-spacing:.045em;text-align:center!important;flex-shrink:0}
@media(max-width:700px){.product-gallery-controls{gap:7px}.product-gallery-controls .product-gallery-thumbs{gap:6px;max-width:calc(100% - 84px)}.product-gallery-controls .gallery-arrow{flex-basis:32px;width:32px;height:32px}.product-gallery-controls .gallery-thumb{flex-basis:48px;width:48px;height:54px}.product-gallery-controls .gallery-count{font-size:9px}.quantity-step{width:27px;flex-basis:27px}}
.product-gallery>.gallery-count{display:block;position:static;margin-top:7px;padding:0;background:transparent;color:var(--muted);font-size:10px;text-align:center;letter-spacing:.06em}


/* Final refinement: spacious thumbnail rail and premium quantity stepper. */
.product-gallery-controls{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px;width:100%;padding:14px 0 0}
.product-gallery-controls .product-gallery-thumbs{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding:3px 3px 6px;scrollbar-width:none}
.product-gallery-controls .product-gallery-thumbs::-webkit-scrollbar{display:none}
.product-gallery-controls .gallery-arrow{grid-row:1;position:static;transform:none;flex:0 0 38px;width:38px;height:38px;border:1px solid #dedbd5;border-radius:50%;background:#fff;color:#171717;box-shadow:0 2px 8px #00000008;display:grid;place-items:center}
.product-gallery-controls .gallery-prev{grid-column:1}
.product-gallery-controls .gallery-next{grid-column:3}
.product-gallery-controls .gallery-arrow:hover:not(:disabled){background:#111;color:#fff;border-color:#111}
.product-gallery-controls .gallery-arrow:disabled{opacity:.35;cursor:not-allowed}
.product-gallery-controls .gallery-arrow i{font-size:13px}
.product-gallery-controls .gallery-thumb{position:relative;flex:0 0 58px;width:58px;height:62px;border:1px solid #e6e3dd;border-radius:5px;background:#f7f6f3;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.product-gallery-controls .gallery-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.product-gallery-controls .gallery-thumb.is-active{border:2px solid #111;box-shadow:0 0 0 2px #ffffff,0 0 0 3px #111}
.product-gallery>.gallery-count{margin-top:7px;text-align:center;font-variant-numeric:tabular-nums}
.quantity-stepper{grid-column:2;display:grid;grid-template-columns:42px minmax(44px,1fr) 42px;align-items:stretch;width:100%;max-width:150px;min-height:46px;border:1px solid #dcd9d2;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 2px 7px #00000005;transition:border-color .18s,box-shadow .18s}
.quantity-stepper:focus-within{border-color:#111;box-shadow:0 0 0 3px #1111110d}
.quantity-step{width:100%;min-width:0;min-height:44px;border:0;background:#f7f6f3;color:#171717;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}
.quantity-step:hover:not(:disabled){background:#111;color:#fff}
.quantity-step i{font-size:11px}
.quantity-step:disabled{opacity:.32;cursor:not-allowed}
.product-quantity{width:100%;min-width:0;min-height:44px;border:0!important;border-left:1px solid #ece9e3!important;border-right:1px solid #ece9e3!important;border-radius:0!important;background:#fff!important;color:#111;text-align:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;padding:6px 2px;appearance:textfield;-moz-appearance:textfield;outline:none;box-shadow:none!important}
.product-quantity:disabled{background:#faf9f7!important;color:#8b8882;opacity:1;cursor:not-allowed}
.product-quantity::-webkit-inner-spin-button,.product-quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:700px){.product-gallery-controls{grid-template-columns:34px minmax(0,1fr) 34px;gap:7px;padding-top:12px}.product-gallery-controls .gallery-arrow{flex-basis:34px;width:34px;height:34px}.product-gallery-controls .product-gallery-thumbs{gap:7px}.product-gallery-controls .gallery-thumb{flex-basis:48px;width:48px;height:54px}.quantity-stepper{max-width:138px;grid-template-columns:38px minmax(40px,1fr) 38px;min-height:44px}.quantity-step{min-height:42px}.product-quantity{min-height:42px;font-size:14px}}

/* STYLEEY product page controls — final, authoritative layout rules */
.product-gallery .detail-image,
.product-gallery #productMainImage {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.product-gallery #mainProductPhoto {
  display: block;
  width: 100%;
  height: auto;
  max-height: 760px;
  object-fit: contain;
  object-position: center;
}
.product-gallery .product-gallery-controls {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(8px, 1.5vw, 16px) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 14px auto 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.product-gallery .product-gallery-controls .gallery-arrow {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  border: 1px solid #d8d5cf !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #171717 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  cursor: pointer;
}
.product-gallery .product-gallery-controls .gallery-arrow:hover:not(:disabled) {
  background: #171717 !important;
  color: #fff !important;
  border-color: #171717 !important;
}
.product-gallery .product-gallery-controls .gallery-arrow:disabled {
  opacity: .35;
  cursor: not-allowed;
}
.product-gallery .product-gallery-controls .product-gallery-thumbs {
  position: static !important;
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: auto !important;
  max-width: calc(100% - 100px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 3px 3px 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none;
}
.product-gallery .product-gallery-controls .product-gallery-thumbs::-webkit-scrollbar { display: none; }
.product-gallery .product-gallery-controls .gallery-thumb {
  position: relative !important;
  display: block !important;
  flex: 0 0 58px !important;
  width: 58px !important;
  height: 64px !important;
  min-width: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dedbd5 !important;
  border-radius: 4px !important;
  background: #f7f6f3 !important;
  overflow: hidden !important;
  cursor: pointer;
}
.product-gallery .product-gallery-controls .gallery-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.product-gallery .product-gallery-controls .gallery-thumb.is-active {
  border: 2px solid #171717 !important;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #171717 !important;
}
.product-gallery .gallery-count {
  position: static !important;
  display: block !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #77736c !important;
  text-align: center !important;
  font-size: 11px !important;
}
.product-purchase-form .quantity-stepper {
  display: grid !important;
  grid-template-columns: 42px minmax(48px, 1fr) 42px !important;
  align-items: stretch !important;
  width: 150px !important;
  max-width: 100% !important;
  min-height: 46px !important;
  margin: 8px 0 18px !important;
  padding: 0 !important;
  border: 1px solid #d8d5cf !important;
  border-radius: 9px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
}
.product-purchase-form .quantity-step {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f6f5f2 !important;
  color: #171717 !important;
  cursor: pointer;
}
.product-purchase-form .quantity-step:hover:not(:disabled) { background: #171717 !important; color: #fff !important; }
.product-purchase-form .quantity-step:disabled { opacity: .35 !important; cursor: not-allowed !important; }
.product-purchase-form .product-quantity {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-left: 1px solid #e6e3dd !important;
  border-right: 1px solid #e6e3dd !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: #fff !important;
  color: #171717 !important;
  text-align: center !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}
.product-purchase-form .product-quantity::-webkit-inner-spin-button,
.product-purchase-form .product-quantity::-webkit-outer-spin-button { margin: 0; appearance: none; -webkit-appearance: none; }
.product-purchase-form .product-quantity:disabled { opacity: .55 !important; background: #faf9f7 !important; }
@media (max-width: 600px) {
  .product-gallery .product-gallery-controls { gap: 7px !important; margin-top: 10px !important; }
  .product-gallery .product-gallery-controls .gallery-arrow { flex-basis: 34px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; }
  .product-gallery .product-gallery-controls .product-gallery-thumbs { gap: 6px !important; max-width: calc(100% - 82px) !important; }
  .product-gallery .product-gallery-controls .gallery-thumb { flex-basis: 48px !important; width: 48px !important; min-width: 48px !important; height: 54px !important; }
  .product-purchase-form .quantity-stepper { grid-template-columns: 40px minmax(44px, 1fr) 40px !important; width: 140px !important; }
}

/* Final mobile gallery arrangement: arrows on the main image; thumbnails then count below. */
.product-gallery .detail-image { position: relative !important; }
.product-gallery .detail-image .gallery-arrow {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.94) !important;
  color: #111 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
}
.product-gallery .detail-image .gallery-prev { left: 10px !important; right: auto !important; }
.product-gallery .detail-image .gallery-next { right: 10px !important; left: auto !important; }
.product-gallery .product-gallery-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 10px auto 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}
.product-gallery .product-gallery-controls .product-gallery-thumbs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  gap: 8px !important;
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
}
.product-gallery .gallery-count {
  display: block !important;
  position: static !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  color: #77736c !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  letter-spacing: .08em !important;
  font-variant-numeric: tabular-nums !important;
}
@media (max-width: 600px) {
  .product-gallery .detail-image .gallery-arrow { width: 34px !important; height: 34px !important; min-width: 34px !important; }
  .product-gallery .detail-image .gallery-prev { left: 7px !important; }
  .product-gallery .detail-image .gallery-next { right: 7px !important; }
  .product-gallery .product-gallery-controls .product-gallery-thumbs { gap: 7px !important; }
}


/* STYLEEY product gallery: navigation arrows flank the thumbnail row, with the counter beneath. */
.product-gallery .detail-image { position: relative !important; }
.product-gallery .detail-image .gallery-arrow { display: none !important; }
.product-gallery .product-gallery-controls {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px auto 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.product-gallery .product-gallery-controls > .gallery-arrow {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #171717 !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.12) !important;
  cursor: pointer !important;
  z-index: 1 !important;
}
.product-gallery .product-gallery-controls > .gallery-arrow:active { transform: scale(.96) !important; }
.product-gallery .product-gallery-controls .product-gallery-thumbs {
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: calc(100% - 116px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  gap: 8px !important;
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none !important;
}
.product-gallery .product-gallery-controls .product-gallery-thumbs::-webkit-scrollbar { display: none !important; }
.product-gallery .product-gallery-controls .gallery-thumb {
  flex: 0 0 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 64px !important;
  margin: 0 !important;
}
.product-gallery .gallery-count {
  display: block !important;
  position: static !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  color: #77736c !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  letter-spacing: .04em !important;
  font-variant-numeric: tabular-nums !important;
}
@media (max-width: 600px) {
  .product-gallery .product-gallery-controls { gap: 7px !important; margin-top: 9px !important; }
  .product-gallery .product-gallery-controls > .gallery-arrow { flex-basis: 32px !important; width: 32px !important; height: 32px !important; min-width: 32px !important; }
  .product-gallery .product-gallery-controls .product-gallery-thumbs { gap: 6px !important; max-width: calc(100% - 92px) !important; }
  .product-gallery .product-gallery-controls .gallery-thumb { flex-basis: 48px !important; width: 48px !important; min-width: 48px !important; height: 54px !important; }
}


/* Quantity control visibility fix: use text symbols, not icon-font glyphs. */
.product-purchase-form .quantity-step {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  color: #171717 !important;
  opacity: 1 !important;
}
.product-purchase-form .quantity-step .quantity-step-symbol {
  display: inline-block !important;
  visibility: visible !important;
  color: inherit !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
}
.product-purchase-form .quantity-step:disabled {
  color: #555 !important;
  opacity: 1 !important;
  background: #efeee9 !important;
}
.product-purchase-form .quantity-step:hover:not(:disabled) {
  background: #171717 !important;
  color: #fff !important;
}


/* Final quantity selector matching the requested cart controls: black square buttons and centered value. */
.product-purchase-form .quantity-stepper {
  display: grid !important;
  grid-template-columns: 58px 50px 58px !important;
  align-items: stretch !important;
  justify-content: start !important;
  width: 166px !important;
  max-width: 100% !important;
  min-height: 58px !important;
  margin: 10px 0 18px !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.product-purchase-form .quantity-step {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #333 !important;
  border-radius: 12px !important;
  background: #111 !important;
  color: #fff !important;
  opacity: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.product-purchase-form .quantity-step .quantity-step-symbol {
  display: inline-block !important;
  visibility: visible !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
.product-purchase-form .quantity-step:disabled {
  background: #111 !important;
  color: #fff !important;
  opacity: .55 !important;
  cursor: not-allowed !important;
}
.product-purchase-form .quantity-step:hover:not(:disabled),
.product-purchase-form .quantity-step:active:not(:disabled) {
  background: #292929 !important;
  color: #fff !important;
}
.product-purchase-form .product-quantity {
  display: block !important;
  box-sizing: border-box !important;
  width: 50px !important;
  min-width: 50px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #171717 !important;
  text-align: center !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 58px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}
.product-purchase-form .product-quantity:disabled {
  background: transparent !important;
  color: #171717 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}
.product-purchase-form .product-quantity::-webkit-inner-spin-button,
.product-purchase-form .product-quantity::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
}
@media (max-width: 600px) {
  .product-purchase-form .quantity-stepper {
    grid-template-columns: 58px 50px 58px !important;
    width: 166px !important;
    min-height: 58px !important;
  }
  .product-purchase-form .quantity-step {
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
  }
  .product-purchase-form .product-quantity {
    width: 50px !important;
    min-width: 50px !important;
    height: 58px !important;
    min-height: 58px !important;
    font-size: 22px !important;
  }
}


/* Cart quantity selector: black square minus/plus controls with centered value. */
.cart-quantity{display:flex;align-items:center;gap:0;margin-top:8px;width:max-content;max-width:100%;}
.cart-quantity-btn{width:58px;height:58px;flex:0 0 58px;border:1px solid #333;border-radius:13px;background:#111;color:#fff;display:grid;place-items:center;font-size:24px;line-height:1;cursor:pointer;touch-action:manipulation;}
.cart-quantity-btn:disabled{opacity:.38;cursor:not-allowed;}
.cart-quantity-input{width:60px;min-width:0;height:58px;padding:0 4px;border:0!important;background:transparent!important;color:#111;text-align:center;font-size:23px;font-weight:700;appearance:textfield;-moz-appearance:textfield;box-shadow:none!important;}
.cart-quantity-input::-webkit-inner-spin-button,.cart-quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
@media(max-width:700px){.cart-quantity{margin-top:8px}.cart-quantity-btn{width:52px;height:52px;flex-basis:52px;border-radius:12px;font-size:22px}.cart-quantity-input{width:52px;height:52px;font-size:21px}.cart-line-info{min-width:0}.cart-line{align-items:center}}


/* STYLEEY contact form and customer-facing order tracking updates */
.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:30px 0 38px}
.contact-detail{display:flex;align-items:center;gap:13px;min-width:0;padding:17px;border:1px solid var(--line);color:var(--ink,#111);background:#fff}
.contact-detail-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;background:#f3f2ef;font-size:17px}
.contact-detail>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}
.contact-detail small{font-size:9px;letter-spacing:.1em;color:#777}
.contact-detail strong{font-size:12px;overflow-wrap:anywhere}
.contact-message-panel{border-top:1px solid var(--line);padding-top:30px;margin:25px 0 35px;max-width:620px}
.contact-message-panel h2{font-family:var(--display);font-size:35px;font-weight:400;margin:0 0 8px}
.contact-message-panel>p,.contact-form-note{font-size:12px;line-height:1.7;color:#777}
.contact-whatsapp-form{margin-top:22px}
.contact-whatsapp-form textarea{resize:vertical;min-height:130px}
.contact-whatsapp-form button{justify-content:center;gap:10px}
.contact-form-note{margin:0;font-size:10px}
.tracking-order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.tracking-order-heading>p{margin:0}
.tracking-status-badge{font-size:9px;font-weight:800;letter-spacing:.06em;padding:8px 10px;background:#e6eee7;color:#234c2e}
.tracking-status-badge.is-cancelled{background:#f5e6e4;color:#8b2922}
.order-progress{margin:28px 0 34px;padding:23px;background:#fff;border:1px solid #e3e1dc}
.progress-step{position:relative;display:flex;gap:14px;min-height:67px;padding-bottom:20px}
.progress-step:last-child{min-height:36px;padding-bottom:0}
.progress-step:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:#ddd}
.progress-step.is-complete:not(:last-child):before{background:#222}
.progress-marker{position:relative;z-index:1;width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid #d5d3ce;border-radius:50%;background:#fff;color:#777;font-size:11px}
.progress-step.is-complete .progress-marker,.progress-step.is-current .progress-marker{border-color:#111;background:#111;color:#fff}
.progress-step.is-current .progress-marker{box-shadow:0 0 0 4px #e9e8e4}
.progress-copy{display:flex;flex-direction:column;gap:5px;padding-top:2px}
.progress-copy strong{font-size:12px}
.progress-copy small{font-size:10px;color:#777;line-height:1.5}
.order-update-history{border-top:1px solid #dedcd7;padding-top:22px}
.order-update-history h3{font-size:10px;letter-spacing:.1em;margin:0 0 18px}
.order-update-entry{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;padding:0 0 22px}
.order-update-entry:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:#d8d6d1}
.order-update-dot{width:11px;height:11px;border:2px solid #111;border-radius:50%;background:#fff;margin-top:3px;z-index:1}
.order-update-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.order-update-title strong{font-size:12px}
.order-update-title time{font-size:9px;color:#777;text-align:right;white-space:nowrap}
.order-update-entry p{font-size:11px;line-height:1.7;color:#555;margin:8px 0 0;overflow-wrap:anywhere}
.no-order-updates{font-size:11px;color:#777}
.tracking-cancelled{padding:18px;background:#f5e6e4;color:#812a24;margin:24px 0}
.tracking-cancelled strong{font-size:11px;letter-spacing:.08em}
.tracking-cancelled p{display:block!important;margin-bottom:0}
.staff-order-history{margin-top:10px;font-size:10px}
.staff-order-history summary{cursor:pointer;font-weight:700;padding:7px 0}
.staff-history-entry{padding:8px 0;border-top:1px solid var(--line)}
.staff-history-entry strong{font-size:10px}
.staff-history-entry small{overflow-wrap:anywhere}
.status-form-staff{min-width:150px;flex-direction:column;align-items:stretch}
.status-form-staff select{max-width:none;width:100%;min-height:34px}
.status-form-staff textarea{width:100%;min-height:60px;resize:vertical;border:1px solid var(--line);padding:7px;font:inherit;font-size:10px}
.status-form-staff .mini-btn{white-space:nowrap}
@media(max-width:700px){.contact-details{grid-template-columns:1fr}.contact-detail{padding:14px}.contact-detail strong{font-size:11px}.contact-message-panel h2{font-size:30px}.order-progress{padding:17px}.tracking-order-heading{align-items:flex-start;flex-direction:column}.order-update-title{flex-direction:column;gap:4px}.order-update-title time{text-align:left}.status-form-staff{min-width:180px}}


/* STYLEEY refinement: contact details layout and lighter drawer branding */
.contact-page{max-width:900px}
.contact-page .info-intro{max-width:650px;line-height:1.7}
.contact-page .contact-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 34px}
.contact-page .contact-detail{display:flex;align-items:center;gap:13px;min-width:0;min-height:78px;padding:16px;border:1px solid #e6e4e0;background:#fff;transition:border-color .18s,background .18s}
.contact-page .contact-detail:hover{border-color:#aaa;background:#fafaf9}
.contact-page .contact-detail-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;background:#f3f2ef;font-size:16px}
.contact-page .contact-detail>span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;line-height:1.4}
.contact-page .contact-detail small{font-size:9px;font-weight:600;letter-spacing:.12em;color:#777}
.contact-page .contact-detail strong{display:block;font-size:12px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;word-break:normal}
.contact-page .contact-message-panel{max-width:680px;margin-top:28px}
.drawer-head .logo{font-weight:400!important;letter-spacing:-.055em!important;-webkit-text-stroke:0!important;text-shadow:none!important}
.drawer-head .logo img{max-height:30px!important;max-width:138px!important}
.drawer .drawer-slogan{font-family:var(--body)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.13em!important;line-height:1.6!important;color:#777!important;text-shadow:none!important}
@media(max-width:700px){.contact-page .contact-details{grid-template-columns:1fr;gap:9px;margin:24px 0 30px}.contact-page .contact-detail{min-height:70px;padding:13px}.contact-page .contact-detail strong{font-size:12px}.drawer-head .logo img{max-height:28px!important;max-width:130px!important}}

/* Admin-configurable brand logo sizing. */
.brand-logo-img{display:block;height:auto;flex:0 0 auto}
@media(max-width:700px){.header .brand-logo-img{width:min(var(--logo-width-mobile, var(--styleey-logo-mobile-width, 130px)), 48vw)!important;max-width:min(var(--logo-width-mobile, var(--styleey-logo-mobile-width, 130px)), 48vw)!important}.drawer-head .sidebar-logo-img{width:min(var(--logo-width-mobile, 138px), 62vw)!important;max-width:min(var(--logo-width-mobile, 138px), 62vw)!important}}

/* FIX: show complete product photos instead of cropping them in product cards and detail gallery. */
.product-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-img img {
  width: 100%;
  height: 100%;
  padding: 10px;
  object-fit: contain !important;
  object-position: center;
  transform: none;
}
.product-card:hover .product-img img {
  transform: none !important;
}
.product-gallery .detail-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-gallery .detail-image #mainProductPhoto,
.product-gallery #mainProductPhoto {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 760px;
  object-fit: contain !important;
  object-position: center;
}
@media (max-width: 700px) {
  .product-img img { padding: 7px; }
}


/* STYLEEY Liquid Glass refresh: clean monochrome surfaces, soft reflections, and tactile motion. */
:root{--liquid-border:rgba(255,255,255,.72);--liquid-shadow:0 14px 38px rgba(18,18,18,.07);--liquid-ease:cubic-bezier(.2,.75,.25,1)}
body{background:radial-gradient(ellipse at 12% 0%,rgba(230,228,222,.32),transparent 34%),#fff}
.announcement{background:linear-gradient(110deg,#101010,#343434 48%,#101010);background-size:180% 100%;animation:liquid-announcement 12s ease-in-out infinite}
.header{background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border-bottom-color:rgba(20,20,20,.08);box-shadow:0 5px 24px rgba(0,0,0,.025)}
.btn,.product-purchase-actions .btn,.related-choose-link{border-radius:999px;transition:transform .28s var(--liquid-ease),box-shadow .28s var(--liquid-ease),background .28s,color .28s,border-color .28s;isolation:isolate}
.btn:hover:not(:disabled),.product-purchase-actions .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.14)}
.dark-btn{background:linear-gradient(125deg,#111 0%,#303030 52%,#111 100%);background-size:180% 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.dark-btn:hover:not(:disabled){background-position:100% 0;color:#fff}
.outline-dark{border-color:rgba(20,20,20,.22);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.product-img,.detail-image,.category-visual,.cart-thumb{border:1px solid rgba(20,20,20,.045);border-radius:16px;overflow:hidden}
.product-img{background:linear-gradient(145deg,#f8f8f7,#ecebe8)}
.product-card{transition:transform .32s var(--liquid-ease)}
.product-card:hover{transform:translateY(-3px)}
.product-card:hover .product-img{box-shadow:var(--liquid-shadow)}
.product-info{padding-left:3px;padding-right:3px}
.product-purchase{border-top-color:rgba(20,20,20,.1)}
.product-purchase-form{display:flex;flex-direction:column;align-items:stretch;gap:11px}
.size-label{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#656565}
.size-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:9px}
.size-option-button{position:relative;min-height:49px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid rgba(20,20,20,.16);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,244,242,.76));color:#171717;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 7px rgba(0,0,0,.025);cursor:pointer;transition:transform .22s var(--liquid-ease),background .22s,border-color .22s,color .22s,box-shadow .22s;overflow:hidden}
.size-option-button span{font-size:12px;font-weight:800;letter-spacing:.04em}
.size-option-button small{font-size:7px;font-weight:800;letter-spacing:.07em;color:#8a8a8a}
.size-option-button:hover:not(:disabled){transform:translateY(-2px);border-color:#555;box-shadow:0 7px 16px rgba(0,0,0,.08),inset 0 1px 0 #fff}
.size-option-button.is-selected{border-color:#111;background:linear-gradient(140deg,#333,#080808);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.18);transform:translateY(-1px)}
.size-option-button:disabled{background:rgba(242,241,238,.6);color:#aaa;border-style:dashed;box-shadow:none;cursor:not-allowed;opacity:.72}
.size-option-button:disabled span{text-decoration:line-through;text-decoration-thickness:1px}
.size-validation{min-height:16px;font-size:10px;color:#7c7c7c}
.size-validation.is-valid{color:#2b6847}
.product-purchase-actions{margin-top:4px;gap:10px}
.product-purchase-actions .btn{min-height:53px;font-size:10px;letter-spacing:.11em}
.product-purchase-actions .dark-btn{position:relative;overflow:hidden}
.product-purchase-actions .dark-btn:before{content:"";position:absolute;top:-80%;left:-45%;width:30%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(20deg);transition:left .7s var(--liquid-ease);pointer-events:none;z-index:-1}
.product-purchase-actions .dark-btn:hover:before{left:125%}
.is-adding-to-cart{pointer-events:none!important;animation:cart-confirm .36s ease both}
.cart-button-spinner{display:inline-block;width:13px;height:13px;border:1.5px solid rgba(255,255,255,.38);border-top-color:currentColor;border-radius:50%;vertical-align:-2px;margin-right:8px;animation:cart-spin .65s linear infinite}
.related-size-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.related-size-button{min-width:34px;min-height:32px;padding:5px 8px;border:1px solid rgba(20,20,20,.16);border-radius:9px;background:rgba(255,255,255,.8);font-size:9px;font-weight:800;cursor:pointer;transition:all .2s var(--liquid-ease)}
.related-size-button:hover:not(:disabled){border-color:#111;transform:translateY(-1px)}
.related-size-button.is-selected{background:#111;color:#fff;border-color:#111;box-shadow:0 3px 9px rgba(0,0,0,.13)}
.related-size-button:disabled{opacity:.42;text-decoration:line-through;cursor:not-allowed}
.related-size-note.is-valid{color:#2b6847}
.related-quick-add .related-choose-link{min-height:38px;margin-top:2px;border:0;border-radius:999px;padding:0 13px;letter-spacing:.08em}
.related-quick-add .related-choose-link:disabled{opacity:.4}
.detail-image{background:linear-gradient(145deg,#f8f8f7,#ecebe8)}
.product-gallery .gallery-thumb{border-radius:9px;overflow:hidden}
.shipping-note{border:1px solid rgba(20,20,20,.05);border-radius:12px;background:rgba(246,245,242,.76)!important}
.drawer{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}
@keyframes cart-spin{to{transform:rotate(360deg)}}
@keyframes cart-confirm{0%{transform:scale(1)}45%{transform:scale(.975)}100%{transform:scale(1)}}
@keyframes liquid-announcement{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:700px){.size-option-grid{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:7px}.size-option-button{min-height:47px;border-radius:12px}.product-purchase-actions .btn{min-height:51px}.product-detail{gap:18px}.product-img,.detail-image,.category-visual{border-radius:12px}}


/* STYLEEY FLOWING GLASS — aurora glass surfaces, liquid color flow, and tactile motion. */
:root{
  --flow-ink:#111827;
  --flow-muted:#667085;
  --flow-blue:#3157d5;
  --flow-cyan:#21b8b0;
  --flow-violet:#8062e8;
  --flow-line:rgba(78,96,145,.16);
  --flow-glass:rgba(255,255,255,.68);
  --flow-glass-strong:rgba(255,255,255,.84);
  --flow-shadow:0 18px 55px rgba(31,48,98,.10),0 2px 10px rgba(31,48,98,.04);
  --flow-ease:cubic-bezier(.2,.75,.25,1);
}
html{background:#f5f7fc;scroll-behavior:smooth}
body{
  color:var(--flow-ink);
  background:
    radial-gradient(ellipse at 8% 8%,rgba(70,112,242,.14),transparent 30%),
    radial-gradient(ellipse at 91% 19%,rgba(42,204,190,.13),transparent 28%),
    radial-gradient(ellipse at 78% 70%,rgba(145,112,245,.11),transparent 31%),
    linear-gradient(145deg,#fbfcff 0%,#f4f7fc 48%,#fbfaff 100%);
  background-attachment:fixed;
}
body:before{
  content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;opacity:.76;
  background:
    radial-gradient(ellipse at 25% 28%,rgba(88,125,255,.18),transparent 24%),
    radial-gradient(ellipse at 70% 38%,rgba(64,218,204,.16),transparent 22%),
    radial-gradient(ellipse at 53% 76%,rgba(164,126,255,.14),transparent 27%);
  filter:blur(30px);transform:translate3d(0,0,0);animation:flowing-aurora 22s ease-in-out infinite alternate;
}
.announcement{
  color:#f8fbff;background:linear-gradient(105deg,#101b39 0%,#3157d5 32%,#268eae 58%,#6950ca 82%,#101b39 100%);
  background-size:240% 100%;animation:flowing-banner 15s ease-in-out infinite;
  border-bottom:1px solid rgba(255,255,255,.25);letter-spacing:.12em;
}
.header{
  background:rgba(250,252,255,.70)!important;border-bottom:1px solid rgba(92,112,170,.16)!important;
  box-shadow:0 8px 34px rgba(36,55,112,.07)!important;
  -webkit-backdrop-filter:blur(26px) saturate(170%)!important;backdrop-filter:blur(26px) saturate(170%)!important;
}
.logo,.header .logo{color:#101a34}
.desktop-nav a,.header-actions,.nav-slogan,.header-brand-slogan{color:#273452}
.nav-submenu,.search-overlay-panel,.drawer,.search-modal-input-wrap,.search-suggestions{
  background:rgba(250,252,255,.82)!important;border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 22px 70px rgba(28,46,104,.15)!important;
  -webkit-backdrop-filter:blur(28px) saturate(175%)!important;backdrop-filter:blur(28px) saturate(175%)!important;
}
.btn,.product-purchase-actions .btn,.related-choose-link,.search-modal-submit,.drawer-search button{
  border-radius:999px;transition:transform .28s var(--flow-ease),box-shadow .28s var(--flow-ease),background .28s,color .28s,border-color .28s;
}
.dark-btn,.product-purchase-actions .dark-btn,.search-modal-submit,.drawer-search button{
  color:#fff!important;background:linear-gradient(115deg,#15234a 0%,#3157d5 45%,#168e9c 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 8px 22px rgba(49,87,213,.23),inset 0 1px 0 rgba(255,255,255,.26)!important;
}
.dark-btn:hover:not(:disabled),.product-purchase-actions .dark-btn:hover:not(:disabled),.search-modal-submit:hover,.drawer-search button:hover{
  transform:translateY(-2px);box-shadow:0 13px 28px rgba(49,87,213,.29),inset 0 1px 0 rgba(255,255,255,.3)!important;
}
.outline-dark,.icon-button,.menu-btn,.bag-link{
  color:#253456!important;border-color:rgba(88,108,165,.23)!important;background:rgba(255,255,255,.48)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.product-card,.category-card,.collection-card,.info-card,.shipping-note,.cart-summary,.checkout-panel,.order-summary,.contact-detail{
  border-color:rgba(104,125,184,.13)!important;
}
.product-card{background:rgba(255,255,255,.61)!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:22px!important;box-shadow:0 8px 30px rgba(36,55,112,.045);overflow:hidden;transition:transform .38s var(--flow-ease),box-shadow .38s var(--flow-ease),border-color .38s}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--flow-shadow)!important;border-color:rgba(91,126,229,.30)!important}
.product-img,.detail-image,.category-visual,.cart-thumb{
  border:1px solid rgba(255,255,255,.88)!important;border-radius:18px!important;
  background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(224,233,251,.74) 55%,rgba(230,247,247,.78))!important;
}
.product-img:after,.detail-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.22),transparent 34%,rgba(112,151,255,.045) 75%,transparent);opacity:.8}
.product-info{padding:14px 13px 16px!important}
.product-title,.product-name{color:#182342!important}
.product-price,.price{color:#253c7d}
.product-purchase{border-top-color:rgba(104,125,184,.16)!important}
.size-label{color:#58678e!important}
.size-option-grid{gap:9px}
.size-option-button,.related-size-button{
  border:1px solid rgba(91,111,173,.23)!important;border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(238,243,253,.70))!important;color:#1d2a4c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 14px rgba(45,65,125,.045)!important;
}
.size-option-button:hover:not(:disabled),.related-size-button:hover:not(:disabled){border-color:rgba(49,87,213,.58)!important;transform:translateY(-2px);box-shadow:0 9px 20px rgba(49,87,213,.12)!important}
.size-option-button.is-selected,.related-size-button.is-selected{
  color:#fff!important;border-color:transparent!important;background:linear-gradient(125deg,#17264d 0%,#3157d5 54%,#168e9c 100%)!important;
  box-shadow:0 8px 20px rgba(49,87,213,.24),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.size-option-button:disabled,.related-size-button:disabled{background:rgba(229,233,243,.55)!important;color:#9aa3b8!important;border-color:rgba(127,139,171,.15)!important}
.shipping-note{background:rgba(239,244,255,.66)!important;border:1px solid rgba(113,139,210,.16)!important;border-radius:15px!important;color:#33436b}
.drawer{background:rgba(247,250,255,.88)!important}
.drawer a,.drawer button{color:#253456}
.search-overlay-backdrop{background:rgba(14,24,54,.34)!important;backdrop-filter:blur(5px)}
.search-modal-input-wrap input,.drawer-search input{background:rgba(255,255,255,.65)!important;border-color:rgba(105,126,184,.2)!important;border-radius:999px!important}
.bag-link b{background:linear-gradient(135deg,#3157d5,#168e9c)!important;color:#fff!important;box-shadow:0 3px 10px rgba(49,87,213,.24)}
footer,.footer{background:linear-gradient(135deg,#101a34,#1a2b58 58%,#153f51)!important;color:#eef3ff!important}
footer a,.footer a,footer p,.footer p,footer h2,.footer h3,.footer h4{color:#eef3ff!important}
.is-adding-to-cart{animation:flow-cart-pulse .42s ease both!important}
.cart-button-spinner{border-color:rgba(255,255,255,.38);border-top-color:#fff}
@keyframes flowing-aurora{0%{transform:translate3d(-2%,0,0) rotate(-3deg) scale(1)}50%{transform:translate3d(2%,1.5%,0) rotate(2deg) scale(1.05)}100%{transform:translate3d(-1%,2%,0) rotate(-1deg) scale(1.02)}}
@keyframes flowing-banner{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes flow-cart-pulse{0%{transform:scale(1);filter:saturate(1)}38%{transform:scale(.975);filter:saturate(1.35)}100%{transform:scale(1);filter:saturate(1)}}
@media(max-width:700px){.product-card{border-radius:16px!important}.product-img,.detail-image,.category-visual{border-radius:13px!important}.product-info{padding:10px 8px 12px!important}.size-option-button{border-radius:12px!important}}
@media(prefers-reduced-motion:reduce){body:before,.announcement{animation:none!important}}


/* STYLEEY MONOCHROME FLOWING GLASS — refined black, white and silver; restrained highlights. */
:root{
  --flow-ink:#111111;
  --flow-muted:#707070;
  --flow-blue:#111111;
  --flow-cyan:#bdbdbd;
  --flow-violet:#eeeeee;
  --flow-line:rgba(20,20,20,.12);
  --flow-glass:rgba(255,255,255,.72);
  --flow-glass-strong:rgba(255,255,255,.9);
  --flow-shadow:0 16px 44px rgba(0,0,0,.075),0 2px 8px rgba(0,0,0,.025);
  --flow-ease:cubic-bezier(.22,.72,.24,1);
}
html{background:#f7f7f7;scroll-behavior:smooth}
body{
 color:#151515;
 background:linear-gradient(145deg,#fff 0%,#f7f7f7 48%,#fdfdfd 100%);
 background-attachment:fixed;
}
body:before{
 content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;opacity:.58;
 background:
  radial-gradient(ellipse at 18% 26%,rgba(255,255,255,.98),transparent 28%),
  radial-gradient(ellipse at 72% 34%,rgba(190,190,190,.18),transparent 25%),
  radial-gradient(ellipse at 52% 78%,rgba(225,225,225,.25),transparent 30%),
  radial-gradient(ellipse at 88% 82%,rgba(255,255,255,.8),transparent 22%);
 filter:blur(42px);transform:translate3d(0,0,0);animation:monochrome-liquid-flow 26s ease-in-out infinite alternate;
}
.announcement{
 color:#fff;background:linear-gradient(110deg,#090909 0%,#292929 32%,#111 54%,#383838 72%,#090909 100%);
 background-size:220% 100%;animation:monochrome-banner-flow 19s ease-in-out infinite;
 border-bottom:1px solid rgba(255,255,255,.16);letter-spacing:.12em;
}
.header{
 background:rgba(255,255,255,.76)!important;border-bottom:1px solid rgba(0,0,0,.08)!important;
 box-shadow:0 7px 28px rgba(0,0,0,.035)!important;
 -webkit-backdrop-filter:blur(24px) saturate(125%)!important;backdrop-filter:blur(24px) saturate(125%)!important;
}
.logo,.header .logo{color:#101010}
.desktop-nav a,.header-actions,.nav-slogan,.header-brand-slogan{color:#242424}
.nav-submenu,.search-overlay-panel,.drawer,.search-modal-input-wrap,.search-suggestions{
 background:rgba(255,255,255,.86)!important;border:1px solid rgba(255,255,255,.94)!important;
 box-shadow:0 18px 52px rgba(0,0,0,.095)!important;
 -webkit-backdrop-filter:blur(26px) saturate(125%)!important;backdrop-filter:blur(26px) saturate(125%)!important;
}
.btn,.product-purchase-actions .btn,.related-choose-link,.search-modal-submit,.drawer-search button{
 border-radius:999px;transition:transform .28s var(--flow-ease),box-shadow .28s var(--flow-ease),background .28s,color .28s,border-color .28s;
}
.dark-btn,.product-purchase-actions .dark-btn,.search-modal-submit,.drawer-search button{
 color:#fff!important;background:linear-gradient(115deg,#090909 0%,#242424 55%,#111 100%)!important;
 border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 5px 15px rgba(0,0,0,.11),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.dark-btn:hover:not(:disabled),.product-purchase-actions .dark-btn:hover:not(:disabled),.search-modal-submit:hover,.drawer-search button:hover{
 transform:translateY(-1px);box-shadow:0 9px 22px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.outline-dark,.icon-button,.menu-btn,.bag-link{
 color:#181818!important;border-color:rgba(0,0,0,.12)!important;background:rgba(255,255,255,.62)!important;
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.product-card,.category-card,.collection-card,.info-card,.shipping-note,.cart-summary,.checkout-panel,.order-summary,.contact-detail{
 border-color:rgba(0,0,0,.075)!important;
}
.product-card{background:rgba(255,255,255,.74)!important;border:1px solid rgba(255,255,255,.96)!important;border-radius:21px!important;box-shadow:0 6px 24px rgba(0,0,0,.035);overflow:hidden;transition:transform .38s var(--flow-ease),box-shadow .38s var(--flow-ease),border-color .38s}
.product-card:hover{transform:translateY(-3px);box-shadow:0 13px 34px rgba(0,0,0,.075)!important;border-color:rgba(0,0,0,.12)!important}
.product-img,.detail-image,.category-visual,.cart-thumb{
 border:1px solid rgba(0,0,0,.035)!important;border-radius:17px!important;
 background:linear-gradient(140deg,rgba(255,255,255,.98),rgba(239,239,239,.78) 55%,rgba(250,250,250,.92))!important;
}
.product-img:after,.detail-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.3),transparent 38%,rgba(0,0,0,.018) 76%,transparent);opacity:.68}
.product-info{padding:14px 13px 16px!important}
.product-title,.product-name{color:#171717!important}
.product-price,.price{color:#171717}
.product-purchase{border-top-color:rgba(0,0,0,.075)!important}
.size-label{color:#666!important}
.size-option-grid{gap:9px}
.size-option-button,.related-size-button{
 border:1px solid rgba(0,0,0,.14)!important;border-radius:12px!important;
 background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,242,242,.76))!important;color:#171717!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 2px 7px rgba(0,0,0,.025)!important;
}
.size-option-button:hover:not(:disabled),.related-size-button:hover:not(:disabled){border-color:rgba(0,0,0,.42)!important;transform:translateY(-1px);box-shadow:0 5px 13px rgba(0,0,0,.06)!important}
.size-option-button.is-selected,.related-size-button.is-selected{
 color:#fff!important;border-color:#111!important;background:linear-gradient(125deg,#080808 0%,#292929 100%)!important;
 box-shadow:0 4px 12px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
.size-option-button:disabled,.related-size-button:disabled{background:rgba(236,236,236,.66)!important;color:#aaa!important;border-color:rgba(0,0,0,.07)!important}
.shipping-note{background:rgba(255,255,255,.66)!important;border:1px solid rgba(0,0,0,.075)!important;border-radius:14px!important;color:#4b4b4b}
.drawer{background:rgba(255,255,255,.91)!important}
.drawer a,.drawer button{color:#202020}
.search-overlay-backdrop{background:rgba(0,0,0,.24)!important;backdrop-filter:blur(6px)}
.search-modal-input-wrap input,.drawer-search input{background:rgba(255,255,255,.78)!important;border-color:rgba(0,0,0,.12)!important;border-radius:999px!important}
.bag-link b{background:#111!important;color:#fff!important;box-shadow:0 2px 7px rgba(0,0,0,.12)}
footer,.footer{background:linear-gradient(135deg,#080808,#202020 58%,#101010)!important;color:#f7f7f7!important}
footer a,.footer a,footer p,.footer p,footer h2,.footer h3,.footer h4{color:#f7f7f7!important}
/* Premium icon controls: subtle glass disc, crisp monochrome glyph, no neon halo. */
.menu-btn,.icon-button,.close-drawer{
 width:42px;height:42px;min-width:42px;border:1px solid rgba(0,0,0,.105)!important;border-radius:15px!important;
 display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.72)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 3px 10px rgba(0,0,0,.035)!important;
 transition:transform .25s var(--flow-ease),background .25s,border-color .25s,box-shadow .25s;
}
.menu-btn i,.icon-button i{font-size:17px;color:#151515;transition:transform .25s var(--flow-ease)}
.menu-btn:hover,.icon-button:hover,.close-drawer:hover{transform:translateY(-1px);background:rgba(255,255,255,.96)!important;border-color:rgba(0,0,0,.2)!important;box-shadow:0 6px 15px rgba(0,0,0,.07)!important}
.menu-btn:hover i{transform:scale(1.04)}
.drawer-link-icon{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,237,237,.82))!important;border:1px solid rgba(0,0,0,.07)!important;color:#161616!important;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(0,0,0,.025)!important}
.drawer-link-icon i,.drawer-link-icon svg{color:#161616!important;stroke:#161616}
.drawer-category-toggle-icon,.drawer-arrow,.nav-chevron{color:#666!important}
.is-adding-to-cart{animation:monochrome-cart-pulse .42s ease both!important}
.cart-button-spinner{border-color:rgba(255,255,255,.35);border-top-color:#fff}
@keyframes monochrome-liquid-flow{0%{transform:translate3d(-1.5%,0,0) rotate(-2deg) scale(1)}50%{transform:translate3d(1.5%,1%,0) rotate(1.5deg) scale(1.035)}100%{transform:translate3d(-.5%,1.5%,0) rotate(-1deg) scale(1.015)}}
@keyframes monochrome-banner-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes monochrome-cart-pulse{0%{transform:scale(1)}38%{transform:scale(.98)}100%{transform:scale(1)}}
@media(max-width:700px){.product-card{border-radius:16px!important}.product-img,.detail-image,.category-visual{border-radius:13px!important}.product-info{padding:10px 8px 12px!important}.size-option-button{border-radius:11px!important}.menu-btn,.icon-button,.close-drawer{width:39px;height:39px;min-width:39px;border-radius:13px!important}}
@media(prefers-reduced-motion:reduce){body:before,.announcement{animation:none!important}}


/* Flowing Glass refinement: soft monochrome glass and animated category navigation */
:root{--menu-glass:rgba(255,255,255,.84);--menu-glass-edge:rgba(255,255,255,.96);--menu-glass-shadow:0 12px 34px rgba(0,0,0,.065);--menu-ease:cubic-bezier(.22,.72,.22,1)}
.header,.drawer,.nav-submenu,.search-overlay-panel,.search-modal-input-wrap,.search-suggestions,.drawer-search input,.drawer-category-toggle,.drawer-category-link,.drawer-subcategory-list a,.icon-button,.menu-btn,.close-drawer,.bag-link{
 -webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%);
}
.drawer{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,248,248,.84) 60%,rgba(255,255,255,.91))!important;border-right:1px solid rgba(255,255,255,.92)!important;box-shadow:12px 0 38px rgba(0,0,0,.075),inset -1px 0 0 rgba(0,0,0,.025)!important;transition:transform .42s var(--menu-ease),box-shadow .42s var(--menu-ease)!important;overflow:hidden}
.drawer:before{content:"";position:absolute;pointer-events:none;inset:-20% -35% auto 15%;height:240px;background:radial-gradient(ellipse at center,rgba(255,255,255,.82),rgba(255,255,255,0) 68%);filter:blur(8px);opacity:.7;animation:drawer-glass-drift 9s ease-in-out infinite alternate}
.drawer>*{position:relative;z-index:1}
.drawer.open{box-shadow:14px 0 46px rgba(0,0,0,.09),inset -1px 0 0 rgba(0,0,0,.025)!important}
.drawer-shade.open{display:block;background:rgba(0,0,0,.25);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:drawer-shade-in .32s ease both}
.drawer-head{padding-bottom:18px!important;border-bottom:1px solid rgba(0,0,0,.07);margin-bottom:12px}
.drawer-category-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.17) transparent;padding:3px 2px 10px}
.drawer-category-group,.drawer-category-link,.drawer-track-order{opacity:1;transform:none}
.drawer.open .drawer-category-group,.drawer.open .drawer-category-link,.drawer.open .drawer-track-order{animation:drawer-item-in .48s var(--menu-ease) both}
.drawer.open .drawer-category-group:nth-child(1),.drawer.open .drawer-category-link:nth-child(1){animation-delay:.055s}
.drawer.open .drawer-category-group:nth-child(2),.drawer.open .drawer-category-link:nth-child(2){animation-delay:.095s}
.drawer.open .drawer-category-group:nth-child(3),.drawer.open .drawer-category-link:nth-child(3){animation-delay:.135s}
.drawer.open .drawer-category-group:nth-child(4),.drawer.open .drawer-category-link:nth-child(4){animation-delay:.175s}
.drawer.open .drawer-category-group:nth-child(5),.drawer.open .drawer-category-link:nth-child(5){animation-delay:.215s}
.drawer.open .drawer-category-group:nth-child(n+6),.drawer.open .drawer-category-link:nth-child(n+6){animation-delay:.25s}
.drawer-category-toggle,.drawer-category-link{position:relative;isolation:isolate;border:1px solid transparent!important;border-radius:15px!important;padding:10px 11px!important;margin:3px 0;background:rgba(255,255,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.86)!important;transition:background .28s,border-color .28s,box-shadow .28s,transform .28s var(--menu-ease)!important}
.drawer-category-toggle:before,.drawer-category-link:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,rgba(255,255,255,.7),rgba(255,255,255,0) 45%,rgba(0,0,0,.018));opacity:.65;z-index:-1;pointer-events:none}
.drawer-category-toggle:hover,.drawer-category-link:hover{transform:translateX(2px);background:rgba(255,255,255,.82)!important;border-color:rgba(0,0,0,.065)!important;box-shadow:0 5px 16px rgba(0,0,0,.045),inset 0 1px 0 rgba(255,255,255,.98)!important}
.drawer-category-toggle[aria-expanded="true"]{background:rgba(255,255,255,.91)!important;border-color:rgba(0,0,0,.09)!important;box-shadow:0 5px 18px rgba(0,0,0,.055),inset 0 1px 0 #fff!important}
.drawer-category-toggle-icon{border:1px solid rgba(0,0,0,.09)!important;background:rgba(255,255,255,.75)!important;color:#222!important;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(0,0,0,.035);transition:transform .3s var(--menu-ease),background .25s,color .25s!important}
.drawer-category-toggle[aria-expanded="true"] .drawer-category-toggle-icon{background:#111!important;color:#fff!important;border-color:#111!important;transform:rotate(180deg)}
.drawer-subcategory-list{padding:5px 0 10px 43px!important;margin:0 0 5px 12px;border-left:1px solid rgba(0,0,0,.09);animation:none}
.drawer-subcategory-list:not([hidden]){animation:subcategory-panel-in .38s var(--menu-ease) both}
.drawer-subcategory-list a{position:relative;border:0!important;border-radius:10px!important;padding:11px 10px!important;margin:2px 0;min-height:39px;background:rgba(255,255,255,.24);opacity:1;transform:none;transition:background .24s,transform .24s var(--menu-ease),color .24s!important}
.drawer-subcategory-list:not([hidden]) a{animation:subcategory-item-in .34s var(--menu-ease) both}
.drawer-subcategory-list:not([hidden]) a:nth-child(1){animation-delay:.025s}
.drawer-subcategory-list:not([hidden]) a:nth-child(2){animation-delay:.065s}
.drawer-subcategory-list:not([hidden]) a:nth-child(3){animation-delay:.105s}
.drawer-subcategory-list:not([hidden]) a:nth-child(4){animation-delay:.145s}
.drawer-subcategory-list:not([hidden]) a:nth-child(5){animation-delay:.185s}
.drawer-subcategory-list a:hover{background:rgba(255,255,255,.88);transform:translateX(3px);color:#000}
.drawer-subcategory-list .drawer-shop-all{background:rgba(255,255,255,.68)!important;border:1px solid rgba(0,0,0,.055)!important;border-radius:10px!important;margin-bottom:5px;padding:12px 10px!important;box-shadow:inset 0 1px 0 #fff,0 2px 7px rgba(0,0,0,.025)}
.drawer-link-icon{border-radius:11px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,239,239,.68))!important;border:1px solid rgba(0,0,0,.065)!important;box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(0,0,0,.035)!important}
.drawer-search{margin:8px 0 12px!important}
.drawer-search input{box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 3px 10px rgba(0,0,0,.025)!important}
.close-drawer{border:1px solid rgba(0,0,0,.09)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 3px 10px rgba(0,0,0,.035)!important}
@keyframes drawer-item-in{from{opacity:0;transform:translate3d(-10px,7px,0);filter:blur(2px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes subcategory-panel-in{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-5px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}
@keyframes subcategory-item-in{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:translateX(0)}}
@keyframes drawer-shade-in{from{opacity:0}to{opacity:1}}
@keyframes drawer-glass-drift{from{transform:translate3d(-4%,0,0) scale(1)}to{transform:translate3d(5%,10px,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.drawer:before,.drawer.open .drawer-category-group,.drawer.open .drawer-category-link,.drawer.open .drawer-track-order,.drawer-subcategory-list:not([hidden]),.drawer-subcategory-list:not([hidden]) a,.drawer-shade.open{animation:none!important}.drawer,.drawer-category-toggle,.drawer-category-link,.drawer-subcategory-list a{transition:none!important}}


/* STYLEEY menu refinement: transparent logo/icon holders and balanced controls */
.drawer-head{background:transparent!important;border-bottom:1px solid rgba(0,0,0,.07)!important;box-shadow:none!important;padding:0 0 14px!important}
.drawer-head .logo,.drawer-head .logo img,.drawer-head .sidebar-logo-img{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.drawer-link-icon{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#161616!important;width:26px!important;min-width:26px!important;height:28px!important;flex:0 0 26px!important}
.drawer-link-icon i{font-size:16px!important}
.drawer-link-icon svg{width:17px!important;height:17px!important}
.drawer-category-toggle,.drawer-category-link{min-height:48px!important;padding:8px 10px!important;gap:11px!important}
.drawer-category-toggle-icon{width:23px!important;height:23px!important;flex:0 0 23px!important}
.menu-btn,.icon-button,.close-drawer{width:38px!important;height:38px!important;min-width:38px!important}
.menu-btn i,.icon-button i{font-size:16px!important}
.drawer-slogan{display:block!important;margin:12px 0 8px!important;padding:16px 4px 18px!important;border-top:1px solid rgba(0,0,0,.08)!important;border-bottom:1px solid rgba(0,0,0,.08)!important;font-family:var(--display)!important;font-size:18px!important;font-weight:700!important;letter-spacing:.055em!important;text-align:center!important;color:#171717!important;flex-shrink:0!important}
@media(max-width:700px){.menu-btn,.icon-button,.close-drawer{width:38px!important;height:38px!important;min-width:38px!important}.drawer-category-toggle,.drawer-category-link{min-height:47px!important}.drawer-slogan{font-size:17px!important}}


/* STYLEEY menu: keep all drawer links reachable on short desktop and mobile screens. */
.drawer{
  height:100vh;
  height:100dvh;
  max-height:100vh;
  max-height:100dvh;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#b8b8b8 transparent;
  min-height:0;
}
.drawer::-webkit-scrollbar{width:6px}
.drawer::-webkit-scrollbar-track{background:transparent}
.drawer::-webkit-scrollbar-thumb{background:#b8b8b8;border-radius:10px}
.drawer .drawer-slogan{margin-top:auto;flex:0 0 auto;text-align:center;padding:18px 0 12px;border-bottom:0;border-top:1px solid var(--line);font-size:clamp(15px,2.2vh,21px);letter-spacing:.035em}
.drawer .drawer-bag-link{flex-shrink:0}
.drawer .drawer-category-list{flex-shrink:0}


/* Fix: drawer search suggestions must overlay categories instead of being clipped by the scrolling drawer. */
.drawer-search-suggestions{position:fixed!important;z-index:9999!important;right:auto!important;left:12px;top:auto;width:min(350px,calc(88vw - 40px));max-height:58vh;overflow-y:auto;isolation:isolate;background:rgba(255,255,255,.98)!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 18px 48px rgba(0,0,0,.2)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.drawer-search-suggestions[hidden]{display:none!important}


/* Native SVG navigation arrows: consistent on iOS and Android, never emoji glyphs */
.drawer-external-icon{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drawer-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.search-button-arrow{display:inline-block;width:14px;height:14px;margin-left:7px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Clear visual identity for each available checkout payment method */
.payment-choice-icon.icon-cod{background:#f0efec;color:#202020}
.payment-choice-icon.icon-bkash{background:#fce8f1;color:#c2185b}
.payment-choice-icon.icon-nagad{background:#fff0e7;color:#e45c20}
.payment-choice-icon.icon-rocket{background:#f0e8fb;color:#6f2da8}
.payment-choice-icon svg{display:block}

/* Checkout payment identities and compact copy-number controls */
.payment-brand-mark{display:inline-flex;align-items:center;justify-content:center;font-weight:900;line-height:1;letter-spacing:-.06em;white-space:nowrap}
.payment-brand-mark.brand-bkash{font-size:15px;color:#c2185b;font-style:italic}
.payment-brand-mark.brand-nagad{font-size:14px;color:#e45c20;letter-spacing:-.07em}
.payment-brand-mark.brand-rocket{width:30px;height:30px;border-radius:50%;background:#6f2da8;color:#fff;font-size:15px;letter-spacing:0}
.payment-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-bottom:1px solid #e5e2dc;background:#fff}
.payment-account-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.payment-account-row strong{font-size:10px;color:#777;font-weight:600}
.payment-number{font-size:14px;font-weight:750;letter-spacing:.025em;color:#171717;overflow-wrap:anywhere}
.copy-payment-number{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;border:1px solid #e0ddd6;border-radius:5px;background:#fff;color:#222;padding:6px 8px;font-size:10px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.copy-payment-number svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.copy-payment-number:hover,.copy-payment-number.is-copied{background:#111;color:#fff;border-color:#111}
.copy-payment-status{display:block;font-size:10px;color:#287449;padding:0 10px}
.copy-payment-status:empty{display:none}
/* Force crisp native SVG arrows on the Home and Your Bag drawer links (including iOS). */
.drawer>a .drawer-arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px;height:18px;min-width:18px;margin-left:auto!important;color:#777!important;opacity:1!important;visibility:visible!important;flex:0 0 18px!important}
.drawer>a .drawer-arrow svg.drawer-external-icon{display:block!important;width:15px!important;height:15px!important;min-width:15px;overflow:visible;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;visibility:visible!important}
.drawer>a .drawer-arrow i{display:inline-block!important;font-size:12px!important;line-height:1!important}


/* STYLEEY checkout polish: compact copy icon and clearer payment brand marks */
.payment-account-row{gap:10px;padding:11px 12px}
.payment-account-row>div{gap:5px}
.payment-number{font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.35}
.copy-payment-number{width:30px;height:30px;min-width:30px;padding:0;gap:0;border:1px solid #e7e5df;border-radius:50%;background:#f8f7f4;color:#333;box-shadow:none;transition:background .18s,border-color .18s,color .18s,transform .18s}
.copy-payment-number svg{display:block;width:14px;height:14px;stroke-width:1.7}
.copy-payment-number:hover{background:#eeeae2;border-color:#d7d2c7;color:#111}
.copy-payment-number:active{transform:scale(.94)}
.copy-payment-number.is-copied{background:#111;color:#fff;border-color:#111}
.copy-payment-number.is-copied svg{stroke:#fff}
.copy-payment-status{padding:5px 12px 7px;font-size:10px;color:#287449}
.payment-choice-icon{border-radius:8px;border:1px solid #eeeae5;background:#fff!important}
.payment-choice-icon.icon-bkash{background:#fff0f6!important;color:#d4145a}
.payment-choice-icon.icon-nagad{background:#fff4ed!important;color:#e85b24}
.payment-choice-icon.icon-rocket{background:#f5efff!important;color:#7a2cbf}
.payment-brand-mark{padding:5px 3px;border-radius:5px;letter-spacing:-.055em}
.payment-brand-mark.brand-bkash{font-size:13px;color:#d4145a;font-style:italic;font-weight:900}
.payment-brand-mark.brand-nagad{font-size:12px;color:#e85b24;font-weight:900;letter-spacing:-.07em}
.payment-brand-mark.brand-rocket{width:29px;height:29px;padding:0;border-radius:50%;background:#7a2cbf;color:#fff;font-size:14px}
.payment-choice-icon.icon-cod svg{width:25px;height:25px;stroke-width:1.8}
@media(max-width:700px){.payment-number{font-size:12px}.copy-payment-number{width:28px;height:28px;min-width:28px}.copy-payment-number svg{width:13px;height:13px}.payment-account-row{padding:10px}}


/* STYLEEY checkout: compact copy control and readable payment account row */
.payment-account-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;background:#fff!important;border:1px solid #e8e5df!important;border-radius:8px!important;margin:8px 0!important}
.payment-account-row>div{display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important}
.payment-account-row strong{font-size:11px!important;font-weight:650!important;color:#777!important;white-space:nowrap!important}
.payment-number{font-size:13px!important;font-weight:750!important;letter-spacing:.02em!important;color:#171717!important;overflow-wrap:anywhere!important}
.copy-payment-number{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important;border:1px solid #e8e5df!important;border-radius:50%!important;background:#f8f7f5!important;color:#222!important;cursor:pointer!important;box-shadow:none!important;font-size:0!important;line-height:1!important;transition:background .18s ease,color .18s ease,border-color .18s ease!important}
.copy-payment-number svg{display:block!important;width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.copy-payment-number:after{content:none!important}
.copy-payment-number:hover,.copy-payment-number.is-copied{background:#111!important;color:#fff!important;border-color:#111!important}
.copy-payment-status{display:block!important;margin-top:6px!important;padding:0!important;font-size:10px!important;line-height:1.4!important;color:#287449!important}
.copy-payment-status:empty{display:none!important}
.payment-choice-icon.icon-bkash{background:#fce7f0!important;color:#c2185b!important;border-radius:9px!important}
.payment-choice-icon.icon-nagad{background:#fff0e7!important;color:#e45c20!important;border-radius:9px!important}
.payment-choice-icon.icon-rocket{background:#f0e8fa!important;color:#6f2da8!important;border-radius:9px!important}
.payment-choice-icon.icon-cod{background:#efefed!important;color:#222!important;border-radius:9px!important}
.payment-brand-mark.brand-bkash{font-size:14px!important;color:#c2185b!important;font-weight:900!important;font-style:italic!important;letter-spacing:-.07em!important}
.payment-brand-mark.brand-nagad{font-size:13px!important;color:#e45c20!important;font-weight:900!important;letter-spacing:-.07em!important}
.payment-brand-mark.brand-rocket{width:30px!important;height:30px!important;border-radius:50%!important;background:#6f2da8!important;color:#fff!important;font-size:15px!important}

/* Final checkout account row: label, number and tiny copy icon on one line */
.payment-account-row{display:block!important;padding:12px 14px!important}
.payment-account-row>.payment-account-content{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;width:100%!important}
.payment-account-row .payment-account-content>strong{font-size:12px!important;font-weight:650!important;color:#444!important;white-space:normal!important;line-height:1.4!important}
.payment-account-row .payment-account-content .payment-number{font-size:13px!important;font-weight:750!important;letter-spacing:.015em!important;color:#171717!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.payment-account-row .payment-account-content .copy-payment-number{width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#777!important;padding:3px!important;margin-left:0!important}
.payment-account-row .payment-account-content .copy-payment-number svg{width:14px!important;height:14px!important;stroke:currentColor!important;stroke-width:1.8!important}
.payment-account-row .payment-account-content .copy-payment-number:hover,.payment-account-row .payment-account-content .copy-payment-number.is-copied{background:#f0eee9!important;color:#111!important}
.payment-account-row .payment-account-content .copy-payment-number:focus-visible{outline:2px solid #999!important;outline-offset:2px!important}
@media(max-width:480px){.payment-account-row .payment-account-content{gap:6px!important}.payment-account-row .payment-account-content>strong{font-size:11px!important}.payment-account-row .payment-account-content .payment-number{font-size:12px!important}}

/* Final checkout treatment: supplied payment logos and tap-the-number-to-copy */
.payment-choice-icon .payment-method-logo{display:block;object-fit:contain;width:100%;height:100%;padding:6px;box-sizing:border-box}
.payment-choice-icon .logo-cod{padding:7px}
.payment-choice-icon .logo-bkash{padding:5px}
.payment-choice-icon .logo-nagad{padding:4px}
.payment-account-row>.payment-account-content{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;width:100%!important}
.payment-account-row .payment-account-content>strong{font-size:12px!important;color:#444!important;font-weight:650!important;white-space:nowrap!important}
.payment-account-row .payment-account-content>.payment-number.copy-payment-number{display:inline!important;flex:0 1 auto!important;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#171717!important;font-family:inherit!important;font-size:13px!important;font-weight:750!important;letter-spacing:.015em!important;line-height:1.4!important;text-align:left!important;overflow-wrap:anywhere!important;cursor:pointer!important;text-decoration:none!important}
.payment-account-row .payment-account-content>.payment-number.copy-payment-number:after{content:none!important}
.payment-account-row .payment-account-content>.payment-number.copy-payment-number:hover{text-decoration:underline!important;text-underline-offset:3px!important;background:transparent!important;color:#171717!important}
.payment-account-row .payment-account-content>.payment-number.copy-payment-number.is-copied{color:#287449!important;background:transparent!important;border:0!important}
.payment-account-row .payment-account-content>.payment-number.copy-payment-number:focus-visible{outline:2px solid #aaa!important;outline-offset:3px!important;border-radius:2px!important}
@media(max-width:480px){.payment-account-row .payment-account-content{gap:6px!important}.payment-account-row .payment-account-content>strong{font-size:11px!important}.payment-account-row .payment-account-content>.payment-number.copy-payment-number{font-size:12px!important}}

/* STYLEEY payment number: refined clickable number chip (number itself copies) */
.checkout-page .payment-account-row>.payment-account-content{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important}
.checkout-page .payment-account-row .payment-account-content>strong{font-size:11px!important;font-weight:700!important;letter-spacing:.015em!important;color:#777!important;line-height:1.5!important}
.checkout-page .payment-account-row .payment-account-content>.payment-number.copy-payment-number{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;max-width:100%!important;padding:6px 11px!important;border:1px solid #e4e1da!important;border-radius:7px!important;background:#fff!important;box-shadow:0 1px 2px #00000008!important;color:#171717!important;font-family:inherit!important;font-size:12px!important;font-weight:750!important;font-variant-numeric:tabular-nums!important;letter-spacing:.035em!important;line-height:1.2!important;text-align:center!important;white-space:nowrap!important;overflow-wrap:normal!important;cursor:pointer!important;text-decoration:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}
.checkout-page .payment-account-row .payment-account-content>.payment-number.copy-payment-number::after{content:none!important}
.checkout-page .payment-account-row .payment-account-content>.payment-number.copy-payment-number:hover{background:#f7f6f3!important;border-color:#c9c5bc!important;color:#111!important;text-decoration:none!important}
.checkout-page .payment-account-row .payment-account-content>.payment-number.copy-payment-number:active{transform:scale(.98)!important}
.checkout-page .payment-account-row .payment-account-content>.payment-number.copy-payment-number.is-copied{background:#edf7f0!important;border-color:#b8dec5!important;color:#22683c!important}
.checkout-page .payment-account-row .payment-account-content>.payment-number.copy-payment-number:focus-visible{outline:2px solid #b7b1a5!important;outline-offset:3px!important}
.checkout-page .copy-payment-status{margin-top:7px!important;font-size:10px!important;font-weight:600!important;letter-spacing:.01em!important;color:#287449!important}
@media(max-width:480px){.checkout-page .payment-account-row>.payment-account-content{gap:7px!important}.checkout-page .payment-account-row .payment-account-content>strong{font-size:10px!important}.checkout-page .payment-account-row .payment-account-content>.payment-number.copy-payment-number{min-height:29px!important;padding:6px 9px!important;font-size:11px!important}}


/* Payment numbers appear only after selecting a mobile payment method. */
.checkout-page #payment-accounts[hidden],
.checkout-page .payment-account-row[hidden]{display:none!important}


/* Critical visibility fix: checkout field layout CSS must never override hidden state. */
.checkout-page #transaction-field[hidden],
.checkout-page #payment-accounts[hidden],
.checkout-page .payment-account-row[hidden]{display:none!important;}

/* Footer logo contrast: keep the admin-uploaded logo unchanged in the header,
   but render it white when displayed on the dark footer. */
.footer-brand .footer-logo .brand-logo-img {
    filter: brightness(0) invert(1) !important;
}

/* STYLEEY theme foundation */
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f3f1ed;
  --paper: #20201e;
  --line: #393835;
  --muted: #aaa69f;
  background: #111110;
}
html[data-theme="light"] { color-scheme: light; }

html[data-theme="dark"] body {
  color: var(--ink);
  background: #111110;
}
html[data-theme="dark"] .header,
html[data-theme="dark"] .drawer,
html[data-theme="dark"] .drawer-head,
html[data-theme="dark"] .nav-submenu,
html[data-theme="dark"] .search-suggestions,
html[data-theme="dark"] .search-overlay-panel,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .sort-form select,
html[data-theme="dark"] .variant-size-select,
html[data-theme="dark"] .related-size-select,
html[data-theme="dark"] .quantity-stepper {
  color: var(--ink);
  background-color: #191918;
  border-color: var(--line);
}
html[data-theme="dark"] .brand-logo-img {
  filter: invert(1);
}
html[data-theme="dark"] .menu-btn,
html[data-theme="dark"] .menu-btn span,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .header-search,
html[data-theme="dark"] .header-search input,
html[data-theme="dark"] .desktop-nav a,
html[data-theme="dark"] .header-brand-slogan,
html[data-theme="dark"] .nav-slogan,
html[data-theme="dark"] .drawer a,
html[data-theme="dark"] .drawer-link-icon,
html[data-theme="dark"] .nav-submenu a,
html[data-theme="dark"] .product-info a,
html[data-theme="dark"] .product-info strong,
html[data-theme="dark"] .detail-copy h1,
html[data-theme="dark"] .detail-price,
html[data-theme="dark"] .form-page h1,
html[data-theme="dark"] .collection-head h1,
html[data-theme="dark"] .staff-page h1 {
  color: var(--ink);
}
html[data-theme="dark"] .drawer-link-icon,
html[data-theme="dark"] .category-visual,
html[data-theme="dark"] .category-icon,
html[data-theme="dark"] .product-img,
html[data-theme="dark"] .img-placeholder,
html[data-theme="dark"] .detail-image,
html[data-theme="dark"] .cart-thumb,
html[data-theme="dark"] .order-summary,
html[data-theme="dark"] .success-card,
html[data-theme="dark"] .tracking-result,
html[data-theme="dark"] .stats-grid>div,
html[data-theme="dark"] th,
html[data-theme="dark"] .empty-products,
html[data-theme="dark"] .subcategory-card,
html[data-theme="dark"] .payment-options li,
html[data-theme="dark"] .payment-choice,
html[data-theme="dark"] .payment-accounts,
html[data-theme="dark"] .shipping-note,
html[data-theme="dark"] .benefits {
  color: var(--ink);
  background-color: #1b1b19 !important;
  border-color: var(--line);
}
html[data-theme="dark"] .product-desc,
html[data-theme="dark"] .detail-copy>p,
html[data-theme="dark"] .description,
html[data-theme="dark"] .collection-head>p:last-child,
html[data-theme="dark"] .form-page>p,
html[data-theme="dark"] .breadcrumbs,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .drawer-subcategory-list a,
html[data-theme="dark"] .payment-choice-copy small {
  color: #aaa69f;
}
html[data-theme="dark"] .announcement,
html[data-theme="dark"] .footer {
  background-color: #080808;
}
html[data-theme="dark"] .btn.dark-btn,
html[data-theme="dark"] .drawer-search button,
html[data-theme="dark"] .payment-choice.is-selected,
html[data-theme="dark"] .mini-btn {
  background: #eeeae2;
  color: #111;
  border-color: #eeeae2;
}
html[data-theme="dark"] .tag,
html[data-theme="dark"] .light {
  background: #eeeae2;
  color: #111;
}
html[data-theme="dark"] .remove-item,
html[data-theme="dark"] .outline-dark {
  color: var(--ink);
  background: #191918;
  border-color: var(--line);
}
html[data-theme="dark"] .search-suggestions a,
html[data-theme="dark"] .suggestion-product,
html[data-theme="dark"] .suggestion-category,
html[data-theme="dark"] .suggestion-view-all {
  color: var(--ink);
  background-color: #191918;
}
html[data-theme="dark"] .search-suggestions a:hover,
html[data-theme="dark"] .nav-submenu a:hover,
html[data-theme="dark"] .drawer a:hover {
  background-color: #292824;
}
html[data-theme="dark"] .hero,
html[data-theme="dark"] .campaign {
  color: #fff;
}
html[data-theme="dark"] .field input::placeholder,
html[data-theme="dark"] .field textarea::placeholder {
  color: #88847e;
}

/* STYLEEY compact footer refinement */
.footer {
  padding: 28px 5.5% 12px !important;
}

.footer-top {
  gap: 18px 24px !important;
  padding-bottom: 20px !important;
}

.footer-brand .footer-logo,
.footer-logo {
  font-size: 32px !important;
}

.footer-brand p {
  margin: 8px 0;
  line-height: 1.5;
}

.footer-socials {
  gap: 8px !important;
  margin-top: 12px !important;
}

.footer h4 {
  margin: 4px 0 9px !important;
}

.footer-top > div:not(:first-child) {
  gap: 7px !important;
}

.footer-top > div a:not(.logo) {
  line-height: 1.4;
}

.footer-bottom {
  padding-top: 10px !important;
}

@media (max-width: 700px) {
  .footer {
    padding: 24px 17px 10px !important;
  }

  .footer-top {
    gap: 18px 14px !important;
    padding-bottom: 18px !important;
  }

  .footer-logo {
    font-size: 29px !important;
  }

  .footer-socials {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .footer-bottom {
    padding-top: 9px !important;
  }
}


/* Compact benefits strip above the footer */
.benefits {
  padding: 14px 5.5% !important;
}

.benefits > div {
  gap: 4px !important;
}

.benefits b {
  font-size: 19px !important;
  line-height: 1.2;
}

.benefits strong {
  font-size: 8px !important;
}

.benefits small {
  font-size: 8px !important;
  line-height: 1.3;
}

@media (max-width: 700px) {
  .benefits {
    padding: 14px 10px !important;
    gap: 14px 0 !important;
  }

  .benefits > div {
    min-height: 48px !important;
    gap: 3px !important;
  }

  .benefits b {
    font-size: 17px !important;
  }
}

/* STYLEEY drawer: enforce readable contrast in both themes */
html[data-theme="light"] .drawer,
html[data-theme="light"] .drawer-head {
  background: #fff !important;
  color: #171717 !important;
}

html[data-theme="light"] .drawer a,
html[data-theme="light"] .drawer a:visited,
html[data-theme="light"] .drawer .drawer-category-toggle,
html[data-theme="light"] .drawer .drawer-category-link,
html[data-theme="light"] .drawer .drawer-slogan {
  color: #171717 !important;
}

html[data-theme="light"] .drawer a *,
html[data-theme="light"] .drawer .drawer-category-toggle *,
html[data-theme="light"] .drawer .drawer-category-link * {
  color: inherit;
}

html[data-theme="light"] .drawer .drawer-subcategory-list a,
html[data-theme="light"] .drawer .drawer-subnav a {
  color: #555 !important;
}

html[data-theme="light"] .drawer .drawer-link-icon {
  color: #171717 !important;
  background: #f0f0ee !important;
}

html[data-theme="dark"] .drawer,
html[data-theme="dark"] .drawer-head {
  background: #171716 !important;
  color: #f5f5f2 !important;
}

html[data-theme="dark"] .drawer a,
html[data-theme="dark"] .drawer a:visited,
html[data-theme="dark"] .drawer .drawer-category-toggle,
html[data-theme="dark"] .drawer .drawer-category-link,
html[data-theme="dark"] .drawer .drawer-slogan {
  color: #f5f5f2 !important;
}

html[data-theme="dark"] .drawer .drawer-subcategory-list a,
html[data-theme="dark"] .drawer .drawer-subnav a {
  color: #c2c2bd !important;
}

html[data-theme="dark"] .drawer a,
html[data-theme="dark"] .drawer .drawer-category-toggle {
  border-color: #393936 !important;
}

html[data-theme="dark"] .drawer .drawer-link-icon {
  color: #f5f5f2 !important;
  background: #292927 !important;
  border-color: #41413d !important;
}

html[data-theme="dark"] .drawer .drawer-link-icon i,
html[data-theme="dark"] .drawer .drawer-link-icon svg {
  color: #f5f5f2 !important;
  stroke: #f5f5f2 !important;
}


/* STYLEEY premium charcoal + ivory storefront palette */
html[data-theme="dark"] body {
  background: #141414 !important;
  color: #f5f1e9;
}

html[data-theme="dark"] .section,
html[data-theme="dark"] .product-section {
  background-color: #141414;
}

html[data-theme="dark"] .product-card {
  background: #f5f2ec !important;
  color: #191919 !important;
  border: 1px solid #ded8cd !important;
  border-radius: 12px !important;
  overflow: hidden;
}

html[data-theme="dark"] .product-card .product-img {
  background: #fff !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] .product-card .product-info {
  background: #f5f2ec !important;
  padding: 12px !important;
}

html[data-theme="dark"] .product-card .product-info a,
html[data-theme="dark"] .product-card .product-info a:visited,
html[data-theme="dark"] .product-card .product-info strong {
  color: #191919 !important;
}

html[data-theme="dark"] .product-card .product-desc {
  color: #625d55 !important;
}

html[data-theme="dark"] .product-card .tag {
  background: #e8e0d2 !important;
  color: #25221e !important;
}

html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .section-head .kicker {
  color: #f5f1e9 !important;
}

html[data-theme="dark"] .section-head .arrow-link {
  color: #d7bd8a !important;
}

html[data-theme="dark"] .product-card a:focus-visible {
  outline-color: #b49a68;
}


/* STYLEEY dark mode: consistent charcoal header and cards */
html[data-theme="dark"] .header {
  background: #181817 !important;
  color: #f5f1e9 !important;
  border-bottom-color: #353431 !important;
}

html[data-theme="dark"] .header .icon-button,
html[data-theme="dark"] .header .menu-btn {
  background: #252523 !important;
  border-color: #41403c !important;
  color: #f5f1e9 !important;
}

html[data-theme="dark"] .header .icon-button i,
html[data-theme="dark"] .header .menu-btn i,
html[data-theme="dark"] .header .menu-btn span {
  color: #f5f1e9 !important;
  background-color: currentColor;
}

html[data-theme="dark"] .product-card {
  background: #20201e !important;
  color: #f5f1e9 !important;
  border-color: #393835 !important;
}

html[data-theme="dark"] .product-card .product-img {
  background: #292927 !important;
}

html[data-theme="dark"] .product-card .product-info {
  background: #20201e !important;
  color: #f5f1e9 !important;
}

html[data-theme="dark"] .product-card .product-info a,
html[data-theme="dark"] .product-card .product-info a:visited,
html[data-theme="dark"] .product-card .product-info strong {
  color: #f5f1e9 !important;
}

html[data-theme="dark"] .product-card .product-desc {
  color: #b9b5ad !important;
}

html[data-theme="dark"] .product-card .tag {
  background: #d0d0d0 !important;
  color: #201e19 !important;
}


/* STYLEEY premium icon and navigation treatment */
:root {
  --styleey-charcoal: #191918;
  --styleey-charcoal-soft: #252523;
  --styleey-ivory: #f5f1e9;
  --styleey-champagne: #888888;
}

/* Header icon buttons */
.header .icon-button,
.header .menu-btn {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #ded9cf !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #242320 !important;
  box-shadow: none !important;
}

.header .icon-button i,
.header .menu-btn i {
  font-size: 15px !important;
  color: inherit !important;
  background: transparent !important;
}

.header .menu-btn span {
  width: 18px !important;
  height: 1.5px !important;
  background: currentColor !important;
}

/* Dark-mode header */
html[data-theme="dark"] .header .icon-button,
html[data-theme="dark"] .header .menu-btn {
  background: #252523 !important;
  border-color: #45433e !important;
  color: #f5f1e9 !important;
}

/* Drawer base */
.drawer {
  background: #f8f7f3 !important;
  color: #242320 !important;
  border-right: 1px solid #ded9cf !important;
}

.drawer .drawer-head {
  background: transparent !important;
  border-bottom: 1px solid #e6e1d7 !important;
}

/* Drawer icons: small, consistent, neutral surfaces */
.drawer .drawer-link-icon,
.drawer a .drawer-link-icon,
.drawer .drawer-category-icon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #eae7df !important;
  color: #292722 !important;
  border: 1px solid #ded9cf !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.drawer .drawer-link-icon i,
.drawer .drawer-link-icon svg,
.drawer .drawer-category-icon i,
.drawer .drawer-category-icon svg {
  color: #292722 !important;
  fill: none;
  stroke: currentColor;
  font-size: 14px !important;
}

/* Category rows: replace flat grey with soft ivory */
.drawer .drawer-category-toggle,
.drawer .drawer-category-link {
  background: #f0eee8 !important;
  color: #292722 !important;
  border: 1px solid #e0dbd1 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

.drawer .drawer-category-toggle:hover,
.drawer .drawer-category-link:hover,
.drawer .drawer-category-toggle:focus-visible,
.drawer .drawer-category-link:focus-visible {
  background: #e8e2d6 !important;
  border-color: #888888 !important;
}

/* Plus / external-link controls */
.drawer .drawer-category-toggle button,
.drawer .drawer-category-toggle > span,
.drawer .drawer-category-toggle > i,
.drawer .drawer-category-link > i,
.drawer a > i {
  color: inherit !important;
}

.drawer .close-drawer {
  background: #eae7df !important;
  color: #242320 !important;
  border-radius: 50% !important;
}

/* Dark-mode drawer */
html[data-theme="dark"] .drawer,
html[data-theme="dark"] .drawer .drawer-head {
  background: #191918 !important;
  color: #f5f1e9 !important;
  border-color: #393835 !important;
}

html[data-theme="dark"] .drawer a,
html[data-theme="dark"] .drawer a:visited {
  color: #f5f1e9 !important;
}

html[data-theme="dark"] .drawer .drawer-category-toggle,
html[data-theme="dark"] .drawer .drawer-category-link {
  background: #252523 !important;
  color: #f5f1e9 !important;
  border-color: #3b3934 !important;
}

html[data-theme="dark"] .drawer .drawer-category-toggle:hover,
html[data-theme="dark"] .drawer .drawer-category-link:hover {
  background: #302e29 !important;
  border-color: #8e7953 !important;
}

html[data-theme="dark"] .drawer .drawer-link-icon,
html[data-theme="dark"] .drawer .drawer-category-icon {
  background: #302f2b !important;
  color: #e2c99b !important;
  border-color: #444139 !important;
}

html[data-theme="dark"] .drawer .drawer-link-icon i,
html[data-theme="dark"] .drawer .drawer-link-icon svg,
html[data-theme="dark"] .drawer .drawer-category-icon i,
html[data-theme="dark"] .drawer .drawer-category-icon svg {
  color: #e2c99b !important;
  stroke: currentColor;
}

html[data-theme="dark"] .drawer .close-drawer {
  background: #302f2b !important;
  color: #f5f1e9 !important;
  border: 1px solid #444139 !important;
}


/* STYLEEY — Liquid Glass with Reflection */
.header {
    background: rgba(255,255,255,0.56) !important;
    -webkit-backdrop-filter: blur(22px) saturate(155%);
    backdrop-filter: blur(22px) saturate(155%);
    border-bottom: 1px solid rgba(255,255,255,0.85);
    box-shadow: 0 8px 30px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.9);
}

.header .icon-button,
.header .menu-btn {
    position: relative;
    overflow: hidden;
    background: rgba(255,255,255,0.48) !important;
    border: 1px solid rgba(255,255,255,0.85);
    box-shadow: 0 3px 12px rgba(0,0,0,0.08), inset 0 1px 1px rgba(255,255,255,0.9);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);
}

.header .icon-button::before,
.header .menu-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(155deg, rgba(255,255,255,0.78), rgba(255,255,255,0.18) 24%, transparent 52%, rgba(255,255,255,0.08) 78%, transparent);
}

.drawer {
    background: rgba(250,249,246,0.80) !important;
    -webkit-backdrop-filter: blur(28px) saturate(145%);
    backdrop-filter: blur(28px) saturate(145%);
    border-right: 1px solid rgba(255,255,255,0.75);
    box-shadow: 12px 0 40px rgba(0,0,0,0.10);
}

.header .icon-button i,
.header .icon-button svg,
.header .menu-btn i,
.header .menu-btn svg {
    position: relative;
    z-index: 1;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .header {
    background: rgba(16,16,18,0.72) !important;
    border-bottom-color: rgba(255,255,255,0.13);
    box-shadow: 0 8px 32px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.12);
}

html[data-theme="dark"] .header .icon-button,
html[data-theme="dark"] .header .menu-btn {
    background: rgba(255,255,255,0.075) !important;
    border-color: rgba(255,255,255,0.20);
    box-shadow: 0 3px 14px rgba(0,0,0,0.20), inset 0 1px 1px rgba(255,255,255,0.20);
}

html[data-theme="dark"] .header .icon-button::before,
html[data-theme="dark"] .header .menu-btn::before {
    background: linear-gradient(155deg, rgba(255,255,255,0.25), rgba(255,255,255,0.07) 24%, transparent 54%, rgba(255,255,255,0.035) 78%, transparent);
}

html[data-theme="dark"] .drawer {
    background: rgba(19,19,21,0.86) !important;
    border-right-color: rgba(255,255,255,0.13);
    box-shadow: 12px 0 42px rgba(0,0,0,0.34);
}

@media (prefers-reduced-motion: no-preference) {
    .header .icon-button,
    .header .menu-btn {
        transition: background 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
    }
    .header .icon-button:hover,
    .header .menu-btn:hover {
        transform: translateY(-1px);
    }
}

/* STYLEEY — Global Liquid Glass for Icons, Search & Categories */

/* Shared glass surfaces */
.header .icon-button,
.header .menu-btn,
.drawer button,
.drawer a,
.drawer [role="button"],
.search-form,
.search-box,
.search-container,
.search-overlay input,
.search-modal input,
.category-card,
.category-item,
.category-link,
.category-toggle,
.category-button,
.category-chip,
.category-filter,
.filter-button,
.product-card .quick-view,
.product-card .wishlist,
.cart-drawer button,
.cart-drawer a {
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
}

/* Icon buttons and controls */
.icon-button,
.menu-btn,
button[aria-label],
a[aria-label],
.search-toggle,
.cart-toggle,
.account-toggle,
.theme-toggle,
.wishlist-toggle,
.filter-toggle {
    position: relative;
    isolation: isolate;
    border-color: rgba(255,255,255,0.55);
    transition:
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        transform 220ms ease;
}

/* Reflective highlight */
.icon-button::before,
.menu-btn::before,
.search-toggle::before,
.cart-toggle::before,
.account-toggle::before,
.theme-toggle::before,
.wishlist-toggle::before,
.filter-toggle::before,
.category-chip::before,
.category-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(
        145deg,
        rgba(255,255,255,0.68) 0%,
        rgba(255,255,255,0.22) 22%,
        transparent 48%,
        rgba(255,255,255,0.09) 76%,
        transparent 100%
    );
}

/* Keep icon glyphs clean: never create filled icon blocks */
.icon-button i,
.icon-button svg,
.icon-button img,
.menu-btn i,
.menu-btn svg,
.menu-btn img,
button[aria-label] i,
button[aria-label] svg,
a[aria-label] i,
a[aria-label] svg,
.search-toggle i,
.search-toggle svg,
.cart-toggle i,
.cart-toggle svg,
.account-toggle i,
.account-toggle svg,
.theme-toggle i,
.theme-toggle svg,
.wishlist-toggle i,
.wishlist-toggle svg,
.filter-toggle i,
.filter-toggle svg {
    background: transparent !important;
    box-shadow: none !important;
}

/* Search controls */
.search-form,
.search-box,
.search-container,
.search-overlay input,
.search-modal input {
    border: 1px solid rgba(255,255,255,0.72);
    border-radius: 999px;
    background: rgba(255,255,255,0.52);
    box-shadow:
        0 5px 18px rgba(0,0,0,0.055),
        inset 0 1px 0 rgba(255,255,255,0.85);
}

/* Category and filter surfaces */
.drawer button,
.drawer a,
.category-card,
.category-item,
.category-link,
.category-toggle,
.category-button,
.category-chip,
.category-filter,
.filter-button {
    border-color: rgba(255,255,255,0.48);
    transition:
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        transform 220ms ease;
}

.category-card,
.category-item,
.category-link,
.category-toggle,
.category-button,
.category-chip,
.category-filter,
.filter-button {
    box-shadow:
        0 3px 12px rgba(0,0,0,0.045),
        inset 0 1px 0 rgba(255,255,255,0.65);
}

/* Light mode drawer */
html:not([data-theme="dark"]) .drawer {
    background: rgba(248,247,243,0.80) !important;
    border-right: 1px solid rgba(255,255,255,0.82);
    box-shadow: 12px 0 38px rgba(0,0,0,0.10);
}

/* Dark mode surfaces */
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .menu-btn,
html[data-theme="dark"] button[aria-label],
html[data-theme="dark"] a[aria-label],
html[data-theme="dark"] .search-toggle,
html[data-theme="dark"] .cart-toggle,
html[data-theme="dark"] .account-toggle,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .wishlist-toggle,
html[data-theme="dark"] .filter-toggle {
    background-color: rgba(255,255,255,0.075);
    border-color: rgba(255,255,255,0.18);
    box-shadow:
        0 4px 16px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.16);
}

html[data-theme="dark"] .icon-button::before,
html[data-theme="dark"] .menu-btn::before,
html[data-theme="dark"] .search-toggle::before,
html[data-theme="dark"] .cart-toggle::before,
html[data-theme="dark"] .account-toggle::before,
html[data-theme="dark"] .theme-toggle::before,
html[data-theme="dark"] .wishlist-toggle::before,
html[data-theme="dark"] .filter-toggle::before,
html[data-theme="dark"] .category-chip::before,
html[data-theme="dark"] .category-button::before {
    background: linear-gradient(
        145deg,
        rgba(255,255,255,0.24) 0%,
        rgba(255,255,255,0.07) 22%,
        transparent 50%,
        rgba(255,255,255,0.035) 76%,
        transparent 100%
    );
}

html[data-theme="dark"] .search-form,
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .search-container,
html[data-theme="dark"] .search-overlay input,
html[data-theme="dark"] .search-modal input {
    background: rgba(255,255,255,0.065);
    border-color: rgba(255,255,255,0.16);
    color: #F5F5F5;
    box-shadow:
        0 5px 18px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.10);
}

html[data-theme="dark"] .drawer button,
html[data-theme="dark"] .drawer a,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .category-item,
html[data-theme="dark"] .category-link,
html[data-theme="dark"] .category-toggle,
html[data-theme="dark"] .category-button,
html[data-theme="dark"] .category-chip,
html[data-theme="dark"] .category-filter,
html[data-theme="dark"] .filter-button {
    border-color: rgba(255,255,255,0.12);
    box-shadow:
        0 3px 12px rgba(0,0,0,0.15),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

/* Gentle hover reflection */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .icon-button:hover,
    .menu-btn:hover,
    .search-toggle:hover,
    .cart-toggle:hover,
    .account-toggle:hover,
    .theme-toggle:hover,
    .wishlist-toggle:hover,
    .filter-toggle:hover,
    .category-card:hover,
    .category-item:hover,
    .category-link:hover,
    .category-chip:hover,
    .category-button:hover,
    .filter-button:hover {
        transform: translateY(-1px);
        box-shadow:
            0 6px 20px rgba(0,0,0,0.09),
            inset 0 1px 0 rgba(255,255,255,0.75);
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .icon-button,
    .menu-btn,
    .category-card,
    .category-item,
    .category-link,
    .category-chip,
    .category-button {
        transition: none !important;
    }
}


/* =====================================================
   STYLEEY — PREMIUM LIQUID GLASS NAVIGATION V2
   Header • Logo • Search • Categories • Icons • Subcats
   Light + Dark themes
   ===================================================== */

:root {
    --sy-glass-light: rgba(255,255,255,.68);
    --sy-glass-light-soft: rgba(255,255,255,.46);
    --sy-glass-light-edge: rgba(255,255,255,.88);
    --sy-glass-dark: rgba(25,25,26,.76);
    --sy-glass-dark-soft: rgba(255,255,255,.055);
    --sy-glass-dark-edge: rgba(255,255,255,.15);
    --sy-glass-blur: 22px;
}

/* Drawer foundation */
.drawer {
    isolation: isolate;
    background: rgba(246,245,241,.88) !important;
    -webkit-backdrop-filter: blur(28px) saturate(155%);
    backdrop-filter: blur(28px) saturate(155%);
    border-right: 1px solid rgba(255,255,255,.82);
    box-shadow: 14px 0 42px rgba(0,0,0,.12);
}

/* Logo header */
.drawer .drawer-head {
    position: relative;
    isolation: isolate;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.86),
        rgba(255,255,255,.48) 58%,
        rgba(255,255,255,.32)
    ) !important;
    border: 1px solid rgba(255,255,255,.88);
    border-bottom-color: rgba(255,255,255,.62);
    border-radius: 0 0 17px 17px;
    box-shadow:
        0 5px 18px rgba(0,0,0,.045),
        inset 0 1px 0 rgba(255,255,255,.98);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
    backdrop-filter: blur(22px) saturate(160%);
}

.drawer .drawer-head::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        115deg,
        rgba(255,255,255,.52),
        transparent 38%,
        transparent 72%,
        rgba(255,255,255,.20)
    );
}

/* Keep the actual logo above reflections */
.drawer .drawer-head .logo,
.drawer .drawer-head .brand-logo-img,
.drawer .drawer-head .close-drawer {
    position: relative;
    z-index: 1;
}

/* Close button */
.drawer .close-drawer {
    background: rgba(255,255,255,.48);
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 50%;
    box-shadow:
        0 3px 12px rgba(0,0,0,.07),
        inset 0 1px 0 rgba(255,255,255,.95);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

/* Search area */
.drawer .drawer-search {
    position: relative;
    isolation: isolate;
    background: rgba(255,255,255,.28);
    border: 1px solid rgba(255,255,255,.68);
    border-radius: 17px;
    padding: 7px;
    box-shadow:
        0 4px 16px rgba(0,0,0,.035),
        inset 0 1px 0 rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    backdrop-filter: blur(20px) saturate(150%);
}

.drawer .drawer-search input {
    background: rgba(255,255,255,.77) !important;
    color: #202020 !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 999px !important;
    box-shadow:
        inset 0 1px 3px rgba(0,0,0,.035),
        0 1px 0 rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.drawer .drawer-search input::placeholder {
    color: #777 !important;
}

.drawer .drawer-search button[type="submit"] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 999px;
    background: linear-gradient(145deg,#303030,#111) !important;
    color: #fff !important;
    box-shadow:
        0 4px 12px rgba(0,0,0,.15),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.drawer .drawer-search button[type="submit"]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        150deg,
        rgba(255,255,255,.24),
        transparent 45%,
        rgba(255,255,255,.035)
    );
}

/* Main navigation links */
.drawer > a,
.drawer .drawer-category-toggle,
.drawer .drawer-category-link,
.drawer .drawer-track-order,
.drawer .drawer-bag-link {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.70),
        rgba(255,255,255,.42)
    ) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 13px !important;
    box-shadow:
        0 3px 10px rgba(0,0,0,.035),
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 -1px 0 rgba(0,0,0,.025);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
    backdrop-filter: blur(18px) saturate(145%);
    transition:
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

/* Reflection on rows without covering text */
.drawer > a::before,
.drawer .drawer-category-toggle::before,
.drawer .drawer-category-link::before,
.drawer .drawer-track-order::before,
.drawer .drawer-bag-link::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(
        118deg,
        rgba(255,255,255,.50) 0%,
        rgba(255,255,255,.16) 23%,
        transparent 48%,
        transparent 76%,
        rgba(255,255,255,.15) 100%
    );
}

/* Icon tiles */
.drawer .drawer-link-icon {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(
        145deg,
        rgba(255,255,255,.88),
        rgba(235,233,226,.70)
    ) !important;
    color: #292824 !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 9px !important;
    box-shadow:
        0 2px 7px rgba(0,0,0,.055),
        inset 0 1px 0 rgba(255,255,255,.98);
}

.drawer .drawer-link-icon i,
.drawer .drawer-link-icon svg {
    position: relative;
    z-index: 1;
    color: inherit !important;
    fill: none;
    background: transparent !important;
    box-shadow: none !important;
}

/* Category labels */
.drawer .drawer-category-name {
    letter-spacing: .075em;
    font-weight: 650;
}

/* Plus / minus control */
.drawer .drawer-category-toggle-icon {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 50%;
    box-shadow:
        0 2px 7px rgba(0,0,0,.055),
        inset 0 1px 0 rgba(255,255,255,.95);
}

/* Expanded category list */
.drawer .drawer-subcategory-list {
    border-left: 1px solid rgba(110,105,94,.20);
}

.drawer .drawer-shop-all,
.drawer .drawer-subcategory {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: rgba(255,255,255,.43) !important;
    border: 1px solid rgba(255,255,255,.54);
    border-radius: 11px !important;
    box-shadow:
        0 2px 8px rgba(0,0,0,.025),
        inset 0 1px 0 rgba(255,255,255,.72);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    backdrop-filter: blur(16px) saturate(140%);
    transition: background .2s ease, border-color .2s ease;
}

.drawer .drawer-shop-all {
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(255,255,255,.86);
    font-weight: 700;
}

.drawer .drawer-arrow,
.drawer .drawer-external-icon {
    opacity: .68;
}

/* Dark theme foundation */
html[data-theme="dark"] .drawer {
    background: rgba(15,15,16,.91) !important;
    border-right-color: rgba(255,255,255,.13);
    box-shadow: 14px 0 44px rgba(0,0,0,.36);
}

/* Dark logo header */
html[data-theme="dark"] .drawer .drawer-head {
    background: linear-gradient(
        135deg,
        rgba(43,43,44,.88),
        rgba(27,27,28,.78) 58%,
        rgba(22,22,23,.80)
    ) !important;
    border-color: rgba(255,255,255,.16);
    box-shadow:
        0 5px 20px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.13);
}

html[data-theme="dark"] .drawer .drawer-head::after {
    background: linear-gradient(
        115deg,
        rgba(255,255,255,.12),
        transparent 38%,
        transparent 72%,
        rgba(255,255,255,.045)
    );
}

html[data-theme="dark"] .drawer .close-drawer {
    background: rgba(255,255,255,.08);
    color: #f5f5f5;
    border-color: rgba(255,255,255,.18);
    box-shadow:
        0 3px 12px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.16);
}

/* Dark search */
html[data-theme="dark"] .drawer .drawer-search {
    background: rgba(255,255,255,.035);
    border-color: rgba(255,255,255,.13);
    box-shadow:
        0 4px 18px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.07);
}

html[data-theme="dark"] .drawer .drawer-search input {
    background: rgba(255,255,255,.11) !important;
    color: #f5f5f5 !important;
    border-color: rgba(255,255,255,.20) !important;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.16);
}

html[data-theme="dark"] .drawer .drawer-search input::placeholder {
    color: rgba(255,255,255,.60) !important;
}

html[data-theme="dark"] .drawer .drawer-search button[type="submit"] {
    background: linear-gradient(145deg,#343434,#202020) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.19);
    box-shadow:
        0 4px 13px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.19);
}

/* Dark category and navigation glass */
html[data-theme="dark"] .drawer > a,
html[data-theme="dark"] .drawer .drawer-category-toggle,
html[data-theme="dark"] .drawer .drawer-category-link,
html[data-theme="dark"] .drawer .drawer-track-order,
html[data-theme="dark"] .drawer .drawer-bag-link {
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.095),
        rgba(255,255,255,.035)
    ) !important;
    color: #f1f1f1;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow:
        0 3px 12px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(0,0,0,.14);
}

html[data-theme="dark"] .drawer > a::before,
html[data-theme="dark"] .drawer .drawer-category-toggle::before,
html[data-theme="dark"] .drawer .drawer-category-link::before,
html[data-theme="dark"] .drawer .drawer-track-order::before,
html[data-theme="dark"] .drawer .drawer-bag-link::before {
    background: linear-gradient(
        118deg,
        rgba(255,255,255,.15) 0%,
        rgba(255,255,255,.045) 23%,
        transparent 48%,
        transparent 76%,
        rgba(255,255,255,.035) 100%
    );
}

/* Dark icon tiles — soft champagne accent */
html[data-theme="dark"] .drawer .drawer-link-icon {
    background: linear-gradient(
        145deg,
        rgba(222,198,151,.20),
        rgba(255,255,255,.065)
    ) !important;
    color: #ead4aa !important;
    border-color: rgba(226,204,164,.22) !important;
    box-shadow:
        0 2px 8px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.13);
}

html[data-theme="dark"] .drawer .drawer-link-icon i,
html[data-theme="dark"] .drawer .drawer-link-icon svg {
    color: #ead4aa !important;
    background: transparent !important;
}

/* Dark plus / minus */
html[data-theme="dark"] .drawer .drawer-category-toggle-icon {
    background: rgba(255,255,255,.12);
    color: #f5f5f5;
    border-color: rgba(255,255,255,.20);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}

/* Dark expanded subcategories */
html[data-theme="dark"] .drawer .drawer-subcategory-list {
    border-left-color: rgba(255,255,255,.16);
}

html[data-theme="dark"] .drawer .drawer-shop-all,
html[data-theme="dark"] .drawer .drawer-subcategory {
    background: rgba(255,255,255,.065) !important;
    color: #e6e6e6;
    border-color: rgba(255,255,255,.11);
    box-shadow:
        0 2px 8px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.07);
}

html[data-theme="dark"] .drawer .drawer-shop-all {
    background: rgba(255,255,255,.12) !important;
    color: #fff;
    border-color: rgba(255,255,255,.20);
}

/* Hover and keyboard focus */
@media (hover: hover) {
    .drawer > a:hover,
    .drawer .drawer-category-toggle:hover,
    .drawer .drawer-category-link:hover,
    .drawer .drawer-track-order:hover,
    .drawer .drawer-bag-link:hover,
    .drawer .drawer-subcategory:hover {
        transform: translateY(-1px);
        border-color: rgba(255,255,255,.95) !important;
        box-shadow:
            0 6px 18px rgba(0,0,0,.075),
            inset 0 1px 0 rgba(255,255,255,.95);
    }

    html[data-theme="dark"] .drawer > a:hover,
    html[data-theme="dark"] .drawer .drawer-category-toggle:hover,
    html[data-theme="dark"] .drawer .drawer-category-link:hover,
    html[data-theme="dark"] .drawer .drawer-track-order:hover,
    html[data-theme="dark"] .drawer .drawer-bag-link:hover,
    html[data-theme="dark"] .drawer .drawer-subcategory:hover {
        border-color: rgba(255,255,255,.27) !important;
        box-shadow:
            0 6px 18px rgba(0,0,0,.22),
            inset 0 1px 0 rgba(255,255,255,.16);
    }
}

.drawer a:focus-visible,
.drawer button:focus-visible,
.drawer input:focus-visible {
    outline: 2px solid #9a8b70;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .drawer a,
    .drawer button,
    .drawer input {
        transition: none !important;
    }
}


/* STYLEEY — Fix logo background and rectangular reflection */
.drawer .drawer-head .logo,
.drawer .drawer-head .logo::before,
.drawer .drawer-head .logo::after,
.drawer .drawer-head .brand-logo-img,
.header .logo,
.header .logo::before,
.header .logo::after,
.header .logo .brand-logo-img {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.drawer .drawer-head .logo {
    position: relative;
    z-index: 2;
    isolation: auto;
}

.drawer .drawer-head .brand-logo-img {
    display: block;
    object-fit: contain;
    filter: none !important;
}

html[data-theme="dark"] .drawer .drawer-head .logo,
html[data-theme="dark"] .drawer .drawer-head .brand-logo-img,
html[data-theme="dark"] .header .logo,
html[data-theme="dark"] .header .logo .brand-logo-img {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* STYLEEY — Final transparent logo fix in category navigation */
.drawer .drawer-head,
.drawer .drawer-head > .logo,
.drawer .drawer-head > a.logo,
.drawer .drawer-head .brand-logo-img,
.drawer .drawer-head .sidebar-logo-img {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.drawer .drawer-head > .logo,
.drawer .drawer-head > a.logo {
    isolation: auto !important;
    mix-blend-mode: normal !important;
}

.drawer .drawer-head .brand-logo-img,
.drawer .drawer-head .sidebar-logo-img {
    display: block !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

html[data-theme="dark"] .drawer .drawer-head,
html[data-theme="dark"] .drawer .drawer-head > .logo,
html[data-theme="dark"] .drawer .drawer-head > a.logo,
html[data-theme="dark"] .drawer .drawer-head .brand-logo-img,
html[data-theme="dark"] .drawer .drawer-head .sidebar-logo-img {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* STYLEEY — Remove logo container border and rectangular highlight */
.drawer .drawer-head {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.drawer .drawer-head::before,
.drawer .drawer-head::after,
.drawer .drawer-head > .logo::before,
.drawer .drawer-head > .logo::after {
    content: none !important;
    display: none !important;
}

.drawer .drawer-head > .logo,
.drawer .drawer-head > a.logo,
.drawer .drawer-head .brand-logo-img,
.drawer .drawer-head .sidebar-logo-img {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Preserve glass styling for the close button */
.drawer .drawer-head .close-drawer {
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

/* Dark-mode logo visibility */
html[data-theme="dark"] .drawer .drawer-head .brand-logo-img,
html[data-theme="dark"] .drawer .drawer-head .sidebar-logo-img {
    filter: brightness(0) invert(1) !important;
}

/* Keep original logo colors in light mode */
html:not([data-theme="dark"]) .drawer .drawer-head .brand-logo-img,
html:not([data-theme="dark"]) .drawer .drawer-head .sidebar-logo-img {
    filter: none !important;
}

/* STYLEEY — Desktop dropdown category contrast fix */

/* Light mode */
@media (min-width: 769px) {
    .header .nav-dropdown,
    .header .dropdown-menu,
    .header .mega-menu,
    .header .submenu {
        background: rgba(250,249,246,.97) !important;
        color: #202020 !important;
        border: 1px solid rgba(30,30,30,.14) !important;
        box-shadow: 0 14px 35px rgba(0,0,0,.14) !important;
        -webkit-backdrop-filter: blur(20px) saturate(150%);
        backdrop-filter: blur(20px) saturate(150%);
    }

    .header .nav-dropdown a,
    .header .dropdown-menu a,
    .header .mega-menu a,
    .header .submenu a {
        color: #33312d !important;
        background: transparent;
    }

    .header .nav-dropdown a:hover,
    .header .dropdown-menu a:hover,
    .header .mega-menu a:hover,
    .header .submenu a:hover {
        color: #111 !important;
        background: rgba(0,0,0,.055) !important;
    }
}

/* Dark mode */
@media (min-width: 769px) {
    html[data-theme="dark"] .header .nav-dropdown,
    html[data-theme="dark"] .header .dropdown-menu,
    html[data-theme="dark"] .header .mega-menu,
    html[data-theme="dark"] .header .submenu {
        background: rgba(27,27,28,.97) !important;
        color: #f5f5f5 !important;
        border-color: rgba(255,255,255,.16) !important;
        box-shadow: 0 14px 35px rgba(0,0,0,.38) !important;
    }

    html[data-theme="dark"] .header .nav-dropdown a,
    html[data-theme="dark"] .header .dropdown-menu a,
    html[data-theme="dark"] .header .mega-menu a,
    html[data-theme="dark"] .header .submenu a {
        color: #e8e8e8 !important;
        background: transparent;
    }

    html[data-theme="dark"] .header .nav-dropdown a:hover,
    html[data-theme="dark"] .header .dropdown-menu a:hover,
    html[data-theme="dark"] .header .mega-menu a:hover,
    html[data-theme="dark"] .header .submenu a:hover {
        color: #fff !important;
        background: rgba(255,255,255,.09) !important;
    }
}

/* STYLEEY — Desktop Liquid Glass Category Dropdown */
@media (min-width: 769px) {
    .nav-category {
        position: relative;
    }

    /* Light mode submenu */
    .nav-category .nav-submenu {
        background: rgba(250, 249, 246, 0.94) !important;
        color: #242320 !important;
        border: 1px solid rgba(255, 255, 255, 0.88) !important;
        border-radius: 0 0 12px 12px;
        box-shadow:
            0 12px 32px rgba(0, 0, 0, 0.13),
            inset 0 1px 0 rgba(255, 255, 255, 0.9);
        -webkit-backdrop-filter: blur(24px) saturate(155%);
        backdrop-filter: blur(24px) saturate(155%);
        overflow: hidden;
    }

    .nav-category .nav-submenu a {
        display: block;
        color: #34322e !important;
        background: transparent !important;
        opacity: 1 !important;
        text-shadow: none !important;
        transition: background 180ms ease, color 180ms ease;
    }

    .nav-category .nav-submenu a:hover {
        background: rgba(0, 0, 0, 0.065) !important;
        color: #111111 !important;
    }

    /* Dark mode submenu */
    html[data-theme="dark"] .nav-category .nav-submenu {
        background: rgba(27, 27, 28, 0.94) !important;
        color: #f4f4f4 !important;
        border-color: rgba(255, 255, 255, 0.16) !important;
        box-shadow:
            0 12px 32px rgba(0, 0, 0, 0.38),
            inset 0 1px 0 rgba(255, 255, 255, 0.10);
    }

    html[data-theme="dark"] .nav-category .nav-submenu a {
        color: #e9e9e9 !important;
        background: transparent !important;
    }

    html[data-theme="dark"] .nav-category .nav-submenu a:hover {
        color: #ffffff !important;
        background: rgba(255, 255, 255, 0.09) !important;
    }
}

/* STYLEEY — Desktop bag icon and count styling */
@media (min-width: 769px) {
    .header .bag-link,
    .header .cart-link,
    .header .header-cart,
    .header .cart-button,
    .header a[href*="cart"] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 7px 11px !important;
        min-height: 34px;
        border: 1px solid rgba(255,255,255,.23) !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.075) !important;
        color: #f5f5f5 !important;
        box-shadow:
            0 3px 12px rgba(0,0,0,.16),
            inset 0 1px 0 rgba(255,255,255,.16);
        -webkit-backdrop-filter: blur(18px) saturate(145%);
        backdrop-filter: blur(18px) saturate(145%);
        text-decoration: none;
    }

    .header .bag-link i,
    .header .cart-link i,
    .header .header-cart i,
    .header .cart-button i,
    .header a[href*="cart"] i {
        color: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .header .bag-link span,
    .header .cart-link span,
    .header .header-cart span,
    .header .cart-button span,
    .header a[href*="cart"] span {
        color: inherit;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    /* Light theme */
    html:not([data-theme="dark"]) .header .bag-link,
    html:not([data-theme="dark"]) .header .cart-link,
    html:not([data-theme="dark"]) .header .header-cart,
    html:not([data-theme="dark"]) .header .cart-button,
    html:not([data-theme="dark"]) .header a[href*="cart"] {
        color: #242320 !important;
        background: rgba(255,255,255,.62) !important;
        border-color: rgba(255,255,255,.9) !important;
        box-shadow:
            0 3px 12px rgba(0,0,0,.07),
            inset 0 1px 0 rgba(255,255,255,.95);
    }
}

/* STYLEEY — Category spacing and plus/minus icon polish */

/* More breathing room inside category rows */
.drawer .drawer-category-toggle,
.drawer .drawer-category-link {
    box-sizing: border-box;
    padding: 12px 14px !important;
    min-height: 52px;
    gap: 12px;
    border-radius: 13px !important;
}

/* Consistent category icon tiles */
.drawer .drawer-category-toggle .drawer-link-icon,
.drawer .drawer-category-link .drawer-link-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 9px !important;
}

/* Plus and minus controls */
.drawer .drawer-category-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    min-width: 25px;
    border-radius: 50%;
    background: rgba(255,255,255,.82) !important;
    color: #292824 !important;
    border: 1px solid rgba(255,255,255,.95) !important;
    box-shadow:
        0 2px 7px rgba(0,0,0,.07),
        inset 0 1px 0 rgba(255,255,255,.98);
}

.drawer .drawer-category-toggle-icon i {
    color: inherit !important;
    background: transparent !important;
    font-size: 11px;
}

/* Light theme */
html:not([data-theme="dark"]) .drawer .drawer-category-toggle-icon {
    background: linear-gradient(145deg,#fff,#eae8e1) !important;
    color: #25241f !important;
    border-color: rgba(60,55,45,.13) !important;
}

/* Dark theme — soft champagne icon treatment */
html[data-theme="dark"] .drawer .drawer-category-toggle-icon {
    background: linear-gradient(
        145deg,
        rgba(232,211,174,.24),
        rgba(255,255,255,.09)
    ) !important;
    color: #f0d9ad !important;
    border-color: rgba(232,211,174,.34) !important;
    box-shadow:
        0 2px 8px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.15);
}

html[data-theme="dark"] .drawer .drawer-category-toggle-icon i {
    color: #f0d9ad !important;
}

/* Keep expanded categories visually connected */
.drawer .drawer-subcategory-list {
    margin-top: 7px;
    margin-bottom: 10px;
    padding-left: 12px;
    gap: 6px;
}

.drawer .drawer-shop-all,
.drawer .drawer-subcategory {
    box-sizing: border-box;
    padding: 11px 13px !important;
    min-height: 39px;
    border-radius: 10px !important;
}

/* Comfortable separation between category groups */
.drawer .drawer-category-group {
    margin-bottom: 7px;
}

@media (max-width: 768px) {
    .drawer .drawer-category-toggle,
    .drawer .drawer-category-link {
        padding: 12px 13px !important;
        min-height: 53px;
    }
}


/* ==================================================
   STYLEEY MOBILE REPAIR — Android + iOS
   Mobile-only overrides; desktop layout preserved
   ================================================== */

@media (max-width: 700px) {
  html {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
    scroll-padding-top: 76px;
  }

  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    min-width: 0;
  }

  img, video, iframe, svg {
    max-width: 100%;
  }

  /* Header: keep menu, logo, search and bag within screen */
  .header {
    width: 100%;
    min-width: 0;
    height: 62px;
    padding: 0 12px;
    gap: 7px;
    display: flex;
    align-items: center;
  }

  .header > * {
    min-width: 0;
  }

  .menu-btn {
    flex: 0 0 34px;
    width: 34px;
    height: 40px;
  }

  .header > .logo {
    flex: 0 1 auto;
    min-width: 0;
    font-size: clamp(25px, 7vw, 32px);
    letter-spacing: -.05em;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .header-actions {
    flex: 0 0 auto;
    margin-left: auto;
    gap: 8px;
  }

  .header-search {
    flex: 0 0 34px;
    width: 34px;
    min-width: 34px;
  }

  .header-search button,
  .icon-button {
    min-width: 36px;
    min-height: 40px;
    display: inline-grid;
    place-items: center;
  }

  .bag-link {
    min-height: 40px;
    gap: 4px !important;
  }

  .bag-link svg {
    width: 19px;
    height: 19px;
  }

  .bag-link span {
    gap: 3px;
    font-size: 9px;
  }

  .bag-link b {
    min-width: 18px;
    height: 18px;
  }

  /* Search expansion must not push the header wider */
  .header-search:focus-within {
    position: absolute;
    left: 10px;
    right: 10px;
    width: auto;
    max-width: none;
    min-width: 0;
    height: 44px;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #d8d6d1;
    border-radius: 10px;
    box-shadow: 0 8px 25px #00000018;
    z-index: 200;
  }

  .header-search:focus-within input {
    display: block;
    position: static;
    width: 100%;
    min-width: 0;
    flex: 1;
    opacity: 1;
    padding: 10px 5px;
    pointer-events: auto;
    font-size: 16px;
  }

  .header-search:focus-within .search-suggestions {
    position: fixed;
    top: 108px;
    left: 10px;
    right: 10px;
    width: auto;
    max-height: 65dvh;
    overflow-y: auto;
  }

  /* iOS safe areas and scrollable navigation drawer */
  .drawer {
    width: min(90vw, 390px);
    max-width: 100%;
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    padding-top: calc(16px + env(safe-area-inset-top));
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }

  .drawer-head {
    top: calc(-16px - env(safe-area-inset-top));
    min-height: 48px;
    padding-top: 8px;
  }

  .drawer-head .logo {
    min-width: 0;
    max-width: calc(100% - 50px);
  }

  .drawer-search {
    width: 100%;
    min-width: 0;
    gap: 5px;
  }

  .drawer-search input {
    width: 100%;
    min-width: 0;
    font-size: 16px;
  }

  .drawer-search button {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 9px;
    white-space: nowrap;
  }

  .drawer-category-toggle,
  .drawer-category-link {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding: 10px 4px !important;
    gap: 10px;
  }

  .drawer-category-name {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .drawer-link-icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
  }

  .drawer-category-toggle-icon {
    flex: 0 0 25px;
  }

  .drawer-subcategory-list {
    min-width: 0;
    padding-left: 30px;
  }

  .drawer-subcategory-list a {
    min-height: 42px;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  /* Homepage hero and content */
  .hero {
    width: auto;
    max-width: none;
    margin: 7px 7px 0;
    min-height: 460px;
    height: 72svh;
    height: min(72svh, 650px);
    border-radius: 2px;
  }

  .hero-copy {
    width: 100%;
    max-width: 100%;
    padding: 25px 20px;
  }

  .hero h1 {
    font-size: clamp(56px, 15vw, 90px);
    overflow-wrap: anywhere;
  }

  .hero-copy > p:not(.kicker) {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .section,
  .collection-head,
  .breadcrumbs,
  .staff-page {
    min-width: 0;
  }

  .section {
    padding-right: 15px;
    padding-left: 15px;
  }

  .section-head {
    min-width: 0;
    flex-wrap: wrap;
  }

  .section-head h2 {
    min-width: 0;
    font-size: clamp(28px, 8vw, 35px);
  }

  .category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .category-visual {
    min-width: 0;
    aspect-ratio: 1 / 1.12;
  }

  .category-tile > strong {
    gap: 4px;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .category-tile > strong span {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
  }

  .products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 10px;
  }

  .product-card,
  .product-info,
  .product-img {
    min-width: 0;
  }

  .product-info a,
  .product-desc {
    overflow-wrap: anywhere;
  }

  .campaign {
    width: auto;
    max-width: none;
    margin-right: 7px;
    margin-left: 7px;
  }

  /* Product details and purchase controls */
  .product-detail {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 15px 45px;
    gap: 20px;
  }

  .product-gallery,
  .detail-copy,
  .detail-image {
    min-width: 0;
    width: 100%;
  }

  .detail-image {
    aspect-ratio: 1 / 1;
    max-height: none;
  }

  .product-gallery-thumbs {
    gap: 7px;
  }

  .gallery-thumb {
    flex: 0 0 54px;
    width: 54px;
    height: 60px;
  }

  .variant-form {
    min-width: 0;
    grid-template-columns: 34px minmax(0, 1fr) 48px;
    gap: 8px;
    padding: 9px;
  }

  .variant-form > * {
    min-width: 0;
  }

  .variant-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .variant-actions .btn,
  .product-purchase-actions .btn {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 8px;
    white-space: normal;
    text-align: center;
  }

  .product-purchase-form {
    grid-template-columns: minmax(0, 1fr) 76px;
  }

  .product-purchase-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Collection filters and subcategory cards */
  .collection-toolbar {
    width: 100%;
    min-width: 0;
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .sort-form {
    width: 100%;
    min-width: 0;
  }

  .sort-form select {
    min-width: 0;
    max-width: 70%;
  }

  .subcategory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .subcategory-card {
    min-width: 0;
    padding: 10px 8px;
    gap: 7px;
  }

  .subcategory-card > span:nth-child(2) {
    overflow-wrap: anywhere;
  }

  /* Cart, checkout and forms */
  .form-page {
    width: 100%;
    max-width: 100%;
    padding: 35px 15px 55px;
  }

  .checkout-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .checkout-grid > *,
  .checkout-form,
  .order-summary {
    min-width: 0;
    width: 100%;
  }

  .field input,
  .field textarea,
  .field select,
  .payment-choice,
  .payment-accounts {
    max-width: 100%;
    min-width: 0;
  }

  .field input,
  .field textarea,
  .field select {
    font-size: 16px;
  }

  .payment-choice {
    grid-template-columns: 18px 36px minmax(0, 1fr) 16px;
    gap: 8px;
    padding: 10px;
  }

  .payment-choice-icon {
    width: 35px;
    height: 35px;
  }

  .payment-choice-copy {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .cart-line {
    grid-template-columns: 60px minmax(0, 1fr) auto;
    gap: 8px;
  }

  .cart-thumb {
    width: 60px;
    height: 70px;
  }

  .cart-line-end {
    min-width: 0;
    gap: 5px;
  }

  .cart-total {
    width: 100%;
    max-width: 100%;
  }

  /* Footer and wide tables */
  .footer {
    padding-right: 16px;
    padding-left: 16px;
  }

  .footer-top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 14px;
  }

  .footer-brand,
  .footer-admin {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .footer-bottom {
    flex-wrap: wrap;
    gap: 10px;
    line-height: 1.6;
  }

  .table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Touch-friendly controls */
  button,
  .btn,
  .remove-item,
  .gallery-arrow {
    touch-action: manipulation;
  }

  a,
  button,
  input,
  select,
  textarea {
    scroll-margin-top: 80px;
  }
}

/* Extra-small phones */
@media (max-width: 380px) {
  .header {
    padding-right: 8px;
    padding-left: 8px;
    gap: 4px;
  }

  .header > .logo {
    font-size: 25px;
  }

  .header-actions {
    gap: 4px;
  }

  .bag-link span {
    font-size: 8px;
  }

  .section {
    padding-right: 12px;
    padding-left: 12px;
  }

  .category-grid {
    gap: 5px;
  }

  .category-tile > strong {
    font-size: 8px;
    letter-spacing: 0;
  }

  .payment-choice {
    grid-template-columns: 16px 32px minmax(0, 1fr) 14px;
    gap: 6px;
    padding: 8px;
  }
}

/* iOS Safari: keep controls readable and respect device safe areas */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 700px) {
    input,
    select,
    textarea {
      font-size: 16px;
    }

    .drawer {
      padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }

    .search-overlay {
      padding-top: calc(16px + env(safe-area-inset-top));
      padding-bottom: calc(20px + env(safe-area-inset-bottom));
    }
  }
}

/* STYLEEY — Mobile header layout repair */
@media (max-width: 700px) {
  .header {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 60px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .header > .menu-btn {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
  }

  .header > .logo {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    font-size: 27px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .header > .logo .brand-logo-img {
    display: block !important;
    width: min(var(--logo-width-mobile, 130px), 100%) !important;
    max-width: 100% !important;
    max-height: 34px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .header > .desktop-nav {
    display: none !important;
  }

  .header > .header-actions {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    white-space: nowrap !important;
  }

  .header .header-actions .icon-button,
  .header .header-actions .theme-toggle,
  .header .header-actions .search-open-button {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
  }

  .header .header-actions .bag-link {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    height: 34px !important;
    padding: 0 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  .header .header-actions .bag-link > span {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }

  .header .header-actions .bag-link b {
    flex: 0 0 auto !important;
    min-width: 17px !important;
    width: 17px !important;
    height: 17px !important;
    font-size: 9px !important;
  }

  .header .header-brand-slogan {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .header {
    padding-right: 8px !important;
    padding-left: 8px !important;
    gap: 6px !important;
  }

  .header > .menu-btn {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
  }

  .header > .logo {
    font-size: 23px !important;
  }

  .header > .logo .brand-logo-img {
    max-height: 30px !important;
  }

  .header > .header-actions {
    gap: 4px !important;
  }

  .header .header-actions .icon-button,
  .header .header-actions .theme-toggle,
  .header .header-actions .search-open-button {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
  }

  .header .header-actions .bag-link {
    padding: 0 5px !important;
    gap: 4px !important;
  }
}

/* STYLEEY — Refined glass shopping bag control */
.header .header-actions .bag-link {
    background: rgba(255, 255, 255, 0.42) !important;
    border: 1px solid rgba(255, 255, 255, 0.68) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.52),
        0 2px 8px rgba(0, 0, 0, 0.06) !important;
    border-radius: 999px !important;
    color: #171717 !important;
    text-decoration: none !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    backdrop-filter: blur(16px) saturate(140%);
}

.header .header-actions .bag-link > i,
.header .header-actions .bag-link > svg {
    color: inherit !important;
}

.header .header-actions .bag-link b {
    background: #171717 !important;
    color: #fff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .header .header-actions .bag-link {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
    color: #f5f5f5 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-theme="dark"] .header .header-actions .bag-link b {
    background: #f5f5f5 !important;
    color: #171717 !important;
}

@media (max-width: 700px) {
    .header .header-actions .bag-link {
        height: 34px !important;
        padding: 0 8px !important;
        gap: 5px !important;
    }
}

/* STYLEEY — Perfectly round mobile header icons */
@media (max-width: 700px) {
  .header .header-actions .icon-button,
  .header .header-actions .theme-toggle,
  .header .header-actions .search-open-button,
  .header > .menu-btn {
    box-sizing: border-box !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1 !important;
  }

  .header .header-actions .icon-button i,
  .header > .menu-btn i {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .header .header-actions {
    align-items: center !important;
    gap: 7px !important;
  }
}

@media (max-width: 380px) {
  .header .header-actions .icon-button,
  .header .header-actions .theme-toggle,
  .header .header-actions .search-open-button,
  .header > .menu-btn {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
}

/* STYLEEY — Mobile navigation icon and spacing refinement */
@media (max-width: 700px) {

  /* Main navigation links */
  .drawer > a:not(.logo) {
    min-height: 56px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    box-sizing: border-box !important;
  }

  /* Larger icon containers */
  .drawer .drawer-link-icon {
    box-sizing: border-box !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 7px !important;
    border-radius: 12px !important;
  }

  /* Font Awesome icons */
  .drawer .drawer-link-icon i {
    font-size: 20px !important;
    line-height: 1 !important;
    width: auto !important;
  }

  /* SVG icons: Home and Your Bag */
  .drawer .drawer-link-icon svg {
    width: 21px !important;
    height: 21px !important;
    max-width: 100% !important;
  }

  /* Keep external-link arrows smaller */
  .drawer .drawer-arrow i,
  .drawer .drawer-arrow svg {
    width: 15px !important;
    height: 15px !important;
    font-size: 14px !important;
  }

  /* Account, Track Order and Bag */
  .drawer .drawer-track-order,
  .drawer .drawer-bag-link {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    font-size: 12px !important;
    letter-spacing: .045em !important;
  }
}

/* STYLEEY — Clean footer social links */
.footer-brand a,
.footer-brand a:link,
.footer-brand a:visited,
.footer-brand a:hover,
.footer-brand a:focus,
.footer-brand a:active {
    background: transparent !important;
    border: 0 !important;
    outline: none;
    box-shadow: none !important;
    border-radius: 0 !important;
    text-decoration: none !important;
}

.footer-brand .footer-social,
.footer-brand .social-links,
.footer-brand .social-link,
.footer-brand .footer-contact,
.footer-brand .footer-contact a,
.footer-brand .footer-social a,
.footer-brand .social-links a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.footer-brand a:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 3px;
}

@media (max-width: 700px) {
    .footer-brand a:not(.footer-logo) {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 36px;
        padding: 5px 0 !important;
        margin: 0 !important;
        width: fit-content;
        max-width: 100%;
        line-height: 1.5;
    }

    .footer-brand a:not(.footer-logo) i,
    .footer-brand a:not(.footer-logo) svg {
        flex: 0 0 auto;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* STYLEEY — Desktop navigation icon spacing */
@media (min-width: 701px) {
  .desktop-nav .track-order-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    line-height: 1.2 !important;
  }

  .desktop-nav .track-order-link > i {
    display: inline-grid !important;
    place-items: center !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  .desktop-nav .nav-category > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 12px 10px !important;
  }
}

/* STYLEEY — Mobile drawer icon alignment and padding */
@media (max-width: 700px) {

  /* Make plus/minus category toggles perfectly circular */
  .drawer .drawer-category-toggle-icon {
    box-sizing: border-box !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    line-height: 1 !important;
  }

  .drawer .drawer-category-toggle-icon i,
  .drawer .drawer-category-toggle-icon svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    line-height: 14px !important;
  }

  /* Add padding to Home, Account, Track Order and Your Bag */
  .drawer > a:not(.logo) {
    box-sizing: border-box !important;
    min-height: 60px !important;
    padding: 12px 14px !important;
    gap: 14px !important;
  }

  /* Consistent icon size and breathing room */
  .drawer > a:not(.logo) > .drawer-link-icon {
    box-sizing: border-box !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 8px !important;
    display: inline-grid !important;
    place-items: center !important;
  }

  .drawer > a:not(.logo) > .drawer-link-icon i {
    font-size: 19px !important;
    line-height: 1 !important;
  }

  .drawer > a:not(.logo) > .drawer-link-icon svg {
    width: 21px !important;
    height: 21px !important;
  }
}

/* STYLEEY — Force visible padding and borders on mobile drawer icons */
@media (max-width: 700px) {
  .drawer a > .drawer-link-icon,
  .drawer a.drawer-category-link > .drawer-link-icon {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;

    padding: 9px !important;
    margin: 0 2px 0 0 !important;

    border: 1px solid rgba(180, 180, 180, 0.48) !important;
    border-radius: 10px !important;
    background: rgba(180, 180, 180, 0.10) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  }

  .drawer a > .drawer-link-icon i,
  .drawer a > .drawer-link-icon svg {
    box-sizing: border-box !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    font-size: 19px !important;
    line-height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .drawer > a:not(.logo) {
    gap: 12px !important;
    padding: 12px 14px !important;
    min-height: 64px !important;
  }
}

/* STYLEEY — Desktop navigation icon containers */
@media (min-width: 701px) {

  .desktop-nav .track-order-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 10px 15px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
  }

  .desktop-nav .track-order-link > i {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    padding: 6px !important;
    border: 1px solid rgba(160, 145, 120, 0.45) !important;
    border-radius: 8px !important;
    background: rgba(160, 145, 120, 0.10) !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }
}

/* STYLEEY — Final desktop header icon padding */
@media (min-width: 1021px) {
  .header .desktop-nav > a.track-order-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 46px !important;
    padding: 8px 14px !important;
    border: 1px solid var(--line, #dedbd4) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .header .desktop-nav > a.track-order-link > i {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    padding: 7px !important;
    border: 1px solid rgba(180, 160, 125, .55) !important;
    border-radius: 9px !important;
    background: rgba(180, 160, 125, .12) !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .header .header-actions > .bag-link {
    box-sizing: border-box !important;
    min-height: 44px !important;
    padding: 6px 12px !important;
    gap: 9px !important;
    border: 1px solid rgba(180, 160, 125, .45) !important;
    border-radius: 10px !important;
  }

  .header .header-actions > .bag-link > i {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 7px !important;
    border: 1px solid rgba(180, 160, 125, .55) !important;
    border-radius: 9px !important;
    background: rgba(180, 160, 125, .12) !important;
    font-size: 17px !important;
  }
}

/* STYLEEY — Full product photography, larger image area */
.product-card > a.product-img {
    display: block !important;
    position: relative;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    box-sizing: border-box;
    background: #f4f3f0;
}

.product-card > a.product-img > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain !important;
    object-position: center;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box;
}

.product-card:hover > a.product-img > img {
    transform: none !important;
}

/* STYLEEY — Product page Liquid Glass controls */
.product-detail .size-option-button,
.product-detail .related-size-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 48px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 50%;
    background: linear-gradient(
        145deg,
        rgba(255,255,255,.88),
        rgba(238,238,238,.48)
    );
    color: #171717;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 4px 14px rgba(0,0,0,.055);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    backdrop-filter: blur(14px) saturate(150%);
    transition: background .22s ease, color .22s ease,
        border-color .22s ease, box-shadow .22s ease,
        transform .22s ease;
}

.product-detail .size-option-button:hover:not(:disabled),
.product-detail .related-size-button:hover:not(:disabled) {
    transform: translateY(-2px);
    border-color: rgba(160,135,95,.65);
    box-shadow: 0 7px 20px rgba(0,0,0,.10);
}

.product-detail .size-option-button[aria-pressed="true"],
.product-detail .related-size-button[aria-pressed="true"] {
    background: rgba(20,20,20,.94);
    color: #fff;
    border-color: #171717;
    box-shadow: 0 5px 16px rgba(0,0,0,.16);
}

.product-detail .size-option-button:disabled,
.product-detail .related-size-button:disabled {
    opacity: .38;
    cursor: not-allowed;
    box-shadow: none;
}

.product-detail .size-option-button small {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 7px;
    white-space: nowrap;
    letter-spacing: .06em;
}

.product-detail .product-purchase-actions .btn,
.product-detail .product-purchase-actions button {
    min-height: 50px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 999px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 6px 20px rgba(0,0,0,.08);
    -webkit-backdrop-filter: blur(16px) saturate(145%);
    backdrop-filter: blur(16px) saturate(145%);
    transition: transform .22s ease, box-shadow .22s ease,
        background .22s ease;
}

.product-detail .product-purchase-actions .btn:hover:not(:disabled),
.product-detail .product-purchase-actions button:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(0,0,0,.13);
}

.product-detail .product-purchase-actions .btn:focus-visible,
.product-detail .product-purchase-actions button:focus-visible,
.product-detail .size-option-button:focus-visible,
.product-detail .related-size-button:focus-visible {
    outline: 2px solid #a88a59;
    outline-offset: 3px;
}

/* Rounded glass icon controls on the product page */
.product-detail .icon-button,
.product-detail .product-icon-button,
.product-detail .wishlist,
.product-detail .quantity-control button {
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 50%;
    background: rgba(255,255,255,.68);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9),
        0 4px 14px rgba(0,0,0,.06);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    backdrop-filter: blur(14px) saturate(150%);
    transition: transform .22s ease, box-shadow .22s ease;
}

.product-detail .icon-button:hover,
.product-detail .product-icon-button:hover,
.product-detail .wishlist:hover,
.product-detail .quantity-control button:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(0,0,0,.10);
}

@media (max-width: 700px) {
    .product-detail .size-option-button,
    .product-detail .related-size-button {
        min-width: 46px;
        min-height: 46px;
    }

    .product-detail .product-purchase-actions .btn,
    .product-detail .product-purchase-actions button {
        min-height: 48px;
    }
}

html[data-theme="dark"] .product-detail .size-option-button,
html[data-theme="dark"] .product-detail .related-size-button {
    color: #f5f5f5;
    background: rgba(255,255,255,.075);
    border-color: rgba(255,255,255,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09),
        0 5px 16px rgba(0,0,0,.18);
}

html[data-theme="dark"] .product-detail .size-option-button[aria-pressed="true"],
html[data-theme="dark"] .product-detail .related-size-button[aria-pressed="true"] {
    color: #171717;
    background: #f5f5f5;
    border-color: #f5f5f5;
}

html[data-theme="dark"] .product-detail .icon-button,
html[data-theme="dark"] .product-detail .product-icon-button,
html[data-theme="dark"] .product-detail .wishlist,
html[data-theme="dark"] .product-detail .quantity-control button {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.15);
}

/* STYLEEY — Product page glass controls: final override */
.product-detail .size-option-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.product-detail .size-option-grid .size-option-button {
    display: inline-flex !important;
    flex: 0 0 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    aspect-ratio: 1 / 1;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.19), rgba(255,255,255,.045)) !important;
    color: inherit !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.20), 0 5px 16px rgba(0,0,0,.18) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.product-detail .size-option-grid .size-option-button span {
    font-size: 12px;
    font-weight: 700;
}

.product-detail .size-option-grid .size-option-button[aria-pressed="true"] {
    background: linear-gradient(145deg, rgba(190,160,108,.36), rgba(255,255,255,.10)) !important;
    border: 1px solid #888888 !important;
    color: inherit !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 0 0 2px rgba(197,168,117,.18), 0 7px 20px rgba(0,0,0,.20) !important;
}

.product-detail .size-option-grid .size-option-button:hover:not(:disabled) {
    transform: translateY(-2px) !important;
    border-color: #888888 !important;
}

.product-detail .size-option-grid .size-option-button:disabled {
    opacity: .35 !important;
    cursor: not-allowed !important;
}

.product-detail .product-purchase-actions .btn,
.product-detail .product-purchase-actions button {
    border-radius: 999px !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 6px 20px rgba(0,0,0,.16) !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}

.product-detail .product-purchase-actions .btn:hover:not(:disabled),
.product-detail .product-purchase-actions button:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 10px 26px rgba(0,0,0,.24) !important;
}

.product-detail .product-gallery button {
    border: 1px solid rgba(255,255,255,.38) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 16px rgba(0,0,0,.16) !important;
}

.product-detail .size-option-button:focus-visible,
.product-detail .product-purchase-actions button:focus-visible {
    outline: 2px solid #888888 !important;
    outline-offset: 3px;
}

@media (max-width: 700px) {
    .product-detail .size-option-grid .size-option-button {
        flex-basis: 52px !important;
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
    }
}

/* STYLEEY — 3D Liquid Glass */
.product-detail .size-option-button,
.product-detail .related-size-button,
.product-detail .product-purchase-actions .btn,
.product-detail .product-purchase-actions button,
.product-detail .product-gallery button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    transform-style: preserve-3d;
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease !important;
}

/* Glossy reflection layer */
.product-detail .size-option-button::before,
.product-detail .related-size-button::before,
.product-detail .product-purchase-actions .btn::before,
.product-detail .product-purchase-actions button::before,
.product-detail .product-gallery button::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.32) 0%,
        rgba(255,255,255,.09) 24%,
        transparent 48%,
        rgba(255,255,255,.035) 72%,
        rgba(255,255,255,.14) 100%
    );
    opacity: .9;
}

/* Raised 3D surface */
.product-detail .size-option-button,
.product-detail .related-size-button {
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.38),
        inset 0 -2px 3px rgba(0,0,0,.12),
        0 5px 0 rgba(255,255,255,.025),
        0 9px 20px rgba(0,0,0,.22) !important;
}

.product-detail .size-option-button:hover:not(:disabled),
.product-detail .related-size-button:hover:not(:disabled),
.product-detail .product-purchase-actions .btn:hover:not(:disabled),
.product-detail .product-purchase-actions button:hover:not(:disabled),
.product-detail .product-gallery button:hover {
    transform: translateY(-3px) scale(1.025);
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.42),
        0 3px 0 rgba(255,255,255,.035),
        0 14px 28px rgba(0,0,0,.30) !important;
}

.product-detail .size-option-button:active:not(:disabled),
.product-detail .related-size-button:active:not(:disabled),
.product-detail .product-purchase-actions .btn:active:not(:disabled),
.product-detail .product-purchase-actions button:active:not(:disabled) {
    transform: translateY(1px) scale(.985);
    box-shadow:
        inset 0 2px 5px rgba(0,0,0,.18),
        0 2px 5px rgba(0,0,0,.12) !important;
}

/* Gold glass edge on selected size */
.product-detail .size-option-button[aria-pressed="true"] {
    border-color: rgba(218,188,132,.95) !important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.35),
        inset 0 0 12px rgba(218,188,132,.10),
        0 0 0 1px rgba(218,188,132,.20),
        0 8px 22px rgba(0,0,0,.28) !important;
}

/* Subtle depth for product gallery thumbnails */
.product-detail .product-gallery img {
    transition: transform .3s ease, filter .3s ease;
}

.product-detail .product-gallery button:hover img {
    transform: scale(1.045);
    filter: brightness(1.04);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .product-detail .size-option-button,
    .product-detail .related-size-button,
    .product-detail .product-purchase-actions .btn,
    .product-detail .product-purchase-actions button,
    .product-detail .product-gallery button,
    .product-detail .product-gallery img {
        transition: none !important;
    }
}

/* STYLEEY — Liquid Droplet Buttons */
.product-detail .size-option-button,
.product-detail .related-size-button,
.product-detail .product-purchase-actions .btn,
.product-detail .product-purchase-actions button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.48) !important;
    background:
        radial-gradient(ellipse at 28% 8%,
            rgba(255,255,255,.42), transparent 48%),
        linear-gradient(145deg,
            rgba(255,255,255,.16),
            rgba(255,255,255,.035) 55%,
            rgba(0,0,0,.12)) !important;
    box-shadow:
        inset 0 2px 3px rgba(255,255,255,.30),
        inset 0 -4px 8px rgba(0,0,0,.16),
        0 7px 0 rgba(0,0,0,.10),
        0 11px 24px rgba(0,0,0,.24) !important;
    -webkit-backdrop-filter: blur(18px) saturate(175%);
    backdrop-filter: blur(18px) saturate(175%);
    transition:
        transform .25s cubic-bezier(.2,.8,.2,1),
        box-shadow .25s ease,
        border-color .25s ease !important;
}

/* Liquid surface highlight */
.product-detail .size-option-button::before,
.product-detail .related-size-button::before,
.product-detail .product-purchase-actions .btn::before,
.product-detail .product-purchase-actions button::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 12%;
    width: 48%;
    height: 30%;
    border-radius: 50%;
    background: linear-gradient(
        180deg,
        rgba(255,255,255,.48),
        rgba(255,255,255,.04)
    );
    filter: blur(3px);
    pointer-events: none;
    z-index: 0;
}

/* Raised droplet response */
.product-detail .size-option-button:hover:not(:disabled),
.product-detail .related-size-button:hover:not(:disabled),
.product-detail .product-purchase-actions .btn:hover:not(:disabled),
.product-detail .product-purchase-actions button:hover:not(:disabled) {
    transform: translateY(-3px) scale(1.025);
    border-color: rgba(255,255,255,.78) !important;
    box-shadow:
        inset 0 2px 4px rgba(255,255,255,.38),
        inset 0 -3px 7px rgba(0,0,0,.12),
        0 8px 0 rgba(0,0,0,.08),
        0 16px 30px rgba(0,0,0,.30) !important;
}

.product-detail .size-option-button:active:not(:disabled),
.product-detail .related-size-button:active:not(:disabled),
.product-detail .product-purchase-actions .btn:active:not(:disabled),
.product-detail .product-purchase-actions button:active:not(:disabled) {
    transform: translateY(2px) scale(.98);
    box-shadow:
        inset 0 3px 8px rgba(0,0,0,.20),
        0 2px 5px rgba(0,0,0,.12) !important;
}

/* Selected size — liquid champagne droplet */
.product-detail .size-option-button[aria-pressed="true"] {
    border-color: rgba(218,188,132,.95) !important;
    background:
        radial-gradient(ellipse at 28% 8%,
            rgba(255,255,255,.48), transparent 48%),
        linear-gradient(145deg,
            rgba(190,160,108,.38),
            rgba(190,160,108,.10)) !important;
    box-shadow:
        inset 0 2px 4px rgba(255,255,255,.30),
        inset 0 -3px 7px rgba(0,0,0,.12),
        0 0 0 1px rgba(218,188,132,.22),
        0 9px 22px rgba(0,0,0,.24) !important;
}

/* Preserve disabled state */
.product-detail .size-option-button:disabled,
.product-detail .related-size-button:disabled {
    opacity: .38 !important;
    cursor: not-allowed;
    transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .product-detail .size-option-button,
    .product-detail .related-size-button,
    .product-detail .product-purchase-actions .btn,
    .product-detail .product-purchase-actions button {
        transition: none !important;
    }
}

/* STYLEEY — Unified homepage-style glass controls */
.product-detail .size-option-button,
.product-detail .related-size-button,
.product-detail .product-purchase-actions .btn,
.product-detail .product-purchase-actions button,
.product-detail .product-gallery button {
    transform: none;
    box-shadow: var(--liquid-shadow, 0 6px 20px rgba(0,0,0,.08)) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    transition: transform .25s ease, box-shadow .25s ease,
        border-color .25s ease, background .25s ease !important;
}

/* Remove the artificial droplet highlight */
.product-detail .size-option-button::before,
.product-detail .related-size-button::before,
.product-detail .product-purchase-actions .btn::before,
.product-detail .product-purchase-actions button::before {
    content: none !important;
}

.product-detail .size-option-button:hover:not(:disabled),
.product-detail .related-size-button:hover:not(:disabled),
.product-detail .product-purchase-actions .btn:hover:not(:disabled),
.product-detail .product-purchase-actions button:hover:not(:disabled),
.product-detail .product-gallery button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
}

/* Keep size selectors round and the selected size distinct */
.product-detail .size-option-grid .size-option-button {
    border-radius: 50% !important;
}

.product-detail .size-option-grid .size-option-button[aria-pressed="true"] {
    border-color: #888888 !important;
}


/* STYLEEY — Accessible, visible purchase buttons in both themes */
.product-detail .product-purchase-actions .btn,
.product-detail .product-purchase-actions button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 50px;
    background: #171717 !important;
    background-image: linear-gradient(
        135deg,
        rgba(255,255,255,.12),
        transparent 55%
    ) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    opacity: 1 !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 6px 18px rgba(0,0,0,.16) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
}

.product-detail .product-purchase-actions .btn *,
.product-detail .product-purchase-actions button * {
    position: relative;
    z-index: 1;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    opacity: 1 !important;
}

.product-detail .product-purchase-actions .btn:disabled,
.product-detail .product-purchase-actions button:disabled {
    background-color: #383838 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: .72 !important;
    cursor: not-allowed;
}

/* Dark theme: maintain clear contrast against the dark page */
html[data-theme="dark"] .product-detail .product-purchase-actions .btn,
html[data-theme="dark"] .product-detail .product-purchase-actions button {
    background-color: #f1f1f1 !important;
    background-image: linear-gradient(
        135deg,
        rgba(255,255,255,.98),
        rgba(220,220,220,.94)
    ) !important;
    color: #171717 !important;
    -webkit-text-fill-color: #171717 !important;
    border-color: rgba(255,255,255,.7) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 6px 20px rgba(0,0,0,.24) !important;
}

html[data-theme="dark"] .product-detail .product-purchase-actions .btn *,
html[data-theme="dark"] .product-detail .product-purchase-actions button * {
    color: #171717 !important;
    -webkit-text-fill-color: #171717 !important;
}


/* STYLEEY — Distinct, consistent purchase actions */
.product-detail .product-purchase-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch;
}

.product-detail .product-purchase-actions > .btn,
.product-detail .product-purchase-actions > button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap;
    opacity: 1 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: currentColor !important;
    transition: transform .22s ease, box-shadow .22s ease,
        background .22s ease !important;
}

/* Primary: ADD TO CART */
.product-detail .product-purchase-actions > .btn:first-child,
.product-detail .product-purchase-actions > button:first-child {
    background: linear-gradient(135deg, #292929, #080808) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),
        0 6px 16px rgba(0,0,0,.14) !important;
}

/* Accent: BUY IT NOW */
.product-detail .product-purchase-actions > .btn:last-child,
.product-detail .product-purchase-actions > button:last-child {
    background: linear-gradient(135deg, #e6d4ae, #c6a66d) !important;
    color: #17130c !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7),
        0 6px 16px rgba(0,0,0,.10) !important;
}

/* Keep nested labels and icons readable */
.product-detail .product-purchase-actions > .btn:first-child *,
.product-detail .product-purchase-actions > button:first-child * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.product-detail .product-purchase-actions > .btn:last-child *,
.product-detail .product-purchase-actions > button:last-child * {
    color: #17130c !important;
    -webkit-text-fill-color: #17130c !important;
}

.product-detail .product-purchase-actions > .btn:hover:not(:disabled),
.product-detail .product-purchase-actions > button:hover:not(:disabled) {
    transform: translateY(-2px) !important;
}

.product-detail .product-purchase-actions > .btn:disabled,
.product-detail .product-purchase-actions > button:disabled {
    opacity: .58 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

@media (max-width: 480px) {
    .product-detail .product-purchase-actions {
        gap: 8px !important;
    }

    .product-detail .product-purchase-actions > .btn,
    .product-detail .product-purchase-actions > button {
        min-height: 46px !important;
        height: 46px !important;
        padding: 0 8px !important;
        font-size: 10px !important;
        letter-spacing: .04em !important;
    }
}

/* STYLEEY — Refined monochrome luxury purchase buttons */
.product-detail .product-purchase-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: center;
}

.product-detail .product-purchase-actions > .btn,
.product-detail .product-purchase-actions > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .11em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-transform: uppercase;
    text-shadow: none !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%);
    backdrop-filter: blur(12px) saturate(130%);
    transition: transform .22s ease, box-shadow .22s ease,
        background .22s ease, border-color .22s ease !important;
}

/* Add to Cart — deep black */
.product-detail .product-purchase-actions > .btn:first-child,
.product-detail .product-purchase-actions > button:first-child {
    background: linear-gradient(145deg, #252525, #080808) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),
        0 3px 10px rgba(0,0,0,.12) !important;
}

/* Buy It Now — clean white */
.product-detail .product-purchase-actions > .btn:last-child,
.product-detail .product-purchase-actions > button:last-child {
    background: linear-gradient(145deg, #fff, #eaeaea) !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95),
        0 3px 10px rgba(0,0,0,.07) !important;
}

/* Ensure nested text and icons inherit the correct contrast */
.product-detail .product-purchase-actions > .btn:first-child *,
.product-detail .product-purchase-actions > button:first-child * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.product-detail .product-purchase-actions > .btn:last-child *,
.product-detail .product-purchase-actions > button:last-child * {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
}

.product-detail .product-purchase-actions > .btn:hover:not(:disabled),
.product-detail .product-purchase-actions > button:hover:not(:disabled) {
    transform: translateY(-2px) !important;
}

.product-detail .product-purchase-actions > .btn:disabled,
.product-detail .product-purchase-actions > button:disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Dark theme: retain the same black-and-white button identities */
html[data-theme="dark"] .product-detail .product-purchase-actions > .btn:first-child,
html[data-theme="dark"] .product-detail .product-purchase-actions > button:first-child {
    background: linear-gradient(145deg, #252525, #080808) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html[data-theme="dark"] .product-detail .product-purchase-actions > .btn:last-child,
html[data-theme="dark"] .product-detail .product-purchase-actions > button:last-child {
    background: linear-gradient(145deg, #fff, #eaeaea) !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
}

@media (max-width: 480px) {
    .product-detail .product-purchase-actions {
        gap: 8px !important;
    }

    .product-detail .product-purchase-actions > .btn,
    .product-detail .product-purchase-actions > button {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 8px !important;
        font-size: 8px !important;
        letter-spacing: .07em !important;
    }
}

/* STYLEEY — Checkout Liquid Glass */
.checkout-page .checkout-grid {
    align-items: start;
    gap: 24px;
}

.checkout-page .checkout-form,
.checkout-page .order-summary {
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 22px !important;
    background: linear-gradient(
        145deg,
        rgba(255,255,255,.86),
        rgba(247,247,247,.68)
    ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 12px 32px rgba(0,0,0,.055) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
}

.checkout-page .checkout-form {
    padding: clamp(18px, 3vw, 30px) !important;
}

.checkout-page .order-summary {
    padding: clamp(18px, 2.5vw, 26px) !important;
}

/* Form labels */
.checkout-page .checkout-form .field > label,
.checkout-page .payment-group-label {
    display: block;
    margin-bottom: 8px;
    color: #242424;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .09em;
}

/* Inputs, selects and text areas */
.checkout-page .checkout-form input:not([type="radio"]):not([type="checkbox"]),
.checkout-page .checkout-form select,
.checkout-page .checkout-form textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(30,30,30,.10) !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.72) !important;
    color: #171717 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.025),
        0 3px 10px rgba(0,0,0,.025) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition: border-color .2s ease, box-shadow .2s ease,
        background .2s ease !important;
}

.checkout-page .checkout-form input:focus,
.checkout-page .checkout-form select:focus,
.checkout-page .checkout-form textarea:focus {
    outline: none !important;
    border-color: rgba(130,130,130,.65) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,.055),
        0 5px 16px rgba(0,0,0,.045) !important;
}

/* Payment information panel */
.checkout-page .payment-method-help,
.checkout-page .payment-accounts {
    padding: 15px;
    margin: 12px 0 18px;
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 16px;
    background: rgba(255,255,255,.55);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8),
        0 5px 18px rgba(0,0,0,.035);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.checkout-page .payment-method-help h3 {
    margin-top: 0;
    color: #171717;
    font-size: 11px;
    letter-spacing: .1em;
}

.checkout-page .payment-note {
    color: #686868;
    font-size: 11px;
    line-height: 1.7;
}

/* Payment method cards */
.checkout-page .payment-choice {
    position: relative;
    border: 1px solid rgba(20,20,20,.09) !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.64) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9),
        0 4px 14px rgba(0,0,0,.035) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    transition: border-color .2s ease, transform .2s ease,
        box-shadow .2s ease !important;
}

.checkout-page .payment-choice:hover {
    transform: translateY(-1px);
    border-color: rgba(30,30,30,.24) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.065) !important;
}

.checkout-page .payment-choice.is-selected {
    border-color: #292929 !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: inset 0 0 0 1px rgba(25,25,25,.08),
        0 6px 18px rgba(0,0,0,.06) !important;
}

/* Payment logos inside soft icon surfaces */
.checkout-page .payment-choice-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 14px;
    background: linear-gradient(145deg, #fff, #f0f0f0);
    box-shadow: inset 0 1px 0 #fff,
        0 4px 12px rgba(0,0,0,.055);
}

.checkout-page .payment-method-logo {
    display: block;
    max-width: 30px;
    max-height: 26px;
    object-fit: contain;
}

.checkout-page .payment-choice-copy strong {
    color: #171717;
    font-size: 12px;
}

.checkout-page .payment-choice-copy small {
    color: #6c6c6c;
    font-size: 10px;
    line-height: 1.5;
}

/* Copy-payment-number controls */
.checkout-page .payment-number {
    max-width: 100%;
    padding: 9px 13px;
    border: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.9) !important;
    color: #171717 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
    overflow-wrap: anywhere;
    transition: transform .2s ease, box-shadow .2s ease;
}

.checkout-page .payment-number:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(0,0,0,.09);
}

/* Order summary */
.checkout-page .order-summary h3 {
    color: #171717;
    font-size: 12px;
    letter-spacing: .12em;
}

.checkout-page .summary-line {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,.07);
    color: #505050;
    font-size: 12px;
    line-height: 1.6;
}

.checkout-page .summary-line strong {
    color: #171717;
}

.checkout-page .summary-total {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-top: 17px;
    color: #171717;
    font-size: 13px;
    font-weight: 700;
}

.checkout-page #checkout-total {
    font-size: 21px;
    letter-spacing: -.03em;
}

/* Main checkout action */
.checkout-page .checkout-form > button[type="submit"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin-top: 18px;
    padding: 12px 20px;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #282828, #080808) !important;
    color: #fff !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),
        0 7px 20px rgba(0,0,0,.12) !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}

.checkout-page .checkout-form > button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18),
        0 11px 26px rgba(0,0,0,.17) !important;
}

/* Dark theme */
html[data-theme="dark"] .checkout-page .checkout-form,
html[data-theme="dark"] .checkout-page .order-summary {
    background: linear-gradient(
        145deg,
        rgba(39,39,39,.94),
        rgba(22,22,22,.91)
    ) !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055),
        0 12px 32px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] .checkout-page .checkout-form .field > label,
html[data-theme="dark"] .checkout-page .payment-group-label,
html[data-theme="dark"] .checkout-page .payment-method-help h3,
html[data-theme="dark"] .checkout-page .order-summary h3,
html[data-theme="dark"] .checkout-page .summary-line strong,
html[data-theme="dark"] .checkout-page .summary-total {
    color: #f2f2f2 !important;
}

html[data-theme="dark"] .checkout-page .checkout-form input:not([type="radio"]):not([type="checkbox"]),
html[data-theme="dark"] .checkout-page .checkout-form select,
html[data-theme="dark"] .checkout-page .checkout-form textarea {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.13) !important;
    color: #f5f5f5 !important;
}

html[data-theme="dark"] .checkout-page .payment-method-help,
html[data-theme="dark"] .checkout-page .payment-accounts {
    background: rgba(255,255,255,.045);
    border-color: rgba(255,255,255,.09);
}

html[data-theme="dark"] .checkout-page .payment-choice {
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(255,255,255,.12) !important;
}

html[data-theme="dark"] .checkout-page .payment-choice.is-selected {
    background: rgba(255,255,255,.11) !important;
    border-color: rgba(255,255,255,.5) !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy strong,
html[data-theme="dark"] .checkout-page .summary-line {
    color: #ededed !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy small,
html[data-theme="dark"] .checkout-page .payment-note {
    color: #bdbdbd !important;
}

html[data-theme="dark"] .checkout-page .summary-line {
    border-bottom-color: rgba(255,255,255,.10);
}

html[data-theme="dark"] .checkout-page .payment-number {
    background: rgba(255,255,255,.94) !important;
    color: #171717 !important;
}

@media (max-width: 700px) {
    .checkout-page .checkout-grid {
        gap: 16px;
    }

    .checkout-page .checkout-form,
    .checkout-page .order-summary {
        border-radius: 17px !important;
    }

    .checkout-page .payment-choice-icon {
        width: 39px;
        height: 39px;
        border-radius: 12px;
    }
}

/* STYLEEY — iPhone payment-card spacing and unified glass colors */
.checkout-page .payment-choice {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 20px 44px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    column-gap: 12px !important;
    padding: 14px 15px !important;
    min-width: 0;
    border: 1px solid rgba(0,0,0,.09) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.72) !important;
    color: #171717 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9),
        0 5px 16px rgba(0,0,0,.045) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%);
    backdrop-filter: blur(16px) saturate(145%);
}

.checkout-page .payment-choice > input[type="radio"] {
    position: static !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
    justify-self: center;
    accent-color: #171717;
}

.checkout-page .payment-choice .payment-choice-icon {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #fff, #f0f0f0) !important;
    border: 1px solid rgba(0,0,0,.045) !important;
    box-shadow: inset 0 1px 0 #fff,
        0 4px 12px rgba(0,0,0,.055) !important;
}

.checkout-page .payment-choice .payment-choice-copy {
    min-width: 0;
    overflow-wrap: anywhere;
}

.checkout-page .payment-choice-copy strong {
    display: block;
    margin-bottom: 4px;
    color: #171717 !important;
    font-size: 12px;
    line-height: 1.4;
}

.checkout-page .payment-choice-copy small {
    display: block;
    color: #686868 !important;
    font-size: 10px;
    line-height: 1.5;
}

.checkout-page .payment-choice .payment-choice-check {
    justify-self: center;
    align-self: center;
}

.checkout-page .payment-choice.is-selected {
    border-color: rgba(20,20,20,.45) !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.035),
        0 7px 20px rgba(0,0,0,.065) !important;
}

html[data-theme="dark"] .checkout-page .payment-choice {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.13) !important;
    color: #f5f5f5 !important;
}

html[data-theme="dark"] .checkout-page .payment-choice.is-selected {
    background: rgba(255,255,255,.11) !important;
    border-color: rgba(255,255,255,.48) !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy strong {
    color: #f5f5f5 !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy small {
    color: #c2c2c2 !important;
}

html[data-theme="dark"] .checkout-page .payment-choice > input[type="radio"] {
    accent-color: #fff;
}

@media (max-width: 480px) {
    .checkout-page .payment-choice {
        grid-template-columns: 22px 42px minmax(0, 1fr) 16px !important;
        column-gap: 10px !important;
        padding: 13px 12px !important;
    }

    .checkout-page .payment-choice .payment-choice-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }
}

/* STYLEEY — Final monochrome payment selector */
.checkout-page .payment-choice {
    display: grid !important;
    grid-template-columns: 20px 42px minmax(0, 1fr) 16px !important;
    align-items: center !important;
    column-gap: 12px !important;
    padding: 13px 14px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.checkout-page .payment-choice > input[type="radio"] {
    position: static !important;
    display: block !important;
    grid-column: 1 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: center !important;
    accent-color: #111 !important;
}

.checkout-page .payment-choice .payment-choice-icon {
    grid-column: 2 !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    background: #f4f4f4 !important;
    border: 1px solid #ededed !important;
    box-shadow: none !important;
}

.checkout-page .payment-choice .payment-choice-copy {
    grid-column: 3 !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
}

.checkout-page .payment-choice-copy strong {
    color: #111 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.checkout-page .payment-choice-copy small {
    color: #737373 !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
}

.checkout-page .payment-choice .payment-choice-check {
    grid-column: 4 !important;
    justify-self: center !important;
    width: 16px !important;
    height: 16px !important;
    box-sizing: border-box !important;
    border: 1px solid #bdbdbd !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
}

.checkout-page .payment-choice.is-selected {
    border: 1px solid #111 !important;
    background: #f8f8f8 !important;
    box-shadow: inset 0 0 0 1px #111 !important;
}

.checkout-page .payment-choice.is-selected .payment-choice-check {
    border: 5px solid #111 !important;
    background: #fff !important;
}

.checkout-page .payment-choice.is-selected .payment-choice-check::after {
    display: none !important;
}

@media (max-width: 480px) {
    .checkout-page .payment-choice {
        grid-template-columns: 20px 40px minmax(0, 1fr) 15px !important;
        column-gap: 10px !important;
        padding: 12px 10px !important;
    }

    .checkout-page .payment-choice .payment-choice-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }
}

html[data-theme="dark"] .checkout-page .payment-choice {
    background: #171717 !important;
    color: #f5f5f5 !important;
    border-color: #393939 !important;
}

html[data-theme="dark"] .checkout-page .payment-choice.is-selected {
    background: #222 !important;
    border-color: #f5f5f5 !important;
    box-shadow: inset 0 0 0 1px #f5f5f5 !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-icon {
    background: #292929 !important;
    border-color: #393939 !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy strong {
    color: #f5f5f5 !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy small {
    color: #bdbdbd !important;
}

html[data-theme="dark"] .checkout-page .payment-choice.is-selected .payment-choice-check {
    background: #222 !important;
    border-color: #fff !important;
}

/* STYLEEY — Modern, high-contrast checkout payment icons */
.checkout-page .payment-choice {
    grid-template-columns: 22px 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    background: #191919 !important;
    border: 1px solid #383838 !important;
    border-radius: 12px !important;
    color: #fff !important;
}

.checkout-page .payment-choice.is-selected {
    background: #222 !important;
    border: 1.5px solid #f5f5f5 !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.12) !important;
}

.checkout-page .payment-choice > input[type="radio"] {
    grid-column: 1 !important;
    appearance: auto !important;
    -webkit-appearance: radio !important;
    accent-color: #fff !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
}

.checkout-page .payment-choice .payment-choice-icon {
    grid-column: 2 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 10px !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.checkout-page .payment-choice .payment-method-logo {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

.checkout-page .payment-choice .logo-bkash,
.checkout-page .payment-choice .logo-nagad {
    width: 34px !important;
    height: 34px !important;
}

.checkout-page .payment-choice .payment-brand-mark {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #111 !important;
    font-size: 22px !important;
}

.checkout-page .payment-choice-copy strong {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.checkout-page .payment-choice-copy small {
    color: #c5c5c5 !important;
    font-size: 10px !important;
}

.checkout-page .payment-choice .payment-choice-check {
    display: none !important;
}

html[data-theme="dark"] .checkout-page .payment-choice {
    background: #191919 !important;
    color: #fff !important;
}

html[data-theme="dark"] .checkout-page .payment-choice.is-selected {
    background: #222 !important;
    border-color: #f5f5f5 !important;
}

@media (max-width: 480px) {
    .checkout-page .payment-choice {
        grid-template-columns: 22px 44px minmax(0, 1fr) !important;
        gap: 11px !important;
        padding: 12px !important;
    }

    .checkout-page .payment-choice .payment-choice-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }
}

/* STYLEEY — checkout colors aligned with light-mode storefront */
html:not([data-theme="dark"]) .checkout-page .payment-choice {
    background: #fff !important;
    color: #111 !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.035) !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-choice.is-selected {
    background: #f5f5f5 !important;
    color: #111 !important;
    border: 1.5px solid #111 !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04) !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-choice-copy strong {
    color: #111 !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-choice-copy small {
    color: #707070 !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-choice > input[type="radio"] {
    accent-color: #111 !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-choice .payment-choice-icon {
    background: #f5f5f5 !important;
    border-color: #e8e8e8 !important;
}

html[data-theme="dark"] .checkout-page .payment-choice {
    background: #191919 !important;
    color: #fff !important;
    border-color: #383838 !important;
}

html[data-theme="dark"] .checkout-page .payment-choice.is-selected {
    background: #222 !important;
    border-color: #fff !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy strong {
    color: #fff !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy small {
    color: #c5c5c5 !important;
}

/* STYLEEY — final payment logo and light-mode correction */
html:not([data-theme="dark"]) .checkout-page .payment-choice {
    background: #fff !important;
    color: #111 !important;
    border-color: #e5e5e5 !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-choice.is-selected {
    background: #f7f7f7 !important;
    border-color: #111 !important;
    box-shadow: inset 0 0 0 1px #111 !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-choice-copy strong {
    color: #111 !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-choice-copy small {
    color: #666 !important;
}

.checkout-page .payment-choice .payment-choice-icon {
    flex-shrink: 0 !important;
    overflow: hidden !important;
}

.checkout-page .payment-choice .payment-method-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.checkout-page .payment-choice .logo-cod {
    width: 38px !important;
    height: 38px !important;
    padding: 3px !important;
}

.checkout-page .payment-choice .logo-bkash,
.checkout-page .payment-choice .logo-nagad {
    width: 40px !important;
    height: 40px !important;
    padding: 4px !important;
}

.checkout-page .payment-choice .icon-bkash {
    background: #fff0f6 !important;
}

.checkout-page .payment-choice .icon-nagad {
    background: #fff4ed !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy strong {
    color: #fff !important;
}

html[data-theme="dark"] .checkout-page .payment-choice-copy small {
    color: #c5c5c5 !important;
}

/* STYLEEY — payment account box: consistent light and dark themes */

/* Light mode */
html:not([data-theme="dark"]) .checkout-page .payment-accounts {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    color: #111 !important;
    border-radius: 12px !important;
    padding: 14px !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-account-row {
    background: #f7f7f7 !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 9px !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-account-content strong,
html:not([data-theme="dark"]) .checkout-page .payment-note {
    color: #555 !important;
}

/* Dark mode */
html[data-theme="dark"] .checkout-page .payment-accounts {
    background: #191919 !important;
    border: 1px solid #383838 !important;
    color: #f5f5f5 !important;
    border-radius: 12px !important;
    padding: 14px !important;
}

html[data-theme="dark"] .checkout-page .payment-account-row {
    background: #242424 !important;
    border: 1px solid #393939 !important;
    border-radius: 9px !important;
}

html[data-theme="dark"] .checkout-page .payment-account-content strong,
html[data-theme="dark"] .checkout-page .payment-note {
    color: #d0d0d0 !important;
}

html[data-theme="dark"] .checkout-page .payment-number {
    background: #303030 !important;
    color: #fff !important;
    border: 1px solid #505050 !important;
    border-radius: 7px !important;
}

html[data-theme="dark"] .checkout-page .copy-payment-status {
    color: #fff !important;
}

/* STYLEEY — payment account box: consistent light and dark themes */

/* Light mode */
html:not([data-theme="dark"]) .checkout-page .payment-accounts {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    color: #111 !important;
    border-radius: 12px !important;
    padding: 14px !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-account-row {
    background: #f7f7f7 !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 9px !important;
}

html:not([data-theme="dark"]) .checkout-page .payment-account-content strong,
html:not([data-theme="dark"]) .checkout-page .payment-note {
    color: #555 !important;
}

/* Dark mode */
html[data-theme="dark"] .checkout-page .payment-accounts {
    background: #191919 !important;
    border: 1px solid #383838 !important;
    color: #f5f5f5 !important;
    border-radius: 12px !important;
    padding: 14px !important;
}

html[data-theme="dark"] .checkout-page .payment-account-row {
    background: #242424 !important;
    border: 1px solid #393939 !important;
    border-radius: 9px !important;
}

html[data-theme="dark"] .checkout-page .payment-account-content strong,
html[data-theme="dark"] .checkout-page .payment-note {
    color: #d0d0d0 !important;
}

html[data-theme="dark"] .checkout-page .payment-number {
    background: #303030 !important;
    color: #fff !important;
    border: 1px solid #505050 !important;
    border-radius: 7px !important;
}

html[data-theme="dark"] .checkout-page .copy-payment-status {
    color: #fff !important;
}

/* STYLEEY — independent admin-controlled sidebar logo widths */
.drawer .drawer-head .sidebar-logo-img {
    display: block !important;
    width: var(--logo-width-desktop, 138px) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    flex: 0 1 auto !important;
}

@media (max-width: 768px) {
    .drawer .drawer-head .sidebar-logo-img {
        width: var(--logo-width-mobile, 110px) !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }
}

/* STYLEEY — prevent bright background flash on bag page */
html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: #111 !important;
}

html[data-theme="dark"] body:before {
    opacity: 0 !important;
    animation: none !important;
}

html[data-theme="dark"] body .form-page {
    background: transparent !important;
}

/* Avoid transitions flashing white during cart navigation */
html[data-theme="dark"] .form-page,
html[data-theme="dark"] .cart-lines,
html[data-theme="dark"] .cart-line,
html[data-theme="dark"] .cart-total {
    transition-property: color, border-color, box-shadow !important;
}

/* Temporary diagnostic: prevent animated background flashes in dark mode */
html[data-theme="dark"] body {
    background: #111 !important;
    background-attachment: scroll !important;
}

html[data-theme="dark"] body::before {
    display: none !important;
    animation: none !important;
    opacity: 0 !important;
}

/* STYLEEY STAFF — PREMIUM DARK CONTROL ROOM */
.staff-page {
  color: #f4f3ef;
  background: #101010;
  padding: 48px 5.5% 76px;
  min-height: 70vh;
}
.staff-page h1,
.staff-page h2,
.staff-page h3,
.staff-page strong {
  color: #f4f3ef;
}
.staff-page .kicker.dark {
  color: #a6a39c;
}
.staff-page > p {
  color: #aaa69f;
  line-height: 1.8;
}
.staff-page .staff-head {
  padding-bottom: 24px;
  border-bottom: 1px solid #30302d;
}
.staff-page .staff-head a,
.staff-page .staff-head button {
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.staff-page .outline-dark,
.staff-page .btn.outline-dark {
  background: transparent;
  color: #f4f3ef;
  border: 1px solid #494944;
}
.staff-page .outline-dark:hover,
.staff-page .btn.outline-dark:hover {
  background: #f4f3ef;
  color: #111;
  border-color: #f4f3ef;
}
.staff-page .btn.dark-btn {
  background: #f4f3ef;
  color: #111;
  border-color: #f4f3ef;
  transition: background .2s ease, color .2s ease;
}
.staff-page .btn.dark-btn:hover {
  background: #d8d6d0;
  border-color: #d8d6d0;
}
.staff-page .stats-grid > div {
  background: linear-gradient(145deg, #1d1d1b, #151515);
  border: 1px solid #30302d;
  padding: 22px;
  gap: 15px;
  transition: border-color .2s ease, transform .2s ease;
}
.staff-page .stats-grid > div:hover {
  border-color: #77736a;
  transform: translateY(-2px);
}
.staff-page .stats-grid small {
  color: #aaa69f;
  line-height: 1.5;
}
.staff-page .stats-grid strong {
  font-family: var(--display);
  font-size: 34px;
  font-weight: 400;
  letter-spacing: .02em;
}
.staff-page .staff-actions {
  margin-bottom: 44px;
}
.staff-page .staff-title {
  color: #f4f3ef;
  margin: 0 0 18px;
}
.staff-page .table-wrap {
  border: 1px solid #30302d;
  background: #141414;
  border-radius: 2px;
  scrollbar-width: thin;
  scrollbar-color: #555 #171717;
}
.staff-page table {
  width: 100%;
  border-collapse: collapse;
}
.staff-page th {
  color: #bcb8b0;
  background: #20201e;
  border-bottom: 1px solid #393936;
  font-size: 9px;
  letter-spacing: .1em;
  font-weight: 700;
  white-space: nowrap;
}
.staff-page td {
  color: #e5e3de;
  border-bottom: 1px solid #292927;
  line-height: 1.6;
}
.staff-page tbody tr {
  transition: background .18s ease;
}
.staff-page tbody tr:hover {
  background: #1c1c1a;
}
.staff-page tbody tr:last-child td {
  border-bottom: 0;
}
.staff-page td small {
  color: #a5a199;
  overflow-wrap: anywhere;
}
.staff-page .status-pill {
  color: #eeeae2;
  background: #292925;
  border: 1px solid #41413b;
  padding: 6px 9px;
  letter-spacing: .03em;
  white-space: nowrap;
}
.staff-page .filters a {
  color: #c6c2b9;
  border: 1px solid #393936;
  background: #171716;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.staff-page .filters a:hover,
.staff-page .filters a:focus-visible {
  color: #111;
  background: #f4f3ef;
  border-color: #f4f3ef;
}
.staff-page .mini-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 9px 12px;
  color: #111;
  background: #f4f3ef;
  border: 1px solid #f4f3ef;
  text-align: center;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.staff-page .mini-btn:hover {
  color: #fff;
  background: #292925;
  border-color: #55554e;
}
.staff-page .status-form select,
.staff-page .status-form textarea {
  color: #f1efe9;
  background: #191918;
  border: 1px solid #41413b;
  border-radius: 0;
}
.staff-page .status-form select {
  min-height: 36px;
}
.staff-page .status-form textarea {
  line-height: 1.6;
}
.staff-page .status-form select:focus,
.staff-page .status-form textarea:focus {
  outline: 1px solid #aaa69f;
  outline-offset: 1px;
}
.staff-page .status-form textarea::placeholder {
  color: #858179;
}
.staff-page .staff-order-history {
  margin-top: 12px;
  padding-top: 9px;
  border-top: 1px solid #30302d;
}
.staff-page .staff-order-history summary {
  color: #d5d1c8;
  cursor: pointer;
  font-size: 10px;
}
.staff-page .staff-order-history summary:hover {
  color: #fff;
}
.staff-page .staff-history-entry {
  padding: 10px 0 4px;
  border-bottom: 1px solid #292927;
}
.staff-page a:focus-visible,
.staff-page button:focus-visible {
  outline: 2px solid #c8c2b6;
  outline-offset: 3px;
}
@media (max-width: 700px) {
  .staff-page {
    padding: 34px 16px 54px;
  }
  .staff-page .staff-head {
    gap: 14px;
    flex-wrap: wrap;
  }
  .staff-page .stats-grid {
    gap: 9px;
  }
  .staff-page .stats-grid > div {
    min-width: 0;
    padding: 15px 13px;
    overflow-wrap: anywhere;
  }
  .staff-page .stats-grid strong {
    font-size: 29px;
  }
  .staff-page .staff-actions {
    margin-bottom: 34px;
  }
  .staff-page .staff-actions .btn {
    min-width: 0;
    min-height: 44px;
    padding: 10px;
    font-size: 9px;
  }
  .staff-page .table-wrap {
    border-radius: 0;
  }
  .staff-page th,
  .staff-page td {
    padding: 12px 10px;
  }
}

/* FIX: STAFF ORDER UPDATE FIELDS */
html[data-theme="dark"] .staff-page .status-form-staff select,
html[data-theme="dark"] .staff-page .status-form-staff textarea {
    color: #f4f3ef !important;
    -webkit-text-fill-color: #f4f3ef;
    background: #191918 !important;
    background-color: #191918 !important;
    border: 1px solid #41413b !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    color-scheme: dark;
}

html[data-theme="dark"] .staff-page .status-form-staff textarea {
    display: block;
    width: 100%;
    min-height: 76px;
    padding: 10px;
    font-family: var(--body);
    font-size: 12px;
    line-height: 1.5;
    resize: vertical;
}

html[data-theme="dark"] .staff-page .status-form-staff textarea::placeholder {
    color: #969188 !important;
    -webkit-text-fill-color: #969188;
    opacity: 1;
}

html[data-theme="dark"] .staff-page .status-form-staff select:focus,
html[data-theme="dark"] .staff-page .status-form-staff textarea:focus {
    outline: 1px solid #aaa69f;
    outline-offset: 2px;
}

/* STYLEEY AJAX add-to-bag confirmation */
.header .bag-link.bag-just-updated {
  animation: styleey-bag-arrival .65s ease;
}
@keyframes styleey-bag-arrival {
  0%, 100% { transform: scale(1); }
  35% { transform: scale(1.12); }
  65% { transform: scale(.96); }
}
@media (prefers-reduced-motion: reduce) {
  .header .bag-link.bag-just-updated {
    animation: none;
  }
}

/* STYLEEY premium flying-product animation */
.styleey-fly-stage {
  perspective: 900px;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.22));
  will-change: transform, opacity;
}
.styleey-fly-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,.8);
  background: #f3f1ed;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 12px 35px rgba(0,0,0,.2);
}
.styleey-fly-shine {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 5px;
  pointer-events: none;
}
.styleey-fly-shine::after {
  content: "";
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: -75%;
  width: 48%;
  transform: rotate(22deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.78), transparent);
  animation: styleey-fly-shimmer .72s ease-out .08s both;
}
.styleey-fly-trail {
  position: absolute;
  width: 72%;
  height: 72%;
  left: 14%;
  top: 16%;
  border-radius: 50%;
  z-index: -1;
  background: radial-gradient(ellipse, rgba(255,255,255,.68), rgba(190,190,190,.20) 45%, transparent 72%);
  filter: blur(9px);
  transform: scale(1.25);
}
.header .bag-link.bag-just-updated {
  transform-origin: center;
  animation: styleey-bag-arrival  .82s cubic-bezier(.2,.9,.25,1.25);
}
.header .bag-link.bag-just-updated > i {
  animation: styleey-bag-icon-pop .82s cubic-bezier(.2,.9,.25,1.25);
}
.header .bag-link.bag-just-updated b {
  animation: styleey-count-pop .62s cubic-bezier(.2,.9,.25,1.3);
}
@keyframes styleey-fly-shimmer {
  from { left: -75%; }
  to { left: 145%; }
}
@keyframes styleey-bag-arrival {
  0%, 100% { transform: scale(1); }
  24% { transform: scale(1.18) rotate(-4deg); }
  45% { transform: scale(.92) rotate(3deg); }
  68% { transform: scale(1.09); }
}
@keyframes styleey-bag-icon-pop {
  0%, 100% { transform: translateY(0); }
  28% { transform: translateY(-5px) rotate(-8deg); }
  55% { transform: translateY(2px) rotate(5deg); }
}
@keyframes styleey-count-pop {
  0%, 100% { transform: scale(1); }
  35% { transform: scale(1.55); }
  65% { transform: scale(.9); }
}
@media (prefers-reduced-motion: reduce) {
  .styleey-fly-stage,
  .styleey-fly-shine::after,
  .header .bag-link.bag-just-updated,
  .header .bag-link.bag-just-updated > i,
  .header .bag-link.bag-just-updated b {
    animation: none !important;
  }
}

/* Bag physically receives the flying product before the count appears */
.header .bag-link.bag-storing {
  transform-origin: center bottom;
  animation: styleey-bag-store .52s cubic-bezier(.2,.9,.25,1.2);
}
.header .bag-link.bag-storing > i {
  transform-origin: center bottom;
  animation: styleey-bag-open .52s ease-in-out;
}
.header .bag-link.bag-storing > span {
  animation: styleey-bag-label-settle .52s ease-out;
}
@keyframes styleey-bag-store {
  0% { transform: scale(1); }
  22% { transform: translateY(-5px) scale(1.13, .88); }
  48% { transform: translateY(1px) scale(.94, 1.08); }
  72% { transform: translateY(-2px) scale(1.06, .96); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes styleey-bag-open {
  0%, 100% { transform: rotate(0) scale(1); }
  28% { transform: translateY(-3px) rotate(-12deg) scale(1.15); }
  60% { transform: translateY(1px) rotate(8deg) scale(.96); }
}
@keyframes styleey-bag-label-settle {
  0%, 70% { opacity: .72; }
  100% { opacity: 1; }
}

/* STYLEEY compact flying product thumbnail */
.styleey-fly-stage {
  border-radius: 15px !important;
  overflow: hidden;
  filter: drop-shadow(0 7px 14px rgba(0,0,0,.22));
}
.styleey-fly-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 5px 16px rgba(0,0,0,.18);
}
.styleey-fly-shine {
  border-radius: 15px !important;
}
.header .bag-link.bag-storing {
  animation: styleey-bag-store-fast .22s cubic-bezier(.2,.85,.3,1.2);
}
.header .bag-link.bag-storing > i {
  animation: styleey-bag-icon-fast .22s ease-out;
}
.header .bag-link.bag-just-updated b {
  display: inline-block;
  transform-origin: center;
  animation: styleey-count-pop-fast .32s cubic-bezier(.2,.85,.3,1.35);
}
@keyframes styleey-bag-store-fast {
  0% { transform: scale(1); }
  45% { transform: translateY(-2px) scale(1.1,.92); }
  75% { transform: translateY(0) scale(.97,1.05); }
  100% { transform: scale(1); }
}
@keyframes styleey-bag-icon-fast {
  0%, 100% { transform: rotate(0) scale(1); }
  40% { transform: rotate(-9deg) scale(1.12); }
  75% { transform: rotate(5deg) scale(.98); }
}
@keyframes styleey-count-pop-fast {
  0% { transform: scale(.65); }
  65% { transform: scale(1.22); }
  100% { transform: scale(1); }
}

/* Retrigger the bag and count together when the cart count changes */
.header .bag-link.bag-storing {
  animation: styleey-bag-store-fast .38s cubic-bezier(.2,.85,.3,1.2) !important;
}
.header .bag-link.bag-storing > i {
  animation: styleey-bag-icon-fast .38s ease-out !important;
}
.header .bag-link.bag-just-updated b {
  animation: styleey-count-pop-fast .32s cubic-bezier(.2,.85,.3,1.35) !important;
}

/* STYLEEY: force a visible bag-icon bounce on cart updates */
.header .header-actions .bag-link.bag-storing > i,
.header .header-actions .bag-link.bag-just-updated > i {
  display: inline-block !important;
  transform-origin: 50% 85% !important;
  animation: styleey-direct-bag-bounce .48s cubic-bezier(.22,.8,.25,1.25) both !important;
}

@keyframes styleey-direct-bag-bounce {
  0%   { transform: translateY(0) rotate(0) scale(1); }
  22%  { transform: translateY(-7px) rotate(-14deg) scale(1.18); }
  42%  { transform: translateY(1px) rotate(10deg) scale(.94); }
  62%  { transform: translateY(-3px) rotate(-6deg) scale(1.08); }
  82%  { transform: translateY(0) rotate(3deg) scale(1.02); }
  100% { transform: translateY(0) rotate(0) scale(1); }
}

/* Dedicated animation class applied directly to the shopping-bag icon */
.header .header-actions .bag-link > i.styleey-icon-bounce {
  display: inline-block !important;
  transform-origin: 50% 85% !important;
  animation: styleey-icon-bounce-direct .52s cubic-bezier(.22,.8,.25,1.25) !important;
}

@keyframes styleey-icon-bounce-direct {
  0%   { transform: translateY(0) rotate(0) scale(1); }
  22%  { transform: translateY(-8px) rotate(-15deg) scale(1.2); }
  42%  { transform: translateY(2px) rotate(11deg) scale(.92); }
  65%  { transform: translateY(-3px) rotate(-6deg) scale(1.08); }
  82%  { transform: translateY(1px) rotate(3deg) scale(1.02); }
  100% { transform: translateY(0) rotate(0) scale(1); }
}

/* TEMP TEST: verify the shopping bag icon can animate */
.header .header-actions .bag-link.test-bag-bounce > i {
  display: inline-block !important;
  animation: styleey-icon-bounce-direct .52s ease-in-out !important;
}

/* STYLEEY search refinement: consistent theme and uncropped product thumbnails */
.search-modal-input-wrap {
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(0,0,0,.14) !important;
}

.search-modal-input-wrap input,
.drawer-search input {
  background: transparent !important;
  color: #171717 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.search-modal-input-wrap input::placeholder,
.drawer-search input::placeholder {
  color: #777 !important;
  opacity: 1;
}

.search-suggestions {
  background: #fff !important;
  color: #171717 !important;
  border-color: #e6e4e0 !important;
}

.suggestion-product img {
  object-fit: contain !important;
  padding: 3px;
  background: #f2f1ee !important;
}

html[data-theme="dark"] .search-modal-input-wrap {
  background: rgba(28,28,27,.96) !important;
  border-color: #454440 !important;
}

html[data-theme="dark"] .search-modal-input-wrap input,
html[data-theme="dark"] .drawer-search input {
  background: transparent !important;
  color: #f3f1ed !important;
  color-scheme: dark;
}

html[data-theme="dark"] .search-modal-input-wrap input::placeholder,
html[data-theme="dark"] .drawer-search input::placeholder {
  color: #aaa69f !important;
}

html[data-theme="dark"] .search-suggestions,
html[data-theme="dark"] .drawer-search-suggestions {
  background: #191918 !important;
  color: #f3f1ed !important;
  border-color: #393835 !important;
}

html[data-theme="dark"] .search-suggestions a,
html[data-theme="dark"] .suggestion-product,
html[data-theme="dark"] .suggestion-category,
html[data-theme="dark"] .suggestion-view-all {
  background-color: transparent !important;
  color: #f3f1ed !important;
}

html[data-theme="dark"] .search-suggestions a:hover {
  background-color: #292824 !important;
}

html[data-theme="dark"] .suggestion-section + .suggestion-section,
html[data-theme="dark"] .suggestion-view-all {
  border-color: #393835 !important;
}

html[data-theme="dark"] .suggestion-product img {
  background: #242422 !important;
}

/* STYLEEY: fix search overlay contrast in dark mode */
html[data-theme="dark"] .search-modal-input-wrap,
body[data-theme="dark"] .search-modal-input-wrap {
    background: #191918 !important;
    background-color: #191918 !important;
    border: 1px solid #454440 !important;
}

html[data-theme="dark"] #searchOverlayInput,
body[data-theme="dark"] #searchOverlayInput,
html[data-theme="dark"] .search-modal-input-wrap input,
body[data-theme="dark"] .search-modal-input-wrap input {
    background: transparent !important;
    background-color: transparent !important;
    color: #f5f3ef !important;
    -webkit-text-fill-color: #f5f3ef !important;
    caret-color: #f5f3ef !important;
    opacity: 1 !important;
}

html[data-theme="dark"] #searchOverlayInput::placeholder,
body[data-theme="dark"] #searchOverlayInput::placeholder {
    color: #aaa69f !important;
    -webkit-text-fill-color: #aaa69f !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .search-modal-input-wrap button,
body[data-theme="dark"] .search-modal-input-wrap button {
    color: #f5f3ef;
}

/* Final search overlay theme correction */
html[data-theme="dark"] .search-overlay-panel {
    background: #191918 !important;
    background-color: #191918 !important;
    border-color: #393835 !important;
    color: #f5f3ef !important;
}

html[data-theme="dark"] .search-modal-input-wrap {
    background: #242422 !important;
    background-color: #242422 !important;
    border-color: #454440 !important;
}

html[data-theme="dark"] .search-modal-input-wrap input,
html[data-theme="dark"] .search-modal-input-wrap input[type="search"] {
    background: transparent !important;
    background-color: transparent !important;
    color: #f5f3ef !important;
    -webkit-text-fill-color: #f5f3ef !important;
    caret-color: #f5f3ef !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .search-modal-input-wrap input::placeholder {
    color: #aaa69f !important;
    -webkit-text-fill-color: #aaa69f !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .search-modal-submit,
html[data-theme="dark"] .search-modal-close {
    color: #f5f3ef !important;
}

html[data-theme="dark"] .search-modal-suggestions {
    background: #191918 !important;
    color: #f5f3ef !important;
    border-color: #393835 !important;
}

html[data-theme="dark"] .search-modal-suggestions .suggestion-product,
html[data-theme="dark"] .search-modal-suggestions .suggestion-view-all {
    background: #242422 !important;
    color: #f5f3ef !important;
}

/* STYLEEY search overlay: unified dark luxury appearance */
.search-overlay-panel {
    background: #191918 !important;
    background-color: #191918 !important;
    border-color: #393835 !important;
    color: #f5f3ef !important;
}

.search-modal-input-wrap {
    background: #242422 !important;
    background-color: #242422 !important;
    border: 1px solid #454440 !important;
}

.search-modal-input-wrap input,
.search-modal-input-wrap input[type="search"] {
    background: transparent !important;
    background-color: transparent !important;
    color: #f5f3ef !important;
    -webkit-text-fill-color: #f5f3ef !important;
    caret-color: #f5f3ef !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.search-modal-input-wrap input::placeholder {
    color: #aaa69f !important;
    -webkit-text-fill-color: #aaa69f !important;
    opacity: 1 !important;
}

.search-modal-submit,
.search-modal-close {
    color: #f5f3ef !important;
}

.search-modal-close {
    background: #292927 !important;
}

.search-modal-suggestions {
    background: #191918 !important;
    color: #f5f3ef !important;
    border-color: #393835 !important;
}

/* Search suggestion product prices: visible and readable */
.search-modal-suggestions .suggestion-product-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.search-modal-suggestions .suggestion-product-price {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
    margin-top: 3px !important;
}

html[data-theme="dark"] .search-modal-suggestions .suggestion-product-price {
    color: #bdbdbd !important;
    -webkit-text-fill-color: #bdbdbd !important;
}

/* STYLEEY: restore correct light-mode search appearance */
html[data-theme="light"] .search-overlay-panel,
body[data-theme="light"] .search-overlay-panel {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #171717 !important;
    border-color: #e5e5e5 !important;
}

html[data-theme="light"] .search-modal-input-wrap,
body[data-theme="light"] .search-modal-input-wrap {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #dedede !important;
}

html[data-theme="light"] .search-modal-input-wrap input,
html[data-theme="light"] .search-modal-input-wrap input[type="search"],
body[data-theme="light"] .search-modal-input-wrap input {
    background: transparent !important;
    color: #171717 !important;
    -webkit-text-fill-color: #171717 !important;
    caret-color: #171717 !important;
}

html[data-theme="light"] .search-modal-input-wrap input::placeholder,
body[data-theme="light"] .search-modal-input-wrap input::placeholder {
    color: #777777 !important;
    -webkit-text-fill-color: #777777 !important;
    opacity: 1 !important;
}

html[data-theme="light"] .search-modal-submit,
html[data-theme="light"] .search-modal-close,
body[data-theme="light"] .search-modal-submit,
body[data-theme="light"] .search-modal-close {
    color: #171717 !important;
}

/* STYLEEY search overlay: final theme-aware suggestion styling */

/* Light mode */
html[data-theme="light"] .search-modal-suggestions,
html[data-theme="light"] .search-modal-suggestions .suggestion-section {
    background: #ffffff !important;
    color: #171717 !important;
}

html[data-theme="light"] .search-modal-suggestions .suggestion-heading {
    color: #777777 !important;
}

html[data-theme="light"] .search-modal-suggestions .suggestion-category,
html[data-theme="light"] .search-modal-suggestions .suggestion-product,
html[data-theme="light"] .search-modal-suggestions .suggestion-product-name {
    color: #171717 !important;
    -webkit-text-fill-color: #171717 !important;
}

html[data-theme="light"] .search-modal-suggestions .suggestion-mini-icon,
html[data-theme="light"] .search-modal-suggestions .suggestion-arrow {
    color: #777777 !important;
}

html[data-theme="light"] .search-modal-suggestions .suggestion-product-price {
    color: #9a702b !important;
    -webkit-text-fill-color: #9a702b !important;
}

html[data-theme="light"] .search-modal-suggestions .suggestion-view-all {
    background: #ffffff !important;
    color: #171717 !important;
    border-color: #dedede !important;
}

/* Dark mode */
html[data-theme="dark"] .search-modal-suggestions,
html[data-theme="dark"] .search-modal-suggestions .suggestion-section {
    background: #191918 !important;
    color: #f5f3ef !important;
}

html[data-theme="dark"] .search-modal-suggestions .suggestion-heading {
    color: #aaa69f !important;
}

html[data-theme="dark"] .search-modal-suggestions .suggestion-category,
html[data-theme="dark"] .search-modal-suggestions .suggestion-product,
html[data-theme="dark"] .search-modal-suggestions .suggestion-product-name {
    color: #f5f3ef !important;
    -webkit-text-fill-color: #f5f3ef !important;
}

html[data-theme="dark"] .search-modal-suggestions .suggestion-mini-icon,
html[data-theme="dark"] .search-modal-suggestions .suggestion-arrow {
    color: #d0ccc3 !important;
}

html[data-theme="dark"] .search-modal-suggestions .suggestion-product-price {
    color: #bdbdbd !important;
    -webkit-text-fill-color: #bdbdbd !important;
}

html[data-theme="dark"] .search-modal-suggestions .suggestion-view-all {
    background: #191918 !important;
    color: #f5f3ef !important;
    border-color: #393835 !important;
}

/* STYLEEY search controls: visible icons in both themes */
.search-modal-submit,
.search-modal-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
}

.search-modal-submit i,
.search-modal-close i,
.search-modal-submit svg,
.search-modal-close svg {
    color: #171717 !important;
    fill: currentColor !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .search-modal-submit i,
html[data-theme="dark"] .search-modal-close i,
html[data-theme="dark"] .search-modal-submit svg,
html[data-theme="dark"] .search-modal-close svg {
    color: #f5f3ef !important;
}

html[data-theme="light"] .search-modal-submit,
html[data-theme="light"] .search-modal-close {
    background: #eeeeec !important;
    border-color: #d8d8d5 !important;
}

html[data-theme="dark"] .search-modal-submit,
html[data-theme="dark"] .search-modal-close {
    background: #333330 !important;
    border-color: #555550 !important;
}

/* STYLEEY search suggestions: larger squircle product images */
.search-modal-suggestions .suggestion-product {
    gap: 12px !important;
    padding: 10px !important;
    min-height: 76px !important;
}

.search-modal-suggestions .suggestion-product img,
.search-modal-suggestions .suggestion-image-placeholder {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    flex: 0 0 58px !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.search-modal-suggestions .suggestion-product img {
    display: block !important;
    object-fit: contain !important;
    padding: 3px !important;
}

.search-modal-suggestions .suggestion-image-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* STYLEEY luxury cart animation — subtle and controlled */
.header .header-actions .bag-link.bag-storing,
.header .header-actions .bag-link.bag-just-updated {
    animation: styleey-luxury-bag-update 360ms cubic-bezier(.2,.7,.25,1) both !important;
}

.header .header-actions .bag-link.bag-storing > i,
.header .header-actions .bag-link.bag-just-updated > i,
.header .header-actions .bag-link > i.styleey-icon-bounce {
    animation: styleey-luxury-icon-update 360ms cubic-bezier(.2,.7,.25,1) both !important;
    transform-origin: 50% 85% !important;
}

.header .header-actions .bag-link.bag-just-updated b {
    display: inline-block !important;
    transform-origin: center !important;
    animation: styleey-luxury-count-update 280ms cubic-bezier(.2,.7,.25,1) both !important;
}

@keyframes styleey-luxury-bag-update {
    0% { transform: translateY(0); }
    45% { transform: translateY(-2px); }
    100% { transform: translateY(0); }
}

@keyframes styleey-luxury-icon-update {
    0% { transform: rotate(0) scale(1); }
    45% { transform: rotate(-5deg) scale(1.06); }
    100% { transform: rotate(0) scale(1); }
}

@keyframes styleey-luxury-count-update {
    0% { transform: scale(.92); opacity: .75; }
    65% { transform: scale(1.06); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .header .header-actions .bag-link.bag-storing,
    .header .header-actions .bag-link.bag-just-updated,
    .header .header-actions .bag-link > i.styleey-icon-bounce,
    .header .header-actions .bag-link.bag-just-updated b {
        animation: none !important;
    }
}

/* STYLEEY: remove bounce from cart count */
.header .header-actions .bag-link.bag-just-updated b {
    animation: styleey-count-fade 180ms ease-out both !important;
    transform: none !important;
}

@keyframes styleey-count-fade {
    from { opacity: .65; }
    to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .header .header-actions .bag-link.bag-just-updated b {
        animation: none !important;
    }
}

/* FINAL FIX: cart number must never bounce */
.header .bag-link > span > b,
.header .header-actions .bag-link.bag-just-updated b,
.header .header-actions .bag-link.bag-storing b {
    display: inline-block !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;
    opacity: 1 !important;
    position: static !important;
}

/* STYLEEY: clean inline bag count — no floating badge */
.header .bag-link > span > b,
.header .header-actions .bag-link > span > b {
    display: inline !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 0 0 3px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

/* STYLEEY: refined outlined cart count */
.header .bag-link > span > b,
.header .header-actions .bag-link > span > b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 5px !important;
    margin-left: 5px !important;
    border: 1px solid #c9c5bd !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .header .bag-link > span > b,
html[data-theme="dark"] .header .header-actions .bag-link > span > b {
    border-color: #68645b !important;
    color: #f5f3ef !important;
}

/* STYLEEY tracking: refined order lookup error */
.tracking-error-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 22px;
    padding: 20px;
    border: 1px solid #dfd4c1;
    border-radius: 12px;
    background: #faf8f4;
    color: #24211c;
}
.tracking-error-icon {
    display: flex;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7c5a6;
    border-radius: 10px;
    color: #8d682f;
}
.tracking-error-card strong {
    display: block;
    font-size: 11px;
    letter-spacing: 1.2px;
}
.tracking-error-card p {
    margin: 7px 0 4px;
    font-size: 14px;
}
.tracking-error-card small {
    display: block;
    color: #716b61;
    font-size: 12px;
    line-height: 1.6;
}
html[data-theme="dark"] .tracking-error-card {
    background: #1d1c19;
    border-color: #494033;
    color: #f5f3ef;
}
html[data-theme="dark"] .tracking-error-icon {
    border-color: #6d5939;
    color: #bdbdbd;
}
html[data-theme="dark"] .tracking-error-card small {
    color: #b5afa4;
}

/* STYLEEY: align tracking error card with form */
.tracking-page .tracking-error-card {
    box-sizing: border-box;
    width: 100%;
    max-width: 396px;
    margin-top: 22px;
    padding: 16px;
    gap: 12px;
    border-radius: 10px;
}

.tracking-page .tracking-error-icon {
    flex-shrink: 0;
}

.tracking-page .tracking-error-card p {
    margin: 6px 0 3px;
}


/* STYLEEY — minimalist luxury order lookup feedback */
.tracking-page .tracking-error-card {
    width: 100%;
    max-width: 396px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 18px 0 0;
    padding: 14px 0;
    border: 0;
    border-top: 1px solid #393630;
    border-radius: 0;
    background: transparent;
    color: #f3f1ed;
}

.tracking-page .tracking-error-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #514631;
    border-radius: 50%;
    color: #888888;
    background: transparent;
}

.tracking-page .tracking-error-card strong {
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.tracking-page .tracking-error-card p {
    margin: 4px 0;
    font-size: 13px;
    line-height: 1.6;
}

.tracking-page .tracking-error-card small {
    font-size: 11px;
    line-height: 1.7;
    color: #aaa59c;
}

html[data-theme="light"] .tracking-page .tracking-error-card {
    color: #191919;
    border-top-color: #dedbd4;
}

html[data-theme="light"] .tracking-page .tracking-error-icon {
    border-color: #d0d0d0;
    color: #8d6b36;
}

html[data-theme="light"] .tracking-page .tracking-error-card small {
    color: #706b63;
}


/* Final alignment: order tracking error */
.tracking-page .tracking-form + .tracking-error-card,
.tracking-page .tracking-error-card {
    width: 100%;
    max-width: 396px;
    margin: 12px 0 0;
    padding: 12px 0;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    border-top: 1px solid #393630;
    border-radius: 0;
}

.tracking-page .tracking-error-card > div {
    min-width: 0;
    flex: 1;
}

.tracking-page .tracking-error-card p {
    overflow-wrap: anywhere;
}

.tracking-page .tracking-error-card small {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
}


/* Center order tracking feedback under the form */
.tracking-page .tracking-error-card {
    margin-left: 40px;
    width: calc(100% - 40px);
    max-width: 356px;
}


/* STYLEEY — bag quantity badge visibility in dark mode */
html[data-theme="dark"] .header .bag-link > span > b,
html[data-theme="dark"] .bag-link > span > b {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #77716a !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Fix: shopping bag count badge in dark mode */
html[data-theme="dark"] .header .header-actions .bag-link > span > b {
    background: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #77716a !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
}


/* STYLEEY — cart quantity input visibility in dark mode */
html[data-theme="dark"] .cart-page input[type="number"],
html[data-theme="dark"] .cart-page input[type="text"],
html[data-theme="dark"] .cart-line input[type="number"],
html[data-theme="dark"] .cart-line .quantity-input,
html[data-theme="dark"] .cart-quantity input {
    background: #202020 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #555555 !important;
    opacity: 1 !important;
}

/* Preserve readable quantity controls */
html[data-theme="dark"] .cart-page button,
html[data-theme="dark"] .cart-line button {
    color: #ffffff;
}


/* STYLEEY — seamless dark-mode cart quantity number */
html[data-theme="dark"] .cart-line input[type="number"],
html[data-theme="dark"] .cart-line input[type="text"],
html[data-theme="dark"] .cart-line .quantity-input,
html[data-theme="dark"] .cart-quantity input {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #f5f5f5 !important;
    -webkit-text-fill-color: #f5f5f5 !important;
    outline: none !important;
}


/* STYLEEY — larger cart quantity controls */
.cart-line .quantity-control button,
.cart-line .quantity-controls button,
.cart-line button[name="decrease"],
.cart-line button[name="increase"] {
    min-width: 58px !important;
    width: 58px !important;
    height: 58px !important;
    font-size: 22px !important;
}

/* Remove the Update Bag button visually */
.cart-page button[name="update_cart"],
.cart-page button[name="update_bag"],
.cart-page .update-cart-button,
.cart-page .update-bag-button,
.cart-page button[type="submit"] {
    /* Only hide the update button if it has a dedicated class/name. */
}


/* STYLEEY — refined cart quantity controls */
.cart-line .quantity-control button,
.cart-line .quantity-controls button {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    font-size: 18px !important;
}


/* STYLEEY — compact cart quantity buttons */
.cart-quantity .cart-quantity-btn {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    font-size: 16px !important;
    border-radius: 10px !important;
}


/* STYLEEY — neutral monochrome theme, remove gold accents */
:root {
    --styleey-ivory: #f5f5f5;
    --styleey-champagne: #bdbdbd;
}

/* Replace gold/champagne decorative accents */
html[data-theme] .tracking-error-icon,
html[data-theme] .tracking-error-card strong,
html[data-theme] .tracking-error-card a,
html[data-theme] .product-detail .size-option:focus,
html[data-theme] .product-detail .size-option.selected {
    color: inherit !important;
    border-color: #777777 !important;
    outline-color: #777777 !important;
}

/* Neutral selection outlines and highlights */
html[data-theme] .size-option.selected,
html[data-theme] .size-option[aria-checked="true"],
html[data-theme] .color-option.selected,
html[data-theme] .variant-option.selected {
    border-color: #777777 !important;
    box-shadow: inset 0 0 0 1px #777777 !important;
}

/* Neutralize common gold/champagne accent colors */
html[data-theme] .tracking-error-icon,
html[data-theme] .tracking-error-card small {
    color: #a6a6a6 !important;
}

html[data-theme="light"] .tracking-error-card {
    border-top-color: #dedede !important;
}

html[data-theme="dark"] .tracking-error-card {
    border-top-color: #444444 !important;
}


/* STYLEEY — remove remaining gold accents */
html[data-theme="dark"] .product-badge,
html[data-theme="dark"] .badge-featured,
html[data-theme="dark"] .featured-badge,
html[data-theme="dark"] .product-tag,
html[data-theme="dark"] .kicker,
html[data-theme="dark"] .section-head a,
html[data-theme="dark"] .shop-all,
html[data-theme="dark"] .text-accent {
    color: #bdbdbd !important;
    -webkit-text-fill-color: #bdbdbd !important;
    border-color: #555555 !important;
}

html[data-theme="dark"] .product-badge,
html[data-theme="dark"] .badge-featured,
html[data-theme="dark"] .featured-badge,
html[data-theme="dark"] .product-tag {
    background: #d0d0d0 !important;
    color: #252525 !important;
    -webkit-text-fill-color: #252525 !important;
}

html[data-theme="dark"] a:hover,
html[data-theme="dark"] .section-head a:hover {
    color: #ffffff !important;
}

/* Remove champagne tones from common accent elements */
html[data-theme="dark"] [style*="#888888"],
html[data-theme="dark"] [style*="#bdbdbd"],
html[data-theme="dark"] [style*="#888888"],
html[data-theme="dark"] [style*="#d0d0d0"] {
    color: #bdbdbd !important;
    border-color: #555555 !important;
}


/* STYLEEY — monochrome product labels */
html[data-theme="dark"] .product-card [class*="badge"],
html[data-theme="dark"] .product-card [class*="tag"],
html[data-theme="dark"] .product-card [class*="label"],
html[data-theme="dark"] .product-card [class*="ribbon"],
html[data-theme="dark"] .product-card [class*="arrival"],
html[data-theme="dark"] .product-card [class*="featured"],
html[data-theme="dark"] .product-card [class*="feather"],
html[data-theme="dark"] .product-card [class*="new"] {
    background-color: #d0d0d0 !important;
    background-image: none !important;
    color: #292929 !important;
    -webkit-text-fill-color: #292929 !important;
    border-color: #bdbdbd !important;
    box-shadow: none !important;
}


/* STYLEEY — discourage storefront text copying */
body {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none;
}

/* Keep form fields usable */
input,
textarea,
select,
[contenteditable="true"] {
    -webkit-user-select: text !important;
    user-select: text !important;
}

/* Payment numbers must remain selectable */
.payment-number,
.copy-payment-number,
.payment-account-content,
.payment-account-row,
.payment-instructions,
.payment-details {
    -webkit-user-select: text !important;
    user-select: text !important;
}


/* STYLEEY — Premium theme toggle inside navigation drawer */
.drawer-theme-option {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 18px 20px;
    margin-top: 12px;
    border-top: 1px solid #e5e5e5;
}

.drawer-theme-option .theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    box-shadow: none;
}

.drawer-theme-option .theme-toggle::before {
    display: none;
}

.drawer-theme-option .theme-toggle i {
    font-size: 17px;
}

html[data-theme="dark"] .drawer-theme-option {
    border-top-color: #333;
}

html[data-theme="dark"] .drawer-theme-option .theme-toggle {
    border-color: #444;
    color: #f5f5f5;
    background: #1a1a1a;
}

@media (min-width: 769px) {
    .drawer-theme-option {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* STYLEEY STAFF AREA — ALWAYS LIGHT IN BOTH STOREFRONT THEMES */
body:has(.staff-page) {
    background: #fff !important;
    color: #111 !important;
    color-scheme: light !important;
}

body:has(.staff-page) .staff-page {
    background: #fff !important;
    color: #111 !important;
}

body:has(.staff-page) .staff-page h1,
body:has(.staff-page) .staff-page h2,
body:has(.staff-page) .staff-page h3,
body:has(.staff-page) .staff-page p,
body:has(.staff-page) .staff-page strong,
body:has(.staff-page) .staff-page td,
body:has(.staff-page) .staff-page label {
    color: #111 !important;
}

body:has(.staff-page) .staff-page .staff-head {
    border-color: #e6e4e0 !important;
}

body:has(.staff-page) .staff-page .kicker.dark,
body:has(.staff-page) .staff-page small {
    color: #666 !important;
}

body:has(.staff-page) .staff-page .stats-grid > div {
    background: #f3f2ef !important;
    border-color: #e6e4e0 !important;
}

body:has(.staff-page) .staff-page .table-wrap,
body:has(.staff-page) .staff-page table,
body:has(.staff-page) .staff-page tbody,
body:has(.staff-page) .staff-page tr,
body:has(.staff-page) .staff-page td {
    background: #fff !important;
    color: #111 !important;
    border-color: #e6e4e0 !important;
}

body:has(.staff-page) .staff-page th {
    background: #f3f2ef !important;
    color: #111 !important;
    border-color: #e6e4e0 !important;
}

body:has(.staff-page) .staff-page tbody tr:hover {
    background: #f7f6f3 !important;
}

body:has(.staff-page) .staff-page .status-pill {
    background: #f3f2ef !important;
    color: #111 !important;
    border-color: #d8d6d1 !important;
}

body:has(.staff-page) .staff-page .filters a {
    background: #fff !important;
    color: #111 !important;
    border-color: #d8d6d1 !important;
}

body:has(.staff-page) .staff-page .outline-dark,
body:has(.staff-page) .staff-page .btn.outline-dark {
    background: #fff !important;
    color: #111 !important;
    border-color: #111 !important;
}

body:has(.staff-page) .staff-page .btn.dark-btn,
body:has(.staff-page) .staff-page .mini-btn {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
}

body:has(.staff-page) .staff-page input,
body:has(.staff-page) .staff-page select,
body:has(.staff-page) .staff-page textarea {
    background: #fff !important;
    color: #111 !important;
    border-color: #d8d6d1 !important;
    color-scheme: light !important;
}

body:has(.staff-page) .staff-page input::placeholder,
body:has(.staff-page) .staff-page textarea::placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

/* STAFF ORDER FORMS — FORCE LIGHT CONTROLS IN ALL THEMES */
body:has(.staff-page) .staff-page .status-form-staff select,
body:has(.staff-page) .staff-page .status-form-staff textarea {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d8d6d1 !important;
    color-scheme: light !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

body:has(.staff-page) .staff-page .status-form-staff select option {
    background: #ffffff !important;
    color: #111111 !important;
}

body:has(.staff-page) .staff-page .status-form-staff textarea::placeholder {
    color: #777777 !important;
    opacity: 1 !important;
}


/* FIX: STAFF ORDER STATUS SELECT TEXT CONTRAST */
body:has(.staff-page) .staff-page .status-form-staff select,
body:has(.staff-page) .staff-page .status-form-staff select:focus,
body:has(.staff-page) .staff-page .status-form-staff select:active {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

body:has(.staff-page) .staff-page .status-form-staff select option {
    color: #111111 !important;
    background-color: #ffffff !important;
    -webkit-text-fill-color: #111111 !important;
}


/* iPhone cart quantity — centered, visible and properly spaced */
.cart-line .cart-quantity {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
}

.cart-line .cart-quantity .cart-quantity-btn {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
}

.cart-line .cart-quantity .cart-quantity-input {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    text-align: center !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    background: transparent !important;
}

@media (max-width: 700px) {
    .cart-line .cart-quantity {
        gap: 6px !important;
    }

    .cart-line .cart-quantity .cart-quantity-btn {
        flex-basis: 44px !important;
        width: 44px !important;
        height: 44px !important;
    }

    .cart-line .cart-quantity .cart-quantity-input {
        flex-basis: 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 44px !important;
        font-size: 20px !important;
    }
}

/* STYLEEY — Consistent desktop header action icon alignment */
@media (min-width: 1021px) {
    .header .desktop-nav > a.track-order-link,
    .header .header-actions > .bag-link {
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
        min-height: 44px !important;
        box-sizing: border-box !important;
    }

    .header .desktop-nav > a.track-order-link > i,
    .header .header-actions > .bag-link > i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        font-size: 15px !important;
        line-height: 1 !important;
    }

    .header .desktop-nav > a.track-order-link {
        gap: 9px !important;
        padding: 7px 13px !important;
    }

    .header .header-actions > .bag-link {
        gap: 9px !important;
        padding: 6px 11px !important;
    }
}

/* STYLEEY DRAWER — ALIGN HOME, ACCOUNT, TRACK ORDER AND BAG ICONS */
.drawer > a:not(.logo) > .drawer-link-icon,
.drawer > a.drawer-category-link > .drawer-link-icon {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 2px 0 0 !important;
    line-height: 1 !important;
}

.drawer > a:not(.logo) > .drawer-link-icon i,
.drawer > a:not(.logo) > .drawer-link-icon svg,
.drawer > a.drawer-category-link > .drawer-link-icon i,
.drawer > a.drawer-category-link > .drawer-link-icon svg {
    display: block !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 19px !important;
    line-height: 20px !important;
}

.drawer > a:not(.logo),
.drawer > a.drawer-category-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}


/* STYLEEY DRAWER — ICON PADDING AND PREMIUM DEPTH */
@media (min-width: 701px) {
    .drawer a > .drawer-link-icon,
    .drawer a.drawer-category-link > .drawer-link-icon {
        box-sizing: border-box !important;
        padding: 8px !important;
        border: 1px solid rgba(180, 180, 180, 0.55) !important;
        border-radius: 10px !important;
        background: linear-gradient(
            145deg,
            rgba(180, 180, 180, 0.18),
            rgba(180, 180, 180, 0.06)
        ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.12),
            0 2px 5px rgba(0, 0, 0, 0.18) !important;
    }

    .drawer a > .drawer-link-icon i,
    .drawer a > .drawer-link-icon svg {
        filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25));
    }

    .drawer .drawer-category-toggle-icon {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.12),
            0 2px 4px rgba(0, 0, 0, 0.18) !important;
    }
}


/* STYLEEY DRAWER — CONSISTENT INSET ICONS FOR HOME AND CATEGORIES */
@media (max-width: 700px) {
    .drawer > a.drawer-category-link,
    .drawer > a:not(.logo) {
        padding-left: 14px !important;
        padding-right: 14px !important;
        gap: 12px !important;
    }

    .drawer a.drawer-category-link > .drawer-link-icon,
    .drawer > a:not(.logo) > .drawer-link-icon {
        box-sizing: border-box !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 8px !important;
        border: 1px solid rgba(180, 180, 180, 0.55) !important;
        border-radius: 10px !important;
        background: linear-gradient(
            145deg,
            rgba(180, 180, 180, 0.18),
            rgba(180, 180, 180, 0.06)
        ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.12),
            0 2px 5px rgba(0, 0, 0, 0.18) !important;
    }

    .drawer a.drawer-category-link > .drawer-link-icon i,
    .drawer a.drawer-category-link > .drawer-link-icon svg,
    .drawer > a:not(.logo) > .drawer-link-icon i,
    .drawer > a:not(.logo) > .drawer-link-icon svg {
        width: 20px !important;
        height: 20px !important;
        font-size: 19px !important;
        line-height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* STYLEEY — Static, circular bag quantity badge */
.header .bag-link .bag-count,
.header .bag-link .cart-count,
.header .bag-count,
.header .cart-count,
.bag-count,
.cart-count {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Disable quantity-update animation effects */
.header .bag-link .bag-count *,
.header .bag-link .cart-count *,
.bag-count *,
.cart-count * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* STYLEEY — Static circular cart quantity badge */
.header .header-actions > .bag-link > span > b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    margin-left: 5px !important;
    border-radius: 50% !important;
    line-height: 1 !important;
    text-align: center !important;
    vertical-align: middle !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Prevent animation when the bag quantity updates */
.header .header-actions > .bag-link,
.header .header-actions > .bag-link > span,
.header .header-actions > .bag-link > span > b {
    animation: none !important;
    transition: none !important;
}


/* STYLEEY — Final neutral monochrome accent override */
:root {
    --styleey-champagne: #bdbdbd !important;
}

a,
button,
.header-brand-slogan {
    -webkit-tap-highlight-color: transparent;
}

[style*="#888888"],
[style*="#888888"],
[style*="#d0d0d0"],
[style*="#d0d0d0"] {
    color: #bdbdbd !important;
    border-color: #bdbdbd !important;
}


/* STYLEEY: consistent desktop header icon containers */
@media (min-width: 769px) {
    .header .header-actions .bag-link > i,
    .header .header-actions > a > i,
    .header .header-actions > button > i {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        flex: 0 0 40px !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid #d5d5d5 !important;
        border-radius: 10px !important;
        background: #fff !important;
        color: #222 !important;
        box-shadow: none !important;
    }

    .header .header-actions .bag-link > i svg,
    .header .header-actions > a > i svg,
    .header .header-actions > button > i svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        display: block !important;
        color: #222 !important;
        stroke: #222 !important;
    }
}


/* STYLEEY: header search and bag icon correction */
.header .header-actions .search-toggle,
.header .header-actions .search-button,
.header .header-actions .bag-link > i {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.header .header-actions .search-toggle svg,
.header .header-actions .search-button svg,
.header .header-actions .bag-link > i svg {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* STYLEEY: consistent Track Order and Hoodies icon borders */
.drawer > a:not(.logo) .drawer-link-icon,
.drawer a.drawer-category-link .drawer-link-icon {
    border: 1px solid #d5d5d5 !important;
    background-color: #f5f5f5 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* STYLEEY: precisely center hoodie and drawer icons */
.drawer a.drawer-category-link > .drawer-link-icon,
.drawer a.drawer-category-link > .drawer-link-icon i,
.drawer a.drawer-category-link > .drawer-link-icon svg {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.drawer a.drawer-category-link > .drawer-link-icon svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    transform: translateX(-1px) !important;
}

/* STYLEEY: center Track Order icon artwork */
.drawer > a .drawer-link-icon i,
.drawer > a .drawer-link-icon svg {
    vertical-align: middle !important;
}

.drawer > a[href*="track"] .drawer-link-icon svg,
.drawer > a[href*="tracking"] .drawer-link-icon svg {
    transform: translateX(-1px) !important;
}

/* STYLEEY: center Track Order Font Awesome icon */
.drawer a.drawer-track-order > .drawer-link-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.drawer a.drawer-track-order > .drawer-link-icon > i.fa-box-open {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-1px) !important;
}

/* STYLEEY: normalize HOME navigation icon */
.drawer > a[href="/"] > .drawer-link-icon,
.drawer > a[href="/"] .drawer-link-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 10px !important;
    background: #f5f5f5 !important;
    box-shadow: none !important;
}

.drawer > a[href="/"] .drawer-link-icon i,
.drawer > a[href="/"] .drawer-link-icon svg {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    line-height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

/* STYLEEY: HOME icon — match the clean bag icon treatment */
.drawer > a[href="/"] > .drawer-link-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #ffffff, #f1f1f1) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.08) !important;
    box-sizing: border-box !important;
}

.drawer > a[href="/"] > .drawer-link-icon > i {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #222 !important;
}

/* STYLEEY: match header Bag icon to drawer Bag icon */
.header .header-actions > .bag-link > i {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    background: #f5f5f5 !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #222 !important;
}

.header .header-actions > .bag-link > i svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    margin: 0 auto !important;
    color: #222 !important;
    stroke: #222 !important;
    background: transparent !important;
}

/* STYLEEY HOTFIX: restore header bag icon on dark header */
.header .header-actions > .bag-link > i {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
}

.header .header-actions > .bag-link > i svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    background: transparent !important;
    color: #fff !important;
    stroke: #fff !important;
}

/* STYLEEY HOTFIX: bag icon visibility in both themes */
html[data-theme="light"] .header .header-actions > .bag-link > i,
html:not([data-theme="dark"]) .header .header-actions > .bag-link > i {
    color: #222 !important;
}

html[data-theme="light"] .header .header-actions > .bag-link > i svg,
html:not([data-theme="dark"]) .header .header-actions > .bag-link > i svg {
    color: #222 !important;
    stroke: #222 !important;
    fill: none !important;
    background: transparent !important;
}

html[data-theme="dark"] .header .header-actions > .bag-link > i,
html[data-theme="dark"] .header .header-actions > .bag-link > i svg {
    color: #fff !important;
    stroke: #fff !important;
}

/* STYLEEY: improve search icon contrast in dark mode */
html[data-theme="dark"] .header .header-actions .search-toggle,
html[data-theme="dark"] .header .header-actions .search-button {
    background: #222 !important;
    background-color: #222 !important;
    border-color: #555 !important;
    color: #fff !important;
}

html[data-theme="dark"] .header .header-actions .search-toggle svg,
html[data-theme="dark"] .header .header-actions .search-button svg {
    color: #fff !important;
    stroke: #fff !important;
    fill: none !important;
    opacity: 1 !important;
}

/* STYLEEY: unified monochrome icons in dark navigation drawer */
html[data-theme="dark"] .drawer .drawer-link-icon,
html[data-theme="dark"] .drawer .drawer-category-toggle-icon {
    background: #292929 !important;
    background-color: #292929 !important;
    border: 1px solid #505050 !important;
    color: #eeeeee !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .drawer .drawer-link-icon i,
html[data-theme="dark"] .drawer .drawer-link-icon svg,
html[data-theme="dark"] .drawer .drawer-category-toggle-icon i,
html[data-theme="dark"] .drawer .drawer-category-toggle-icon svg {
    color: #eeeeee !important;
    -webkit-text-fill-color: #eeeeee !important;
    fill: none !important;
    stroke: #eeeeee !important;
    opacity: 1 !important;
    filter: none !important;
}

html[data-theme="dark"] .drawer .drawer-link-icon svg path,
html[data-theme="dark"] .drawer .drawer-category-toggle-icon svg path {
    fill: none !important;
    stroke: #eeeeee !important;
}

html[data-theme="dark"] .drawer .drawer-arrow,
html[data-theme="dark"] .drawer .drawer-arrow i,
html[data-theme="dark"] .drawer .drawer-arrow svg {
    color: #aaaaaa !important;
    -webkit-text-fill-color: #aaaaaa !important;
    stroke: #aaaaaa !important;
    fill: none !important;
}

html[data-theme="dark"] .drawer a:hover .drawer-link-icon,
html[data-theme="dark"] .drawer a:hover .drawer-category-toggle-icon {
    background: #353535 !important;
    border-color: #777777 !important;
}


/* STYLEEY: desktop header search and navigation icon color correction */
@media (min-width: 769px) {
    /* Search button: remove the white circle */
    .header .header-actions button[aria-label*="search" i],
    .header .header-actions a[aria-label*="search" i],
    .header .header-actions .search-toggle,
    .header .header-actions .search-button {
        background: #222 !important;
        background-color: #222 !important;
        border: 1px solid #505050 !important;
        box-shadow: none !important;
        color: #f5f5f5 !important;
    }

    .header .header-actions button[aria-label*="search" i] svg,
    .header .header-actions a[aria-label*="search" i] svg,
    .header .header-actions .search-toggle svg,
    .header .header-actions .search-button svg {
        color: #f5f5f5 !important;
        stroke: #f5f5f5 !important;
        fill: none !important;
        background: transparent !important;
    }

    /* Track Order and Account: neutral gray, not gold */
    .header .header-actions > a.track-order-link > i {
        background: #222 !important;
        background-color: #222 !important;
        border-color: #505050 !important;
        color: #eeeeee !important;
        box-shadow: none !important;
    }

    .header .header-actions > a.track-order-link > i::before {
        color: #eeeeee !important;
    }

    .header .header-actions > a.track-order-link:hover > i {
        border-color: #888888 !important;
    }
}

/* STYLEEY: exact desktop dark-mode search button fix */
@media (min-width: 769px) {
    html[data-theme="dark"] #searchOpenButton {
        background: #222222 !important;
        background-color: #222222 !important;
        border: 1px solid #505050 !important;
        color: #f5f5f5 !important;
        box-shadow: none !important;
    }

    html[data-theme="dark"] #searchOpenButton i,
    html[data-theme="dark"] #searchOpenButton i::before {
        color: #f5f5f5 !important;
        -webkit-text-fill-color: #f5f5f5 !important;
        opacity: 1 !important;
        background: transparent !important;
    }
}

/* STYLEEY: make HOME drawer row match category rows */
.drawer > a[href="/"] {
    min-height: 56px !important;
    height: 56px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* HOME icon: match category icon container size */
.drawer > a[href="/"] > .drawer-link-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #505050 !important;
    border-radius: 10px !important;
    background: #292929 !important;
    box-shadow: none !important;
}

/* HOME symbol: consistent size and centering */
.drawer > a[href="/"] > .drawer-link-icon svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    stroke: currentColor !important;
    color: #eeeeee !important;
}

/* STYLEEY: remove gold from desktop Track Order and Account icons */
@media (min-width: 769px) {
    html[data-theme="dark"] .desktop-nav .track-order-link > i,
    html[data-theme="dark"] .header .track-order-link > i {
        background: #222222 !important;
        background-color: #222222 !important;
        border: 1px solid #505050 !important;
        color: #eeeeee !important;
        -webkit-text-fill-color: #eeeeee !important;
        box-shadow: none !important;
        filter: grayscale(1) !important;
    }

    html[data-theme="dark"] .desktop-nav .track-order-link > i::before,
    html[data-theme="dark"] .header .track-order-link > i::before {
        color: #eeeeee !important;
        -webkit-text-fill-color: #eeeeee !important;
    }
}

/* STYLEEY: cart quantity number visibility in light mode */
html[data-theme="light"] .cart-page .quantity-control input,
html[data-theme="light"] .cart-page .quantity-control span,
html[data-theme="light"] .cart-page .quantity-value,
html:not([data-theme="dark"]) .cart-page .quantity-control input,
html:not([data-theme="dark"]) .cart-page .quantity-control span,
html:not([data-theme="dark"]) .cart-page .quantity-value {
    color: #222222 !important;
    -webkit-text-fill-color: #222222 !important;
    opacity: 1 !important;
}

/* Preserve readable quantity numbers in dark mode */
html[data-theme="dark"] .cart-page .quantity-control input,
html[data-theme="dark"] .cart-page .quantity-control span,
html[data-theme="dark"] .cart-page .quantity-value {
    color: #f5f5f5 !important;
    -webkit-text-fill-color: #f5f5f5 !important;
    opacity: 1 !important;
}

/* STYLEEY: fix cart quantity number visibility */
html:not([data-theme="dark"]) .cart-quantity-input {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    opacity: 1 !important;
    background-color: #ffffff !important;
    caret-color: #111111 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

html[data-theme="dark"] .cart-quantity-input {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    caret-color: #ffffff !important;
    font-weight: 600 !important;
    text-align: center !important;
}


/* Final cart quantity visibility fix */
html:not([data-theme="dark"]) .cart-line .cart-quantity .cart-quantity-input {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    opacity: 1 !important;
}

/* STYLEEY: remove gold tint from desktop Track Order and Account icons */
@media (min-width: 769px) {
    html:not([data-theme="dark"]) .header .desktop-nav > a.track-order-link > i,
    html:not([data-theme="dark"]) .header .desktop-nav > a.track-order-link > i::before {
        background: #f5f5f5 !important;
        background-color: #f5f5f5 !important;
        border-color: #d0d0d0 !important;
        color: #222222 !important;
        -webkit-text-fill-color: #222222 !important;
        box-shadow: none !important;
        filter: grayscale(1) !important;
    }

    html:not([data-theme="dark"]) .header .desktop-nav > a.track-order-link > i {
        border: 1px solid #d0d0d0 !important;
    }
}

/* STYLEEY: right-to-left scrolling announcement bar */
.announcement-bar {
    overflow: hidden !important;
    white-space: nowrap !important;
}

.announcement-bar > * {
    animation: styleey-announcement-scroll 18s linear infinite !important;
    will-change: transform;
}

@keyframes styleey-announcement-scroll {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .announcement-bar > * {
        animation: none !important;
        transform: none !important;
    }
}

/* STYLEEY: scrolling announcement from right to left */
.announcement {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-align: left !important;
}

.announcement {
    position: relative !important;
}

.announcement {
    animation: styleey-announcement-marquee 16s linear infinite !important;
}

@keyframes styleey-announcement-marquee {
    from { transform: translateX(100%); }
    to   { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
    .announcement {
        animation: none !important;
        transform: none !important;
        text-align: center !important;
    }
}

/* STYLEEY: keep announcement background fixed; scroll text only */
.announcement {
    position: relative !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-align: left !important;
    animation: none !important;
    transform: none !important;
}

.announcement {
    font-size: 0 !important;
}

.announcement::before {
    content: "CASH ON DELIVERY AVAILABLE · DELIVERY ACROSS BANGLADESH";
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    animation: styleey-announcement-text-scroll 16s linear infinite;
}

@keyframes styleey-announcement-text-scroll {
    from { transform: translateX(100vw); }
    to   { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
    .announcement::before {
        animation: none;
        transform: none;
    }
}

/* STYLEEY: premium Order Received success icon */
.success-page .success-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    text-align: center !important;
    padding: 0 !important;

    /* Smooth entrance */
    animation: styleey-success-circle-in 650ms cubic-bezier(.2,.8,.2,1) both;
    transform-origin: center;
}

.success-page .success-icon::first-letter {
    line-height: 1 !important;
}

@keyframes styleey-success-circle-in {
    0% {
        opacity: 0;
        transform: scale(.72);
    }
    65% {
        opacity: 1;
        transform: scale(1.06);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Subtle checkmark pop after the circle appears */
.success-page .success-icon {
    animation:
        styleey-success-circle-in 650ms cubic-bezier(.2,.8,.2,1) both,
        styleey-success-check-in 450ms 250ms ease-out both;
}

@keyframes styleey-success-check-in {
    0% {
        text-indent: -3px;
    }
    60% {
        text-indent: 1px;
    }
    100% {
        text-indent: 0;
    }
}

/* Accessibility: respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .success-page .success-icon {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        text-indent: 0 !important;
    }
}

/* STYLEEY: continuously animated Order Received confirmation */
.success-page .success-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    transform-origin: center !important;
    animation: styleey-success-continuous 2.2s ease-in-out infinite !important;
    will-change: transform, box-shadow;
}

@keyframes styleey-success-continuous {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(17, 17, 17, 0);
    }
    50% {
        transform: scale(1.07);
        box-shadow: 0 0 0 9px rgba(17, 17, 17, 0.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    .success-page .success-icon {
        animation: none !important;
        transform: none !important;
        box-shadow: none !important;
    }
}

/* STYLEEY: precisely centered, premium success confirmation */
.success-page .success-icon {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-indent: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
    transform-origin: center center !important;
    animation: styleey-success-ring 3s ease-in-out infinite !important;
    will-change: transform, box-shadow;
}

/* Render the checkmark independently for exact centering */
.success-page .success-icon::after {
    content: "✓";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-indent: 0;
    color: #111;
    transform-origin: center;
    animation: styleey-success-check 3s cubic-bezier(.22,.8,.25,1) infinite;
}

@keyframes styleey-success-ring {
    0%, 12%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
    }
    25% {
        transform: scale(1.06);
        box-shadow: 0 0 0 7px rgba(0,0,0,.07);
    }
    38% {
        transform: scale(1);
        box-shadow: 0 0 0 2px rgba(0,0,0,.02);
    }
}

@keyframes styleey-success-check {
    0%, 8% {
        opacity: 0;
        clip-path: inset(0 100% 0 0);
        transform: scale(.75);
    }
    24% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: scale(1.12);
    }
    34%, 85% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: scale(1);
    }
    96%, 100% {
        opacity: 0;
        clip-path: inset(0 100% 0 0);
        transform: scale(.95);
    }
}

@media (prefers-reduced-motion: reduce) {
    .success-page .success-icon,
    .success-page .success-icon::after {
        animation: none !important;
        transform: none !important;
        clip-path: none !important;
        opacity: 1 !important;
        box-shadow: none !important;
    }
}