/** Shopify CDN: Minification failed

Line 1663:12 Unexpected "{"

**/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
:root{
  --background:36 25% 97%;--foreground:25 18% 14%;--card:0 0% 100%;--secondary:32 18% 92%;--muted:32 14% 90%;--muted-foreground:25 8% 42%;--accent:18 35% 55%;--accent-foreground:36 30% 96%;--border:30 12% 86%;--cream:36 30% 96%;--sand:32 22% 88%;--espresso:25 22% 18%;--gradient-warm:linear-gradient(135deg,hsl(36 30% 96%),hsl(32 22% 88%));--gradient-overlay:linear-gradient(180deg,transparent 0%,hsl(25 22% 18% / .35) 100%);--gradient-hero:linear-gradient(180deg,hsl(36 25% 97%) 0%,hsl(32 22% 92%) 100%);--shadow-soft:0 1px 2px hsl(25 22% 18% / .04),0 4px 12px hsl(25 22% 18% / .04);--shadow-elevated:0 4px 16px hsl(25 22% 18% / .08),0 12px 32px hsl(25 22% 18% / .06)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;overflow-x:hidden;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,system-ui,sans-serif;-webkit-text-size-adjust:100%}body{font-feature-settings:"ss01","cv01"}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,h5{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.025em;margin:0}h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.05}h2{font-size:clamp(1.875rem,4vw,3.25rem);line-height:1.1}h3{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.15}.container-luxe{width:100%;max-width:1400px;margin-inline:auto;padding-inline:1.25rem}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:500;color:hsl(var(--muted-foreground))}.link-underline{position:relative}.link-underline:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:currentColor;transition:width .5s}.link-underline:hover:after{width:100%}.image-zoom{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.group:hover .image-zoom,.image-zoom:hover{transform:scale(1.05)}.btn-dark,.shopify-payment-button__button{display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--foreground));color:hsl(var(--background));border:0;padding:1rem 2.5rem;text-transform:uppercase;letter-spacing:.18em;font-size:11px;cursor:pointer;transition:.25s}.btn-dark:hover,.shopify-payment-button__button:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-light{display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--background));color:hsl(var(--foreground));padding:1rem 2.5rem;text-transform:uppercase;letter-spacing:.18em;font-size:11px}.btn-accent{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border:0;padding:1rem;text-transform:uppercase;letter-spacing:.18em;font-size:11px;width:100%;cursor:pointer}.muted{color:hsl(var(--muted-foreground))}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Header */.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid hsl(var(--border)/.65);background:hsl(var(--background)/.86);backdrop-filter:blur(14px)}.header-inner{height:4rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{display:flex;align-items:center;gap:.45rem;min-width:0}.brand img{width:1.75rem;height:1.75rem;object-fit:contain;flex:0 0 auto}.brand span{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.5rem;letter-spacing:.04em;white-space:nowrap}.main-nav{display:none;align-items:center;gap:2.7rem;font-size:1rem;font-weight:700}.main-nav a{color:hsl(var(--muted-foreground))}.main-nav a:hover{color:hsl(var(--foreground))}.header-icons{display:flex;align-items:center;gap:.15rem}.icon-btn{display:grid;place-items:center;background:transparent;border:0;color:inherit;padding:.55rem;cursor:pointer}.cart-link{position:relative}.cart-count{position:absolute;right:0;top:0;display:grid;place-items:center;min-width:1rem;height:1rem;border-radius:999px;background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-size:10px;padding:0 .25rem}.mobile-menu{display:none;border-top:1px solid hsl(var(--border));background:hsl(var(--background))}.mobile-menu.open{display:block}.mobile-menu nav{display:flex;flex-direction:column;padding-block:1rem}.mobile-menu a{padding:.85rem 0;border-bottom:1px solid hsl(var(--border)/.65)}.search-bar{display:none;border-top:1px solid hsl(var(--border));background:hsl(var(--background))}.search-bar.open{display:block}.search-bar form{padding:1rem 0}.search-bar input{width:100%;border:0;border-bottom:1px solid hsl(var(--border));background:transparent;padding:.8rem 0;outline:0}.hamburger{display:grid}@media(min-width:768px){.container-luxe{padding-inline:2.5rem}.header-inner{height:5rem}.brand img{width:2rem;height:2rem}.brand span{font-size:2rem}.main-nav{display:flex}.hamburger{display:none}.header-icons{gap:.5rem}}
/* Footer */.site-footer{margin-top:1.75rem;border-top:1px solid hsl(var(--border));background:hsl(var(--secondary)/.4)}.footer-grid{display:grid;gap:2.5rem;padding-block:2.5rem}.footer-logo{display:flex;gap:.65rem;align-items:center}.footer-logo img{width:2.25rem;height:2.25rem}.footer-logo span{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;letter-spacing:.04em}.payment-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.payment-tags span{border:1px solid hsl(var(--border));border-radius:4px;padding:.25rem .5rem;font-size:11px;color:hsl(var(--muted-foreground))}.social-row{display:flex;gap:.75rem;margin-top:1.25rem}.social-row a{width:2.25rem;height:2.25rem;border:1px solid hsl(var(--border));border-radius:999px;display:grid;place-items:center}.social-row a:hover{background:hsl(var(--foreground));color:hsl(var(--background))}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-links ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.65rem;font-size:.9rem}.newsletter-form{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.newsletter-form input{border:1px solid hsl(var(--border));background:hsl(var(--background));padding:.8rem;font-size:.9rem}.newsletter-form button{border:0;background:hsl(var(--foreground));color:hsl(var(--background));padding:.85rem 1rem;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.footer-bottom{border-top:1px solid hsl(var(--border));font-size:.75rem;color:hsl(var(--muted-foreground))}.footer-bottom .container-luxe{padding-block:1.25rem;display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.footer-grid{grid-template-columns:5fr 3fr 4fr;gap:2rem;padding-block:4rem}.newsletter-form{flex-direction:row}.newsletter-form input{flex:1}.footer-bottom .container-luxe{flex-direction:row;justify-content:space-between}}
/* Home */.shipping-bar{background:hsl(var(--foreground));color:hsl(var(--background));font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:.55rem}.hero{background:var(--gradient-hero)}.hero-media-wrap{width:100%;overflow:hidden;background:#e8ded8}.hero-media{position:relative;width:100%;aspect-ratio:4/5;max-height:78vh;overflow:hidden}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.hero-overlay{position:absolute;inset:0;background:var(--gradient-overlay)}.hero-copy{text-align:center;max-width:48rem}.hero-copy h1{margin-top:.25rem;font-size:1.15rem}.hero-copy .italic{font-style:italic;color:hsl(var(--accent))}@media(min-width:640px){.hero-media{aspect-ratio:16/10}.hero-media img{object-position:60% center}}@media(min-width:768px){.hero-media{aspect-ratio:21/9;max-height:56vh}.hero-media img{object-position:center 18%}.hero-overlay{opacity:0}.hero-copy h1{font-size:1.9rem}}@media(min-width:1024px){.hero-media{aspect-ratio:24/9}}
.section-pad{padding-block:1.75rem}.section-head{text-align:center;margin-bottom:1rem}.section-head p{margin:.5rem auto 0;color:hsl(var(--muted-foreground));font-size:.86rem}.carousel-section{overflow:hidden;background:hsl(var(--secondary)/.3);padding:1rem 0 1.75rem}.marquee-shell{position:relative}.marquee-viewport{overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.marquee-viewport::-webkit-scrollbar{display:none}.marquee-track{display:flex;gap:1rem;width:max-content}.collection-card{position:relative;display:block;width:60vw;flex:0 0 auto}.collection-card .media{position:relative;aspect-ratio:4/5;overflow:hidden;background:hsl(var(--background))}.collection-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-gradient{position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(to top,rgba(0,0,0,.55),transparent)}.card-caption{position:absolute;left:0;right:0;bottom:0;padding:.85rem;color:hsl(var(--background))}.card-caption p:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.25em;opacity:.85}.card-caption p{margin:0}.card-caption .name{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.05rem}.quick-actions{position:absolute;top:.5rem;left:.5rem;right:.5rem;z-index:4;display:flex;justify-content:space-between;gap:.5rem}.quick-actions button,.quick-actions a{background:hsl(var(--background)/.92);color:hsl(var(--foreground));border:0;padding:.45rem .55rem;text-transform:uppercase;letter-spacing:.15em;font-size:8px;cursor:pointer}.quick-actions .buy-now{background:hsl(var(--foreground));color:hsl(var(--background))}.marquee-arrow{position:absolute;top:45%;transform:translateY(-50%);z-index:10;width:2.4rem;height:2.4rem;border:1px solid hsl(var(--border));background:hsl(var(--background)/.9);cursor:pointer;display:none}.marquee-arrow.prev{left:.75rem}.marquee-arrow.next{right:.75rem}.marquee-shell:hover .marquee-arrow{display:block}@media(min-width:640px){.collection-card{width:40vw}}@media(min-width:768px){.marquee-track{gap:1.5rem}.collection-card{width:24vw}.quick-actions{opacity:0;transition:.3s}.collection-card:hover .quick-actions{opacity:1}}@media(min-width:1024px){.collection-card{width:18vw}}
.trust-bar{border-block:1px solid hsl(var(--border));background:hsl(var(--background))}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr)}.trust-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1.4rem 1rem;border-right:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}.trust-icon{color:hsl(var(--accent));font-size:1.2rem}.trust-item strong{font-size:.9rem}.trust-item p{margin:.2rem 0 0;font-size:.75rem;color:hsl(var(--muted-foreground))}@media(min-width:768px){.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-item{flex-direction:row;text-align:left}}@media(min-width:1024px){.trust-grid{grid-template-columns:repeat(6,1fr)}}
.anime-section{background:hsl(var(--background));padding-block:1.75rem}.anime-track{display:flex;gap:1.25rem;width:max-content;padding-inline:1.25rem}.anime-card{width:70vw;flex:0 0 auto}.anime-card .media{position:relative;aspect-ratio:4/5;overflow:hidden;background:hsl(var(--secondary))}.anime-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.anime-card .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.2),transparent)}.anime-card .caption{position:absolute;left:0;right:0;bottom:0;text-align:center;color:hsl(var(--background));padding:1rem}.anime-card h3{font-size:1.5rem}.anime-card em{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.1rem}@media(min-width:640px){.anime-card{width:44vw}}@media(min-width:768px){.anime-card{width:28vw}.anime-track{gap:1.75rem;padding-inline:2.5rem}}@media(min-width:1024px){.anime-card{width:22vw}}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.25rem}.product-card{position:relative}.product-card .media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:hsl(var(--secondary)/.4)}.product-card .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-card .card-actions{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;display:grid;gap:.5rem;z-index:5}.product-card .card-actions button,.product-card .card-actions a{border:0;padding:.65rem;background:hsl(var(--background)/.95);font-size:9px;text-transform:uppercase;letter-spacing:.16em;cursor:pointer;text-align:center}.product-card .card-actions .buy{background:hsl(var(--foreground));color:hsl(var(--background))}.product-info{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}.product-info h3{font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:0;line-height:1.25}.product-info p{margin:.25rem 0 0;color:hsl(var(--muted-foreground));font-size:.75rem}.product-price{flex-shrink:0;font-size:.9rem;font-variant-numeric:tabular-nums}@media(min-width:768px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem 1.5rem}.product-card .card-actions{opacity:0;transform:translateY(.5rem);transition:.4s}.product-card:hover .card-actions{opacity:1;transform:none}}@media(min-width:1024px){.product-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}}
.journal{background:hsl(var(--secondary)/.4);padding-block:1.75rem}.journal-grid{display:grid;gap:1.5rem}.journal-card{display:block;background:hsl(var(--background));padding:1.75rem}.journal-card:hover{box-shadow:var(--shadow-soft)}.journal-card h3{margin-top:.75rem;font-size:1.5rem}.journal-card p{color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.65}.final-cta{background:hsl(var(--foreground));color:hsl(var(--background));text-align:center}.final-cta .container-luxe{padding-block:3.5rem}.final-cta .eyebrow{color:hsl(var(--background)/.65)}.final-cta h2{color:hsl(var(--background));margin-top:1rem}.final-cta p{color:hsl(var(--background)/.72)}.about-block{text-align:center;max-width:48rem;margin:auto;padding-block:1.75rem}.about-block p{color:hsl(var(--muted-foreground));line-height:1.65}@media(min-width:768px){.journal-grid{grid-template-columns:repeat(2,1fr)}.journal-card{padding:2.25rem}.section-pad,.anime-section,.journal{padding-block:2.25rem}}
/* Collection/page */.page-hero{text-align:center;max-width:50rem;margin:auto;padding:3rem 1.25rem 2rem}.page-hero p:not(.eyebrow){color:hsl(var(--muted-foreground));line-height:1.65}.anime-filter{padding-bottom:2rem}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.filter-btn{border:1px solid hsl(var(--border));background:hsl(var(--background));padding:.65rem .5rem;font-size:11px;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:hsl(var(--foreground));color:hsl(var(--background));border-color:hsl(var(--foreground))}.seo-copy{background:hsl(var(--secondary)/.4)}.seo-copy .container-luxe{padding-block:4rem;max-width:52rem}.seo-copy p{color:hsl(var(--muted-foreground));line-height:1.65;font-size:.9rem}@media(min-width:640px){.filter-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:768px){.filter-grid{grid-template-columns:repeat(6,1fr)}.page-hero{padding-top:4rem}}@media(min-width:1024px){.filter-grid{grid-template-columns:repeat(8,1fr)}}
/* Product */.breadcrumb{padding-top:1.5rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.product-page{display:grid;gap:2.5rem;padding-block:2rem}.product-gallery{display:grid;gap:.75rem}.product-main-image{position:relative;aspect-ratio:4/5;background:hsl(var(--secondary)/.4);overflow:hidden}.product-main-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.product-thumbs div{aspect-ratio:1;background:hsl(var(--secondary)/.4);overflow:hidden}.product-thumbs img{width:100%;height:100%;object-fit:cover}.product-details{align-self:start}.product-details .price{font-size:1.5rem;margin-top:1.25rem;font-variant-numeric:tabular-nums}.product-details .desc{margin-top:1.5rem;color:hsl(var(--muted-foreground));line-height:1.65;font-size:.9rem}.attr-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.attr-grid div{border:1px solid hsl(var(--border));text-align:center;padding:.65rem .2rem}.attr-grid dt{font-size:8px;letter-spacing:.05em;text-transform:uppercase;color:hsl(var(--muted-foreground));white-space:nowrap}.attr-grid dd{font-size:10px;margin:.25rem 0 0}.quantity-row{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.qty-box{display:flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border))}.qty-box button{border:0;background:transparent;padding:.8rem;cursor:pointer}.qty-box input{width:3rem;text-align:center;border:0;background:transparent}.usp-list{margin-top:1.5rem;padding:0;list-style:none;display:grid;gap:.55rem;color:hsl(var(--muted-foreground));font-size:.9rem}.accordion{margin-top:2rem;border-top:1px solid hsl(var(--border))}.accordion details{border-bottom:1px solid hsl(var(--border));padding:.9rem 0}.accordion summary{cursor:pointer;font-size:.9rem}.accordion p{color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.6}.product-form{margin-top:1.75rem}.shopify-payment-button{margin-top:.75rem}@media(min-width:640px){.quantity-row{flex-direction:row}.quantity-row .btn-dark{flex:1}}@media(min-width:1024px){.product-page{grid-template-columns:1fr 1fr}.product-details{position:sticky;top:7rem}}
/* Cart */.cart-wrap{max-width:56rem;padding-block:3rem}.cart-empty{text-align:center;border:1px solid hsl(var(--border));padding:5rem 1rem;margin-top:2.5rem}.free-bar{margin-top:2rem;padding:1.25rem;background:hsl(var(--secondary)/.5);border:1px solid hsl(var(--border))}.free-progress{height:4px;background:hsl(var(--background));border-radius:999px;overflow:hidden;margin-top:.75rem}.free-progress span{display:block;height:100%;background:hsl(var(--accent))}.cart-lines{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid hsl(var(--border))}.cart-line{display:flex;gap:1rem;padding:1.5rem 0;border-bottom:1px solid hsl(var(--border))}.cart-line img{width:6rem;aspect-ratio:4/5;object-fit:cover;background:hsl(var(--secondary)/.4)}.cart-line-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.cart-line-top{display:flex;justify-content:space-between;gap:.75rem}.cart-line-title{font-size:.9rem;font-weight:500}.cart-line-meta{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem}.cart-line-bottom{display:flex;align-items:end;justify-content:space-between;gap:.75rem;margin-top:1rem}.cart-qty{display:flex;border:1px solid hsl(var(--border));align-items:center}.cart-qty button,.cart-qty a{border:0;background:transparent;padding:.6rem;text-decoration:none}.cart-qty span{width:2rem;text-align:center}.upsell-box{margin-top:2rem;border:1px solid hsl(var(--border));padding:1.25rem;display:flex;gap:1rem;background:hsl(var(--background))}.order-summary{margin-top:2rem;border-top:1px solid hsl(var(--border));padding-top:1.5rem;display:grid;gap:.65rem;font-size:.9rem}.order-row{display:flex;justify-content:space-between;gap:1rem}.order-total{border-top:1px solid hsl(var(--border));padding-top:.9rem;font-size:1rem;font-weight:600}.cart-checkout{margin-top:1.5rem;width:100%}.additional-checkout-buttons{margin-top:1rem}.form-field{width:100%;border:1px solid hsl(var(--border));background:hsl(var(--background));padding:.85rem;font-size:.9rem}.contact-grid{display:grid;gap:2.5rem}.contact-form{background:hsl(var(--secondary)/.3);padding:2rem;border:1px solid hsl(var(--border));display:grid;gap:1rem}.info-card{display:block;border:1px solid hsl(var(--border));padding:1.5rem}.social-cards{display:grid;gap:1.5rem}.social-card{border:1px solid hsl(var(--border));padding:2.5rem;text-align:center;background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(168,85,247,.08),rgba(251,146,60,.08))}@media(min-width:768px){.contact-grid,.social-cards{grid-template-columns:1.2fr 1fr}.social-cards{grid-template-columns:1fr 1fr}.cart-line img{width:8rem}}
/* Generic pages */.split-cards{display:grid;gap:1.5rem}.offer-card,.package-card{background:hsl(var(--secondary)/.4);border:1px solid hsl(var(--border));padding:2rem}.accent-hero{background:hsl(var(--accent));color:hsl(var(--accent-foreground));text-align:center}.accent-hero .container-luxe{padding-block:4rem}.accent-hero .eyebrow{color:hsl(var(--accent-foreground)/.75)}.accent-hero p{max-width:36rem;margin:1rem auto;color:hsl(var(--accent-foreground)/.85)}@media(min-width:768px){.split-cards{grid-template-columns:1fr 1fr}.accent-hero .container-luxe{padding-block:6rem}}
.hidden-by-filter{display:none!important}.notice{padding:1rem;border:1px dashed hsl(var(--accent));background:hsl(var(--accent)/.05);font-size:.9rem}.template-note{margin:1rem 0;padding:1rem;background:hsl(var(--secondary)/.4);border:1px solid hsl(var(--border));font-size:.9rem;color:hsl(var(--muted-foreground))}

