/* Premium storefront refinements — design tokens and motion shared by all public pages.
   This stylesheet layers on top of store.css without changing page markup or server logic. */
:root{--gold:#c19852;--gold-light:#edce91;--cream:#fffdfa;--sand:#f8f5ee;--line:#eee8de;--ease-out:cubic-bezier(.2,.78,.22,1);--soft-shadow:0 18px 55px rgba(29,42,57,.085)}
html{scroll-padding-top:145px}
body{background:var(--cream)}
::selection{background:#ead2a3;color:#132640}
:focus-visible{outline:3px solid #c59b51!important;outline-offset:3px}
.scroll-progress{position:fixed;z-index:500;top:0;left:0;width:100%;height:3px;pointer-events:none;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#c08c34,#ffe4a7,#b87e2d);will-change:transform}
.top-announcement{background:linear-gradient(90deg,#101d30 0%,#243752 48%,#101d30 100%)}
.site-header{background:rgba(255,255,255,.97);transition:box-shadow .35s var(--ease-out),background-color .35s var(--ease-out)}
.site-header.is-scrolled{box-shadow:0 12px 36px rgba(20,35,52,.13);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.search-form{transition:border-color .28s ease,box-shadow .28s ease,background-color .28s ease;border-radius:9px}
.search-form:focus-within{background:#fff;border-color:#d3b77e;box-shadow:0 0 0 4px rgba(197,155,81,.12)}
.search-form button{border-radius:0 8px 8px 0;transition:background .25s}
.header-action,.icon-button{transition:color .25s var(--ease-out),transform .25s var(--ease-out)}
.header-action:hover,.icon-button:hover{transform:translateY(-2px)}
.header-action:active,.icon-button:active{transform:scale(.92)}
.count-bubble{box-shadow:0 3px 8px rgba(23,38,60,.19)}
.nav-link{transition:color .25s var(--ease-out)}
.nav-link:not(.active)::after{content:"";position:absolute;bottom:-16px;left:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .35s var(--ease-out)}
.nav-link:not(.active):hover::after{transform:scaleX(1)}
.category-menu{border-radius:0 0 13px 13px;overflow:hidden;transform-origin:top center;animation:dropdown-in .24s var(--ease-out) both}
.category-menu a{transition:background-color .2s ease,padding-left .25s var(--ease-out),color .2s}
.category-menu a:hover{padding-left:27px}
.btn,.circle-button,.admin-btn{transition:background-color .28s ease,border-color .28s ease,color .28s ease,transform .28s var(--ease-out),box-shadow .28s var(--ease-out)}
.btn{border-radius:8px;position:relative}
.btn:hover{box-shadow:0 9px 24px rgba(27,39,51,.11)}
.btn:active,.circle-button:active{transform:translateY(0) scale(.97)}
.btn-primary:hover{box-shadow:0 10px 25px rgba(193,152,82,.29)}
.btn .icon,.link-arrow .icon,.hero-circle-link{transition:transform .26s var(--ease-out)}
.btn:hover .icon,.link-arrow:hover .icon{transform:translateX(3px)}
input,select,textarea{transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
input:focus,select:focus,textarea:focus{border-color:#c9a366;box-shadow:0 0 0 3px rgba(201,163,102,.12)}
/* Large editorial hero with a product-first stage that blends photographed white backgrounds. */
.hero-shell{border-radius:23px;border:1px solid #e8e2d7;box-shadow:0 20px 70px rgba(20,32,44,.065)}
.hero-copy{background:radial-gradient(circle at -13% 1%,#fff 0%,#faf7f0 40%,#f7f1e6 100%)}
.hero-copy h1{letter-spacing:-.067em;text-wrap:balance}
.hero-copy>p{color:#5b6674}
.hero-annotations div{position:relative}
.hero-annotations div::before{content:"";position:absolute;top:-1px;left:0;height:2px;width:26%;background:#c49a57;transition:width .6s var(--ease-out)}
.hero-annotations div:hover::before{width:100%}
.hero-product-panel{background:radial-gradient(circle at 46% 36%,#f7eedf 2%,#e7d3af 58%,#ba965d 140%)}
.hero-product-panel::before,.hero-product-panel::after{border-color:rgba(119,93,46,.19)}
.hero-product-pedestal{background:radial-gradient(circle at center,rgba(255,255,255,.48) 0,rgba(255,255,255,.13) 52%,transparent 71%)}
.hero-product-image{mix-blend-mode:multiply;filter:drop-shadow(0 18px 25px rgba(69,51,24,.16));animation:hero-float 6.5s ease-in-out infinite}
.hero-floating-tag,.hero-leftnote{color:#75572d}
.hero-product-details{background:linear-gradient(115deg,rgba(22,37,58,.95),rgba(31,49,67,.93));padding:20px 22px;border-radius:13px;left:25px;right:25px;bottom:23px;box-shadow:0 13px 33px rgba(29,38,47,.18)}
.hero-product-details h2{margin-bottom:5px}
.hero-price-pending{font-size:12px;color:#f0ce95;font-weight:700}
.hero-circle-link:hover{transform:rotate(45deg)}
.hero-honeycomb{border-color:rgba(142,111,56,.22)}
.trust-band{box-shadow:0 9px 26px rgba(40,38,34,.025)}
.trust-item>.icon{transition:transform .4s var(--ease-out)}
.trust-item:hover>.icon{transform:translateY(-4px) rotate(-7deg)}
/* Product cards: lighter surfaces, bigger visual target, actions that respond clearly. */
.product-grid{align-items:stretch}
.product-card{border-radius:15px;border-color:#ede7dc;overflow:hidden;box-shadow:0 4px 17px rgba(30,39,49,.025);transition:transform .42s var(--ease-out),box-shadow .42s var(--ease-out),border-color .3s}
.product-card:hover{transform:translateY(-6px);box-shadow:0 19px 48px rgba(29,40,53,.12);border-color:#d5b98a}
.product-media{background:linear-gradient(145deg,#fffdfa 0%,#f8f3e9 100%)}
.product-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.33),transparent 42%);opacity:0;transition:opacity .4s}
.product-card:hover .product-media::after{opacity:1}
.product-media img{transition:transform .62s var(--ease-out),filter .5s;will-change:transform}
.product-card:hover .product-media img{transform:scale(1.07)}
.product-media .product-card-actions{z-index:3}
.product-card-actions .circle-button{box-shadow:0 5px 18px rgba(15,30,45,.1)}
.product-card-actions .circle-button:hover{transform:scale(1.08);background:var(--navy);color:white}
.product-copy{flex:1;display:flex;flex-direction:column}
.product-name{transition:color .24s ease}
.product-name:hover{color:#ae8347}
.product-card .product-add .btn,.product-card .product-copy>a.btn{margin-top:auto}
.catalog-review-label{position:absolute;top:14px;left:14px;z-index:2;background:#fff8e7;color:#806236;border:1px solid #e9d5b0;padding:5px 9px;border-radius:30px;font-size:9px;font-weight:800;letter-spacing:.105em;box-shadow:0 5px 14px rgba(63,52,37,.08)}
.price-pending{display:inline-flex;align-items:center;gap:7px;color:#816338;font-size:12px;line-height:1.45;font-weight:750}
.price-pending::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#be9650;box-shadow:0 0 0 4px #f9f1df}
.product-copy .price-line{min-height:28px}
.product-copy>.btn{margin-top:auto}
/* Real supplied images in category tiles, with tasteful editorial treatment. */
.category-tile{border-radius:14px;border:1px solid rgba(41,44,46,.045);box-shadow:0 9px 24px rgba(25,29,39,.04);transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out);isolation:isolate}
.category-tile:hover{transform:translateY(-5px);box-shadow:0 19px 42px rgba(28,40,53,.13)}
.category-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.33) 75%);z-index:1}
.category-product-art{position:absolute;top:8%;right:-13%;width:70%;height:75%;object-fit:contain;mix-blend-mode:multiply;z-index:0;opacity:.85;filter:drop-shadow(0 14px 10px rgba(28,40,53,.04));transition:transform .65s var(--ease-out)}
.category-tile:hover .category-product-art{transform:translateY(-9px) rotate(-4deg) scale(1.085)}
.category-tile-icon{opacity:.13!important}
.category-tile-bottom{z-index:2}
.category-tile-bottom strong{text-shadow:0 1px 18px rgba(255,255,255,.85)}
.category-arrow{transition:background-color .3s,transform .3s var(--ease-out)}
.category-tile:hover .category-arrow{transform:rotate(45deg);background:var(--navy);color:#fff}
/* Rich page consistency: filters, images, forms, overlays, and feedback. */
.page-heading h1,.section-topline h2{letter-spacing:-.05em;text-wrap:balance}
.breadcrumbs a,.footer a,.sidebar-categories a{transition:color .22s ease}
.sidebar-categories a:hover{color:#9b7538}
.catalog-sidebar .filter-form{border-radius:13px}
.catalog-toolbar,.page-heading{animation:content-in .55s var(--ease-out) both}
.detail-image-stage{border-radius:16px;overflow:hidden;background:#f9f5ec}
.detail-image-stage>img{transition:opacity .18s ease,transform .45s var(--ease-out)}
.detail-image-stage>img.is-switching{opacity:.2;transform:scale(.98)}
.thumb-button{border-radius:9px;overflow:hidden;transition:border-color .24s ease,transform .25s var(--ease-out),box-shadow .25s}
.thumb-button:hover{transform:translateY(-3px);box-shadow:0 7px 17px rgba(19,39,57,.09)}
.stock-awaiting{background:#fff8ea;border:1px solid #f0dfbd;color:#835d20;border-radius:10px;padding:13px 16px;margin:15px 0;font-size:13px;font-weight:600}
.quick-dialog{border-radius:18px;overflow:hidden;animation:dialog-in .34s var(--ease-out) both}
.quick-dialog::backdrop{background:rgba(11,21,34,.64);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:veil-in .23s ease both}
.quick-description .catalog-pending-note{font-size:13px;background:#faf3e7;border-left:3px solid var(--gold);padding:10px 13px}
.alert{box-shadow:0 8px 22px rgba(13,30,46,.05);animation:content-in .35s var(--ease-out) both}
.accordion details,.review-list article,.aside-benefit,.order-summary,.checkout-form-card,.checkout-review-card,.auth-card,.contact-form-panel,.tracking-form,.account-panel,.faq-contact-box{transition:box-shadow .3s ease,border-color .3s ease,transform .3s var(--ease-out)}
.accordion details:hover,.review-list article:hover,.aside-benefit:hover{box-shadow:var(--soft-shadow);border-color:#e5d4b8}
input[type="checkbox"],input[type="radio"]{accent-color:#bd9653}
form.is-submitting .btn[type="submit"]{opacity:.72;cursor:wait}
/* Reveal is progressively enhanced and never hides content when JS is disabled. */
.motion-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(20px)}
.motion-ready [data-reveal]{transition:opacity .67s var(--ease-out),transform .67s var(--ease-out)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
.motion-ready .product-card[data-reveal]:not(.is-visible){transform:translateY(24px)}
.motion-ready .product-card[data-reveal].is-visible:hover{transform:translateY(-6px)}
.motion-ready .category-tile[data-reveal].is-visible:hover{transform:translateY(-5px)}
@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes content-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes dropdown-in{from{opacity:0;transform:translateY(-7px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes veil-in{from{opacity:0}to{opacity:1}}
@media(max-width:950px){.hero-shell{border-radius:16px}.hero-product-details{padding:16px 17px}.category-product-art{width:72%}}
@media(max-width:740px){.nav-link:not(.active)::after{display:none}.header-nav.menu-open{animation:dropdown-in .25s var(--ease-out) both}.hero-product-image{animation:none}.hero-product-details{bottom:17px;left:17px;right:17px}.category-tile{border-radius:11px}.category-product-art{opacity:.75;right:-19%;height:71%}.motion-ready [data-reveal]:not(.is-visible){transform:translateY(13px)}.product-card:hover{transform:none}.product-card .product-media img{will-change:auto}}
@media(max-width:500px){.catalog-review-label{font-size:8px;padding:4px 6px;top:7px;left:7px}.product-card{border-radius:10px}.product-card .product-media>a{padding:10px}.price-pending{font-size:10px}.category-product-art{width:77%;right:-23%}.hero-product-details h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-product-image{animation:none!important}.motion-ready [data-reveal],.motion-ready [data-reveal]:not(.is-visible){opacity:1!important;transform:none!important;transition:none!important}.btn,.product-card,.category-tile,.category-product-art,.hero-annotations div::before,.hero-product-panel,.site-header,.header-action,.nav-link,.quick-dialog,.category-menu,.catalog-toolbar,.page-heading{animation:none!important;transition-duration:.01ms!important}.scroll-progress{display:none}}

.category-tile-index{position:relative;z-index:2}
.product-media:focus-within .product-card-actions{opacity:1;transform:none}

/* Imported catalog preview: clearly distinguish estimated USD prices and demo stock. */
.catalog-estimated-price { display:block;color:#976e28;font:600 11px/1.4 'DM Sans',Arial,sans-serif;margin-top:5px;letter-spacing:.01em; }
.product-card .catalog-estimated-price { font-size:10px; }
.detail-price .catalog-estimated-price { width:100%;flex-basis:100%; }