/* V3 homepage matching overrides */
.tobari-shipping-bar{background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-weight:500;letter-spacing:.08em;text-transform:none}.shipping-desktop{display:none;align-items:center;justify-content:center;gap:1.5rem;white-space:nowrap;font-size:.75rem;padding-block:.65rem}.shipping-desktop span[aria-hidden]{opacity:.6}.shipping-mobile{display:block;position:relative;height:1.75rem;overflow:hidden;text-align:center;font-size:11px;letter-spacing:.08em;padding:.62rem 1rem}.shipping-mobile span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s}.shipping-mobile span.active{opacity:1}.hero-exact{background:var(--gradient-hero)}.hero-media-exact{aspect-ratio:4/5;max-height:48vh}.hero-media-exact img{object-position:100% center}.hero-countdown{position:absolute;left:0;right:0;bottom:0;z-index:10;background:hsl(var(--foreground)/.75);backdrop-filter:blur(8px);color:hsl(var(--background));text-align:center}.countdown-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding-block:.25rem}.launch-line{margin:0;font-size:10px;line-height:1.15}.countdown-units{display:flex;align-items:center;gap:.375rem;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.countdown-units span{display:inline-flex;align-items:baseline;gap:.125rem}.countdown-units small{font-size:9px;text-transform:uppercase;opacity:.7}.countdown-units em{font-style:normal}.mobile-launch-note{display:block;margin:0;padding-bottom:.125rem;font-size:9px;color:hsl(var(--background)/.8)}.desktop-only{display:none}.hero-copy-exact{text-align:center;max-width:48rem}.hero-copy-exact h1{margin-top:.25rem;font-size:1.125rem;line-height:1.15}.home-eyebrow-section{text-align:center;padding-top:1rem;padding-bottom:.25rem}.get-in-touch-section{background:hsl(var(--secondary)/.4);padding-block:1.75rem}.get-in-touch-form{max-width:36rem;margin-inline:auto;display:grid;gap:.75rem}.get-in-touch-form textarea{resize:none}.get-touch-submit{width:100%;border-radius:0}.section-head h2{letter-spacing:-.025em}@media(min-width:640px){.hero-media-exact{aspect-ratio:16/10}.hero-media-exact img{object-position:60% center}}@media(min-width:768px){.shipping-desktop{display:flex}.shipping-mobile{display:none}.hero-media-exact{aspect-ratio:21/9;max-height:72vh}.hero-media-exact img{object-position:center 18%}.countdown-inner{flex-direction:row;gap:1.25rem;padding-block:.65rem}.launch-line{font-size:.75rem}.countdown-units{gap:.75rem;font-size:.875rem}.countdown-units small{font-size:10px}.mobile-launch-note{display:none}.desktop-only{display:inline}.hero-copy-exact h1{font-size:1.875rem}.home-eyebrow-section{padding-top:1.5rem}.get-in-touch-section{padding-block:2.25rem}}@media(min-width:1024px){.hero-media-exact{aspect-ratio:24/9}}

/* Desktop header icon sizing - works with text/emoji icons */
@media (min-width: 768px) {
  .site-header .header-icons .icon-btn {
    font-size: 1.35rem !important;
    line-height: 1 !important;
    width: 2.75rem !important;
    height: 2.75rem !important;
    padding: 0 !important;
  }

  .site-header .cart-link {
    font-size: 1.35rem !important;
  }

  .site-header .cart-count {
    min-width: 1.15rem !important;
    height: 1.15rem !important;
    font-size: 10px !important;
    right: 2px !important;
    top: 2px !important;
  }
}

/* Header icons - proper state icons */
.header-icons-enhanced {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.header-icon-btn {
  position: relative;
  width: 2.35rem;
  height: 2.35rem;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
}

.header-icon {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cart-icon-filled {
  fill: currentColor;
}

.account-dot {
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: hsl(var(--accent));
  border: 1px solid hsl(var(--background));
}

.cart-has-items {
  color: hsl(var(--foreground));
}

.cart-empty {
  color: hsl(var(--muted-foreground));
}

.cart-count {
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  place-items: center;
  min-width: 1rem;
  height: 1rem;
  border-radius: 999px;
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  font-size: 10px;
  line-height: 1;
  padding: 0 0.25rem;
}

/* Desktop only: slightly larger icons */
@media (min-width: 768px) {
  .header-icons-enhanced {
    gap: 0.45rem;
  }

  .header-icon-btn {
    width: 2.75rem;
    height: 2.75rem;
  }

  .header-icon {
    width: 23px;
    height: 23px;
  }

  .cart-count {
    min-width: 1.15rem;
    height: 1.15rem;
    font-size: 10px;
    right: 1px;
    top: 1px;
  }

  .account-dot {
    right: 7px;
    bottom: 7px;
  }
}

/* Hide search on mobile */
@media (max-width: 767px) {
  .site-header [data-search-toggle] {
    display: none !important;
  }

  .site-header .search-bar {
    display: none !important;
  }
}

/* product page carousel */
 .tobari-carousel-section {
    overflow: hidden;
    background: rgba(246, 241, 235, 0.72);
    padding: 0.75rem 0 1.75rem;
  }
  .tobari-carousel-head {
    width: min(100% - 2rem, 1400px);
    margin: 0 auto 1rem;
    text-align: center;
  }
  .tobari-carousel-head h2 {
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(1.5rem, 2.8vw, 1.875rem);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  .tobari-carousel-head p {
    margin: 0.5rem auto 0;
    color: rgba(41, 34, 31, 0.66);
    font-size: 0.75rem;
    line-height: 1.45;
  }
  .tobari-marquee-shell {
    position: relative;
    max-width: 100%;
  }
  .tobari-marquee-viewport {
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
  }
  .tobari-marquee-viewport::-webkit-scrollbar { display: none; }
  .tobari-marquee-track {
    display: flex;
    gap: 1rem;
    width: max-content;
  }
  .tobari-carousel-section .collection-card {
    position: relative;
    display: block;
    width: 60vw;
    flex: 0 0 auto;
    overflow: hidden;
  }
  .tobari-carousel-section .collection-card .media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #fff;
  }
  .tobari-carousel-section .collection-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 700ms ease;
  }
  .tobari-carousel-section .collection-card:hover img { transform: scale(1.04); }
  .tobari-carousel-section .card-gradient {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 34%;
    background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
    pointer-events: none;
  }
  .tobari-carousel-section .card-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem;
    color: #fff;
    pointer-events: none;
  }
  .tobari-carousel-section .card-caption p { margin: 0; }
  .tobari-carousel-section .card-caption p:first-child {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .25em;
    opacity: .82;
  }
  .tobari-carousel-section .card-caption .name {
    margin-top: .125rem;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 1rem;
    line-height: 1.2;
  }
  .tobari-carousel-section .quick-actions {
    position: absolute;
    top: .5rem;
    left: .5rem;
    right: .5rem;
    z-index: 4;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: .5rem;
  }
  .tobari-carousel-section .quick-actions button,
  .tobari-carousel-section .quick-actions a {
    appearance: none;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    background: rgba(255,255,255,.92);
    color: #211c1a;
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
    padding: .25rem .375rem;
    font-size: 8px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: .15em;
    transition: background 200ms ease, color 200ms ease, opacity 300ms ease;
  }
  .tobari-carousel-section .quick-actions .buy-now {
    background: #211c1a;
    color: #fff;
  }
  .tobari-marquee-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.42);
    color: #211c1a;
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
    backdrop-filter: blur(8px);
    cursor: pointer;
    opacity: .42;
    font-size: 2rem;
    line-height: 1;
    transition: opacity 200ms ease, background 200ms ease;
  }
  .tobari-marquee-arrow:hover { opacity: 1; background: rgba(255,255,255,.82); }
  .tobari-marquee-prev { left: .5rem; }
  .tobari-marquee-next { right: .5rem; }
  .tobari-carousel-view-all {
    width: min(100% - 2rem, 1400px);
    margin: 1rem auto 0;
    text-align: center;
  }
  .tobari-carousel-view-all a {
    color: inherit;
    text-decoration: none;
    font-size: 1.125rem;
    border-bottom: 1px solid currentColor;
  }
  @media (min-width: 640px) {
    .tobari-carousel-section .collection-card { width: 40vw; }
  }
  @media (min-width: 768px) {
    .tobari-marquee-track { gap: 1.5rem; }
    .tobari-carousel-section .collection-card { width: 24vw; }
    .tobari-carousel-head p { font-size: .875rem; }
    .tobari-carousel-section .card-caption { padding: 1rem; }
    .tobari-carousel-section .card-caption .name { font-size: 1.125rem; }
    .tobari-carousel-section .quick-actions button,
    .tobari-carousel-section .quick-actions a {
      padding: .375rem .625rem;
      font-size: 10px;
      opacity: 0;
    }
    .tobari-carousel-section .collection-card:hover .quick-actions button,
    .tobari-carousel-section .collection-card:hover .quick-actions a { opacity: 1; }
    .tobari-marquee-arrow { width: 3rem; height: 3rem; }
    .tobari-marquee-prev { left: 1rem; }
    .tobari-marquee-next { right: 1rem; }
  }
  @media (min-width: 1024px) {
    .tobari-carousel-section .collection-card { width: 18vw; }
  }

  /* cart fucntioanlti  */

  /* Cart live-update polish */
.cart-remove-btn {
  border: 0;
  background: transparent;
  color: hsl(var(--muted-foreground));
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
}

.cart-remove-btn:hover {
  color: hsl(var(--foreground));
}

.cart-qty button {
  border: 0;
  background: transparent;
  padding: 0.6rem;
  cursor: pointer;
}

.cart-extra-checkout-buttons {
  margin-top: 1rem;
  display: grid;
  gap: 0.85rem;
}

.cart-extra-checkout-buttons > * {
  margin-top: 0 !important;
}

.cart-extra-checkout-buttons iframe,
.cart-extra-checkout-buttons button,
.cart-extra-checkout-buttons div[role="button"] {
  margin-top: 0 !important;
}

.notice {
  padding: 1rem;
  border: 1px dashed hsl(var(--accent));
  background: hsl(var(--accent) / .05);
  font-size: .9rem;
}

/* Premium packaging quantity locked but styled like normal quantity */
.cart-qty-disabled button {
  opacity: 0.35;
  cursor: not-allowed;
}

.cart-qty-disabled span {
  width: 2rem;
  text-align: center;
}

/* hijab collection page  */

/* Fix dynamic hijabs page quick add / buy now button placement */
.product-card-media-wrap {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: hsl(var(--secondary) / .4);
}

.product-card-media-wrap .media {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  aspect-ratio: auto !important;
  overflow: hidden;
}

.product-card-media-wrap .media img,
.product-card-media-wrap .media svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.product-card-media-wrap .card-actions {
  position: absolute !important;
  left: 0.75rem !important;
  right: 0.75rem !important;
  bottom: 0.75rem !important;
  z-index: 5 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

.product-card-media-wrap .card-actions button,
.product-card-media-wrap .card-actions a {
  width: 100%;
  min-height: 38px;
  border: 0;
  background: hsl(var(--background) / .95);
  color: hsl(var(--foreground));
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .16em;
  cursor: pointer;
  text-align: center;
  display: grid;
  place-items: center;
  text-decoration: none;
}

.product-card-media-wrap .card-actions .buy {
  background: hsl(var(--foreground));
  color: hsl(var(--background));
}

/* Desktop hover behaviour */
@media (min-width: 768px) {
  .product-card-media-wrap .card-actions {
    opacity: 0;
    transform: translateY(0.5rem);
    transition: opacity .35s ease, transform .35s ease;
  }

  .product-card-media-wrap:hover .card-actions {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile: always show buttons */
@media (max-width: 767px) {
  .product-card-media-wrap .card-actions {
    opacity: 1 !important;
    transform: none !important;
  }
}


/* trust bar  */

/* Trust bar: match React accent line-icon style */
.trust-bar {
  border-block: 1px solid hsl(var(--border));
  background: hsl(var(--background));
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  text-align: left;
  padding: 1.25rem 1rem;
  border-right: 1px solid hsl(var(--border));
  border-bottom: 1px solid hsl(var(--border));
}

.trust-icon {
  width: 1.15rem;
  height: 1.15rem;
  color: hsl(var(--accent));
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.trust-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.trust-item strong {
  display: block;
  font-size: 0.9rem;
  line-height: 1.25;
  font-weight: 600;
  color: hsl(var(--foreground));
}

.trust-item p {
  margin: 0.25rem 0 0;
  font-size: 0.78rem;
  line-height: 1.35;
  color: hsl(var(--muted-foreground));
}

@media (min-width: 768px) {
  .trust-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .trust-item {
    padding: 1.45rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .trust-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

/* Desktop only: make trust bar smaller and centered */
@media (min-width: 1024px) {
  .trust-bar {
    display: flex;
    justify-content: center;
    background: hsl(var(--background));
  }

  .trust-grid {
    width: min(100%, 1280px);
    grid-template-columns: repeat(6, 1fr);
    border-left: 1px solid hsl(var(--border));
  }

  .trust-item {
    min-height: 96px;
    padding: 1.15rem 1.25rem;
    gap: 0.75rem;
  }

  .trust-icon {
    width: 1rem;
    height: 1rem;
  }

  .trust-item strong {
    font-size: 0.82rem;
    line-height: 1.25;
  }

  .trust-item p {
    font-size: 0.72rem;
    line-height: 1.35;
  }
}

/* Desktop only: lighter trust bar dividers, no outer end borders */
@media (min-width: 1024px) {
  .trust-bar {
    border-bottom: 1 solid black !important;
    border-bottom: 1 solid black !important;
    display: flex;
    justify-content: center;
    background: hsl(var(--background));
  }

  .trust-grid {
    width: min(100%, 1280px);
    grid-template-columns: repeat(6, 1fr);
    border: 0 solid !important;
  }

  .trust-item {
    border: 0 !important;
    border-right: 1px solid hsl(var(--border) / 0.45) !important;
    min-height: 92px;
    padding: 1rem 1.15rem;
    gap: 0.7rem;
  }

  .trust-item:first-child {
    border-left: 0 !important;
  }

  .trust-item:last-child {
    border-right: 0 !important;
  }

  .trust-icon {
    width: 0.95rem;
    height: 0.95rem;
  }

  .trust-item strong {
    font-size: 0.8rem;
  }

  .trust-item p {
    font-size: 0.7rem;
  }
}

/* shop by anime .section */

/* Shop by anime carousel: match Tobari carousel/arrows */
.tobari-anime-carousel {
  background: hsl(var(--background));
  padding: 1.75rem 0;
}

.tobari-anime-carousel .tobari-carousel-head {
  width: min(100% - 2rem, 1400px);
  margin: 0 auto 1rem;
  text-align: center;
}

.tobari-anime-carousel .tobari-carousel-head h2 {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.875rem, 4vw, 3.25rem);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.025em;
}

.tobari-anime-carousel .tobari-carousel-head p {
  margin: 0.5rem auto 0;
  color: hsl(var(--muted-foreground));
  font-size: 0.86rem;
}

.tobari-anime-track {
  display: flex;
  gap: 1rem;
  width: max-content;
}

.tobari-anime-carousel .anime-card {
  width: 70vw;
  flex: 0 0 auto;
}

.tobari-anime-carousel .anime-card .media {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: hsl(var(--secondary));
}

.tobari-anime-carousel .anime-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tobari-anime-carousel .anime-card .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,.2), transparent);
}

.tobari-anime-carousel .anime-card .caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: hsl(var(--background));
  padding: 1rem;
}

.tobari-anime-carousel .anime-card h3 {
  font-size: 1.5rem;
}

.tobari-anime-carousel .anime-card em {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.1rem;
}

@media (min-width: 640px) {
  .tobari-anime-carousel .anime-card {
    width: 44vw;
  }
}

@media (min-width: 768px) {
  .tobari-anime-track {
    gap: 1.5rem;
  }

  .tobari-anime-carousel .anime-card {
    width: 28vw;
  }
}

@media (min-width: 1024px) {
  .tobari-anime-carousel .anime-card {
    width: 22vw;
  }
}

/* Anime landing pages */
.anime-page-hero {
  position: relative;
  min-height: 48vh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: hsl(var(--foreground));
  color: hsl(var(--background));
  text-align: center;
}

.anime-page-hero__media {
  position: absolute;
  inset: 0;
}

.anime-page-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.anime-page-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.25),
    rgba(0,0,0,.55)
  );
}

.anime-page-hero__content {
  position: relative;
  z-index: 2;
  width: min(100% - 2rem, 760px);
  padding: 4rem 1rem;
}

.anime-page-hero__content .eyebrow {
  color: rgba(255,255,255,.75);
}

.anime-page-hero__content h1 {
  color: hsl(var(--background));
  margin-top: .75rem;
}

.anime-page-hero__content p:not(.eyebrow) {
  max-width: 34rem;
  margin: 1rem auto 0;
  color: rgba(255,255,255,.82);
  line-height: 1.65;
}

.anime-page-products {
  padding-block: 3.5rem;
}

@media (max-width: 767px) {
  .anime-page-hero {
    min-height: 42vh;
  }

  .anime-page-hero__content {
    padding: 3rem 1rem;
  }
}

/* Anime collection landing pages */
.anime-collection-hero {
  position: relative;
  min-height: 52vh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: hsl(var(--foreground));
  color: hsl(var(--background));
  text-align: center;
}

.anime-collection-hero__media {
  position: absolute;
  inset: 0;
}

.anime-collection-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.anime-collection-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.22),
    rgba(0, 0, 0, 0.58)
  );
}

.anime-collection-hero__content {
  position: relative;
  z-index: 2;
  width: min(100% - 2rem, 760px);
  padding: 4rem 1rem;
}

.anime-collection-hero__content .eyebrow {
  color: rgba(255, 255, 255, 0.78);
}

.anime-collection-hero__content h1 {
  margin: 0.75rem 0 0;
  color: hsl(var(--background));
}

.anime-collection-hero__content p:not(.eyebrow) {
  max-width: 36rem;
  margin: 1rem auto 0;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.65;
}

.anime-collection-products {
  padding-block: 3.5rem;
}

.anime-pagination {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  font-size: 0.85rem;
  color: hsl(var(--muted-foreground));
}

@media (max-width: 767px) {
  .anime-collection-hero {
    min-height: 42vh;
  }

  .anime-collection-hero__content {
    padding: 3rem 1rem;
  }

  .anime-pagination {
    gap: 0.8rem;
    font-size: 0.75rem;
  }
}

/* Footer social icons */
.social-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.social-row a {
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border: 1px solid hsl(var(--border));
  border-radius: 999px;
  color: hsl(var(--foreground));
  text-decoration: none;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

.social-row a:hover {
  background: hsl(var(--foreground));
  color: hsl(var(--background));
  border-color: hsl(var(--foreground));
}

.social-icon {
  width: 1.75rem;
  height: 1.75rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.social-icon-tiktok {
  fill: currentColor;
  stroke: none;
}

/* My Tobari Collection tracker */
.collection-tracker-page {
  padding: 3.5rem 0 4rem;
  background: hsl(var(--background));
}

.collection-tracker-hero,
.collection-tracker-login {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 2.5rem;
}

.collection-tracker-hero h1,
.collection-tracker-login h1 {
  margin: 0.75rem 0 0;
}

.collection-tracker-hero p,
.collection-tracker-login p {
  max-width: 36rem;
  margin: 1rem auto 0;
  color: hsl(var(--muted-foreground));
  line-height: 1.65;
}

.collection-progress-card {
  margin: 1.75rem auto 0;
  max-width: 520px;
  border: 1px solid hsl(var(--border));
  padding: 1rem;
  background: hsl(var(--secondary) / 0.35);
}

.collection-progress-top,
.collection-progress-bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.8rem;
  color: hsl(var(--muted-foreground));
}

.collection-progress-top {
  color: hsl(var(--foreground));
  font-weight: 500;
}

.collection-progress-bar {
  height: 0.55rem;
  background: hsl(var(--border));
  overflow: hidden;
  margin: 0.85rem 0;
}

.collection-progress-bar div {
  height: 100%;
  background: hsl(var(--accent));
  transition: width 0.4s ease;
}

.collection-tracker-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.tracker-card {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background));
  overflow: hidden;
}

.tracker-card-media {
  position: relative;
  display: block;
  aspect-ratio: 150 / 155;
  overflow: hidden;
  background: hsl(var(--secondary) / 0.45);
}

.tracker-card-media img,
.tracker-card-media svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tracker-card.is-missing .tracker-card-media img {
  filter: grayscale(0.75);
  opacity: 0.72;
}

.tracker-badge {
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  padding: 0.4rem 0.65rem;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  background: hsl(var(--background) / 0.92);
  color: hsl(var(--foreground));
}

.tracker-badge-owned {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}

.tracker-badge-missing {
  background: hsl(var(--background) / 0.92);
  color: hsl(var(--muted-foreground));
}

.tracker-card-info {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
}

.tracker-card-info h3 {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.25;
}

.tracker-card-info h3 a {
  color: inherit;
  text-decoration: none;
}

.tracker-card-info p {
  margin: 0.35rem 0 0;
  font-size: 0.78rem;
  color: hsl(var(--muted-foreground));
}

.tracker-card-info span {
  font-size: 0.85rem;
  white-space: nowrap;
}

.tracker-card-button,
.tracker-login-button {
  display: grid;
  place-items: center;
  min-height: 42px;
  margin: 0 1rem 1rem;
  background: hsl(var(--foreground));
  color: hsl(var(--background));
  text-decoration: none;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.tracker-card-button-owned {
  background: hsl(var(--secondary));
  color: hsl(var(--foreground));
}

.tracker-card-button-disabled {
  background: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
}

.tracker-login-button {
  display: inline-grid;
  min-width: 160px;
  margin: 1.5rem 0 0;
}

@media (min-width: 768px) {
  .collection-tracker-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .collection-tracker-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* My Collection mobile polish */
.tracker-status-mobile {
  display: none;
}

@media (max-width: 767px) {
  .collection-tracker-page {
    padding: 2.25rem 0 3rem;
  }

  .collection-tracker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .tracker-card {
    border-color: hsl(var(--border) / 0.7);
    background: hsl(var(--background));
  }

  .tracker-card-media {
    aspect-ratio: 175 / 155;
    background: hsl(var(--secondary) / 0.35);
  }

  .tracker-card-media img,
  .tracker-card-media svg {
    object-fit: contain;
  }

  .tracker-badge-desktop {
    display: none;
  }

  .tracker-status-mobile {
    display: block;
    margin: 0;
    padding: 0.45rem 0.5rem;
    text-align: center;
    font-size: 0.56rem;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-top: 1px solid hsl(var(--border) / 0.55);
    border-bottom: 1px solid hsl(var(--border) / 0.55);
  }

  .tracker-status-owned {
    background: hsl(var(--accent) / 0.14);
    color: hsl(var(--accent));
  }

  .tracker-status-missing {
    background: hsl(var(--secondary) / 0.5);
    color: hsl(var(--muted-foreground));
  }

  .tracker-card.is-missing .tracker-card-media img {
    filter: grayscale(0.55);
    opacity: 0.78;
  }

  .tracker-card-info {
    display: block;
    padding: 0.65rem 0.65rem 0.5rem;
    text-align: center;
  }

  .tracker-card-info h3 {
    font-size: 0.72rem;
    line-height: 1.25;
  }

  .tracker-card-info p {
    margin-top: 0.25rem;
    font-size: 0.64rem;
  }

  .tracker-card-info span {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.68rem;
  }

  .tracker-card-button {
    min-height: 34px;
    margin: 0 0.65rem 0.65rem;
    border-radius: 999px;
    background: hsl(var(--foreground));
    color: hsl(var(--background));
    font-size: 0.58rem;
    letter-spacing: 0.12em;
  }

  .tracker-card-button:hover {
    background: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }

  .tracker-card-button-owned {
    background: hsl(var(--secondary));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--border) / 0.7);
  }

  .tracker-card-button-disabled {
    background: hsl(var(--secondary) / 0.7);
    color: hsl(var(--muted-foreground));
    border: 1px solid hsl(var(--border) / 0.7);
  }
}

/* Header account dropdown */
.account-dropdown {
  position: relative;
}

.account-dropdown summary {
  list-style: none;
}

.account-dropdown summary::-webkit-details-marker {
  display: none;
}

.account-dropdown-trigger {
  cursor: pointer;
  position: relative;
}

.account-dropdown-panel {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  z-index: 100;
  width: 220px;
  padding: 0.45rem;
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.35rem);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.account-dropdown[open] .account-dropdown-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.account-dropdown-header {
  padding: 0.75rem 0.75rem 0.65rem;
  margin-bottom: 0.35rem;
  border-bottom: 1px solid hsl(var(--border) / 0.7);
}

.account-dropdown-header span {
  display: block;
  font-size: 0.62rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}

.account-dropdown-header strong {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.82rem;
  font-weight: 500;
  color: hsl(var(--foreground));
  word-break: break-word;
}

.account-dropdown-panel a {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 0.75rem;
  color: hsl(var(--foreground));
  text-decoration: none;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}

.account-dropdown-panel a:hover {
  background: hsl(var(--secondary) / 0.7);
}

/* Desktop/mobile split */
.mobile-account-link {
  display: none !important;
}

@media (max-width: 767px) {
  .desktop-account-dropdown {
    display: none !important;
  }

  .mobile-account-link {
    display: grid !important;
  }
}

/* Custom Tobari account pages */
.account-page-tobari {
  padding: 3.5rem 0 4rem;
  background: hsl(var(--background));
}

.account-page-hero,
.account-login-required,
.account-empty-state {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 2.5rem;
}

.account-page-hero h1,
.account-login-required h1,
.account-empty-state h2 {
  margin: 0.75rem 0 0;
}

.account-page-hero p,
.account-login-required p,
.account-empty-state p {
  max-width: 34rem;
  margin: 1rem auto 0;
  color: hsl(var(--muted-foreground));
  line-height: 1.65;
}

.account-dashboard-grid {
  display: grid;
  gap: 1.25rem;
}

.account-panel,
.order-card-tobari,
.account-empty-state,
.account-login-required {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background));
  padding: 1.25rem;
}

.account-panel h2,
.order-card-tobari h2 {
  margin: 0;
  font-size: 1.2rem;
}

.account-detail-list {
  margin-top: 1rem;
  display: grid;
  gap: 0.75rem;
}

.account-detail-list div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid hsl(var(--border) / 0.65);
  padding-bottom: 0.75rem;
}

.account-detail-list span,
.order-meta-grid span {
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}

.account-detail-list strong,
.order-meta-grid strong {
  font-size: 0.9rem;
  font-weight: 500;
  color: hsl(var(--foreground));
}

.account-link-list {
  margin-top: 1rem;
  display: grid;
  gap: 0.65rem;
}

.account-link-list a {
  display: block;
  padding: 0.9rem;
  border: 1px solid hsl(var(--border) / 0.75);
  text-decoration: none;
  color: hsl(var(--foreground));
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.account-link-list a:hover {
  background: hsl(var(--secondary) / 0.55);
  border-color: hsl(var(--foreground) / 0.35);
}

.account-link-list span {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
}

.account-link-list small {
  display: block;
  margin-top: 0.25rem;
  color: hsl(var(--muted-foreground));
  font-size: 0.75rem;
}

.orders-list-tobari {
  display: grid;
  gap: 1rem;
  max-width: 980px;
  margin: 0 auto;
}

.order-card-top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

.order-total {
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
}

.order-meta-grid {
  margin-top: 1rem;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid hsl(var(--border) / 0.7);
  padding-block: 1rem;
}

.order-meta-grid div {
  display: grid;
  gap: 0.25rem;
}

.order-items-preview {
  display: grid;
  gap: 0.7rem;
  margin-top: 1rem;
}

.order-item-preview {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.order-item-preview img {
  width: 52px;
  height: 52px;
  object-fit: cover;
  background: hsl(var(--secondary));
}

.order-item-preview strong {
  display: block;
  font-size: 0.85rem;
}

.order-item-preview span {
  display: block;
  margin-top: 0.2rem;
  color: hsl(var(--muted-foreground));
  font-size: 0.75rem;
}

.account-primary-button {
  display: inline-grid;
  place-items: center;
  min-height: 42px;
  min-width: 150px;
  padding: 0 1rem;
  margin-top: 1.25rem;
  background: hsl(var(--foreground));
  color: hsl(var(--background));
  text-decoration: none;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.account-small-button {
  min-height: 38px;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .account-dashboard-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .account-page-tobari {
    padding: 2.5rem 0 3rem;
  }

  .account-panel,
  .order-card-tobari,
  .account-empty-state,
  .account-login-required {
    padding: 1rem;
  }

  .account-detail-list div {
    display: grid;
    gap: 0.25rem;
  }

  .order-card-top {
    display: grid;
  }

  .order-meta-grid {
    grid-template-columns: 1fr;
  }
}

/* Shop by Print section */
.tobari-print-media-wrap {
  aspect-ratio: 275 / 155;
  background: hsl(var(--secondary) / 0.45);
}

.tobari-print-media-wrap .media img,
.tobari-print-media-wrap .media svg {
  object-fit: contain !important;
  padding: 0.45rem;
}

.tobari-print-card .product-info {
  margin-top: 0.85rem;
}

@media (max-width: 767px) {
  .tobari-print-media-wrap {
    aspect-ratio: 275 / 155;
  }

  .tobari-print-media-wrap .media img,
  .tobari-print-media-wrap .media svg {
    padding: 0.35rem;
  }
}

/* Shop By Print page */
.shop-by-print-page {
  background: hsl(var(--secondary) / 0.42);
  min-height: 100vh;
}

.shop-by-print-hero {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  text-align: center;
}

.shop-by-print-hero .container-luxe {
  padding-block: 4rem;
  max-width: 760px;
}

.shop-by-print-hero .eyebrow {
  color: hsl(var(--accent-foreground) / 0.75);
}

.shop-by-print-hero h1 {
  color: hsl(var(--accent-foreground));
  margin-top: 0.85rem;
}

.shop-by-print-hero p:not(.eyebrow) {
  max-width: 36rem;
  margin: 1rem auto 0;
  color: hsl(var(--accent-foreground) / 0.86);
  line-height: 1.65;
}

.shop-by-print-products {
  padding-block: 3.5rem;
}

.tobari-print-media-wrap {
  aspect-ratio: 275 / 155;
  background: hsl(var(--background) / 0.72);
}

.tobari-print-media-wrap .media img,
.tobari-print-media-wrap .media svg {
  object-fit: contain !important;
  padding: 0.45rem;
}

.tobari-print-card .product-info {
  margin-top: 0.85rem;
}

@media (max-width: 767px) {
  .shop-by-print-hero .container-luxe {
    padding-block: 3rem;
  }

  .shop-by-print-products {
    padding-block: 2.5rem;
  }

  .tobari-print-media-wrap .media img,
  .tobari-print-media-wrap .media svg {
    padding: 0.35rem;
  }
}

/* Shared brown title hero style for all standard pages */
.page-hero,
.shop-by-print-hero {
  max-width: none !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  text-align: center;
}

.page-hero, {
  padding-block: 4rem !important;
  padding-inline: 1.25rem !important;
}

/* Keep text width elegant inside the full-width hero */
.page-hero > * {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Eyebrow text */
.page-hero .eyebrow,
.shop-by-print-hero .eyebrow {
  color: hsl(var(--accent-foreground) / 0.75);
}

/* Main page titles */
.page-hero h1,
.shop-by-print-hero h1 {
  color: hsl(var(--accent-foreground)) !important;
  margin-top: 0.85rem;
}

/* Paragraph text under title */
.page-hero p:not(.eyebrow),
.shop-by-print-hero p:not(.eyebrow) {
  color: hsl(var(--accent-foreground) / 0.86) !important;
  line-height: 1.65;
}

/* Mobile spacing */
@media (max-width: 767px) {
  .page-hero {
    padding-block: 3rem !important;
  }
}

/* Shared title hero style matching Offers page */
.page-hero,
.collection-tracker-page .collection-tracker-hero,
.collection-tracker-page .collection-tracker-login,
.account-page-tobari .account-page-hero,
.account-page-tobari .account-login-required,
.shop-by-print-hero {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  text-align: center;
  max-width: none;
  margin: 0;
}

/* Inner spacing/content width like Offers page */
.page-hero,
.collection-tracker-page .collection-tracker-hero,
.collection-tracker-page .collection-tracker-login,
.account-page-tobari .account-page-hero,
.account-page-tobari .account-login-required {
  padding: 4rem 1.25rem;
}

/* Keep content elegant and not too wide */
.page-hero > *,
.collection-tracker-page .collection-tracker-hero > *,
.collection-tracker-page .collection-tracker-login > *,
.account-page-tobari .account-page-hero > *,
.account-page-tobari .account-login-required > * {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Match offer page title colours */
.page-hero .eyebrow,
.collection-tracker-hero .eyebrow,
.collection-tracker-login .eyebrow,
.account-page-hero .eyebrow,
.account-login-required .eyebrow,
.shop-by-print-hero .eyebrow {
  color: hsl(var(--accent-foreground) / 0.75);
}

.page-hero h1,
.collection-tracker-hero h1,
.collection-tracker-login h1,
.account-page-hero h1,
.account-login-required h1,
.shop-by-print-hero h1 {
  color: hsl(var(--accent-foreground)) !important;
  margin-top: 0.85rem;
}

.page-hero p:not(.eyebrow),
.collection-tracker-hero p:not(.eyebrow),
.collection-tracker-login p:not(.eyebrow),
.account-page-hero p:not(.eyebrow),
.account-login-required p:not(.eyebrow),
.shop-by-print-hero p:not(.eyebrow) {
  color: hsl(var(--accent-foreground) / 0.86) !important;
  line-height: 1.65;
  margin-top: 1rem;
}

/* Desktop: same premium spacing as Offers page */
@media (min-width: 768px) {
  .page-hero,
  .collection-tracker-page .collection-tracker-hero,
  .collection-tracker-page .collection-tracker-login,
  .account-page-tobari .account-page-hero,
  .account-page-tobari .account-login-required {
    padding-block: 6rem;
  }

  .shop-by-print-hero .container-luxe {
    padding-block: 6rem;
    max-width: 760px;
  }
}

/* Mobile: slightly smaller but still premium */
@media (max-width: 767px) {
  .page-hero,
  .collection-tracker-page .collection-tracker-hero,
  .collection-tracker-page .collection-tracker-login,
  .account-page-tobari .account-page-hero,
  .account-page-tobari .account-login-required {
    padding-block: 3rem;
  }

  .shop-by-print-hero .container-luxe {
    padding-block: 3rem;
  }
}

/* Reusable brown page hero */
.tobari-page-hero {
  width: 100%;
  max-width: none;
  margin: 0 0 3rem;
  padding: 4rem 1.25rem;
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  text-align: center;
}

.tobari-page-hero > * {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.tobari-page-hero .eyebrow {
  color: hsl(var(--accent-foreground) / 0.75);
}

.tobari-page-hero h1 {
  color: hsl(var(--accent-foreground));
  margin-top: 0.85rem;
}

.tobari-page-hero p:not(.eyebrow) {
  color: hsl(var(--accent-foreground) / 0.86);
  line-height: 1.65;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .tobari-page-hero {
    padding-block: 6rem;
  }
}

@media (max-width: 767px) {
  .tobari-page-hero {
    padding-block: 3rem;
  }
}

/* Reusable brown page hero */
.tobari-page-hero {
  width: 100%;
  max-width: none;
  margin: 0 0 3rem;
  padding: 4rem 1.25rem;
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  text-align: center;
}

.tobari-page-hero > * {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.tobari-page-hero .eyebrow {
  color: hsl(var(--accent-foreground) / 0.75);
}

.tobari-page-hero h1 {
  color: hsl(var(--accent-foreground)) !important;
  margin-top: 0.85rem;
}

.tobari-page-hero p:not(.eyebrow) {
  color: hsl(var(--accent-foreground) / 0.86) !important;
  line-height: 1.65;
  margin-top: 1rem;
}

.tobari-page-hero .collection-progress-card {
  margin-top: 1.75rem;
  background: hsl(var(--accent-foreground) / 0.12);
  border: 1px solid hsl(var(--accent-foreground) / 0.28);
}

.tobari-page-hero .collection-progress-top,
.tobari-page-hero .collection-progress-bottom {
  color: hsl(var(--accent-foreground) / 0.86);
}

.tobari-page-hero .collection-progress-top {
  color: hsl(var(--accent-foreground));
}

.tobari-page-hero .collection-progress-bar {
  background: hsl(var(--accent-foreground) / 0.22);
}

.tobari-page-hero .collection-progress-bar div {
  background: hsl(var(--accent-foreground));
}

@media (min-width: 768px) {
  .tobari-page-hero {
    padding-block: 6rem;
    margin-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  .tobari-page-hero {
    padding-block: 3rem;
    margin-bottom: 2rem;
  }
}

/* Fix My Collection hero spacing only */
.collection-tracker-page {
  padding-top: 0 !important;
}

.collection-tracker-page .tobari-page-hero {
  margin-top: 0 !important;
  margin-bottom: 4rem !important;
}

@media (max-width: 767px) {
  .collection-tracker-page .tobari-page-hero {
    margin-bottom: 2rem !important;
  }
}

.hero-media picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.hero-media picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Homepage Shop By Print - mobile quick buttons */
@media (max-width: 767px) {
  .tobari-print-section .tobari-print-media-wrap {
    position: relative;
    overflow: hidden;
  }

.tobari-print-section .tobari-print-card .card-actions {
  position: static !important;
  display: flex !important;
  gap: 0.35rem !important;
  z-index: 10 !important;
  opacity: 1 !important;
  transform: none !important;
  margin-top: 0.45rem !important;
  margin-bottom: 0.55rem !important;
}


  .tobari-print-section .tobari-print-card .card-actions button,
  .tobari-print-section .tobari-print-card .card-actions a {
    flex: 1 !important;
    min-height: 24px !important;
    padding: 0.25rem 0.2rem !important;
    font-size: 0.48rem !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    border-radius: 999px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .tobari-print-section .tobari-print-card .card-actions .buy {
    background: hsl(var(--foreground)) !important;
    color: hsl(var(--background)) !important;
  }
}
/* Fix homepage Shop By Print buttons after previous mobile change */
@media (max-width: 767px) {
  .tobari-print-section .tobari-print-media-wrap {
    position: relative !important;
    overflow: visible !important;
    margin-bottom: 2.15rem !important;
  }

  .tobari-print-section .tobari-print-card .card-actions {
    position: absolute !important;
    left: 0.35rem !important;
    right: 0.35rem !important;
    bottom: -1.75rem !important;
    display: flex !important;
    gap: 0.35rem !important;
    z-index: 20 !important;
    opacity: 1 !important;
    transform: none !important;
    margin: 0 !important;
  }

  .tobari-print-section .tobari-print-card .card-actions button,
  .tobari-print-section .tobari-print-card .card-actions a {
    flex: 1 !important;
    min-height: 24px !important;
    padding: 0.25rem 0.2rem !important;
    font-size: 0.48rem !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    border-radius: 999px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .tobari-print-section .tobari-print-card .card-actions .buy {
    background: hsl(var(--foreground)) !important;
    color: hsl(var(--background)) !important;
  }

  .tobari-print-section .tobari-print-card .product-info {
    margin-top: 0 !important;
  }
}

/* Shop By Print page - mobile buttons below image */
@media (max-width: 767px) {
  .shop-by-print-page .tobari-print-media-wrap {
    position: relative !important;
    overflow: visible !important;
    margin-bottom: 2.15rem !important;
  }

  .shop-by-print-page .tobari-print-card .card-actions {
    position: absolute !important;
    left: 0.35rem !important;
    right: 0.35rem !important;
    bottom: -1.75rem !important;
    display: flex !important;
    gap: 0.35rem !important;
    z-index: 20 !important;
    opacity: 1 !important;
    transform: none !important;
    margin: 0 !important;
  }

  .shop-by-print-page .tobari-print-card .card-actions button,
  .shop-by-print-page .tobari-print-card .card-actions a {
    flex: 1 !important;
    min-height: 24px !important;
    padding: 0.25rem 0.2rem !important;
    font-size: 0.48rem !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    border-radius: 999px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .shop-by-print-page .tobari-print-card .card-actions .buy {
    background: hsl(var(--foreground)) !important;
    color: hsl(var(--background)) !important;
  }

  .shop-by-print-page .tobari-print-card .product-info {
    margin-top: 0 !important;
  }
}

/* Hijabs page - mobile quick buttons below image */
@media (max-width: 767px) {
  .tobari-hijabs-products .product-card-media-wrap {
    position: relative !important;
    overflow: visible !important;
    margin-bottom: 2.2rem !important;
  }

  .tobari-hijabs-products .product-card .card-actions {
    position: absolute !important;
    left: 0.35rem !important;
    right: 0.35rem !important;
    bottom: -1.75rem !important;
    display: flex !important;
    gap: 0.35rem !important;
    z-index: 20 !important;
    opacity: 1 !important;
    transform: none !important;
    margin: 0 !important;
  }

  .tobari-hijabs-products .product-card .card-actions button,
  .tobari-hijabs-products .product-card .card-actions a {
    flex: 1 !important;
    min-height: 24px !important;
    padding: 0.25rem 0.2rem !important;
    font-size: 0.48rem !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    border-radius: 999px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .tobari-hijabs-products .product-card .card-actions .buy {
    background: hsl(var(--foreground)) !important;
    color: hsl(var(--background)) !important;
  }

  .tobari-hijabs-products .product-card .product-info {
    display: block !important;
    margin-top: 0 !important;
    text-align: center !important;
  }

  .tobari-hijabs-products .product-card .product-info h3 {
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
  }

  .tobari-hijabs-products .product-card .product-info p {
    margin-top: 0.25rem !important;
    font-size: 0.66rem !important;
  }

  .tobari-hijabs-products .product-card .product-price {
    display: block !important;
    margin-top: 0.35rem !important;
    font-size: 0.72rem !important;
  }
}