:root{--cream-50:#FFFBF5;--cream-100:#FDF4E9;--cream-200:#F7E8D8;--cream-300:#EED9C3;--sand-400:#DCC0A2;--clay-500:#C08A5E;--clay-600:#A56E44;--cocoa-700:#6B4A31;--cocoa-800:#4A3426;--cocoa-900:#2E2018;--blush-300:#F5C7CB;--blush-500:#E38B96;--sage-300:#C6DCC4;--sage-500:#7DA37E;--sky-300:#C4D9EE;--sky-500:#6D93B8;--lilac-300:#D6CCEE;--lilac-500:#9184C4;--bg:var(--cream-50);--surface:#FFFFFF;--surface-2:var(--cream-100);--border:#EFE2D2;--border-strong:#E0CDB6;--text:var(--cocoa-800);--text-muted:#8A7563;--text-subtle:#A89583;--accent:var(--clay-600);--accent-hover:#8F5C36;--danger:#C2564F;--success:#5F8F63;--radius-sm:8px;--radius:14px;--radius-lg:22px;--radius-xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(74,52,38,0.05);--shadow-sm:0 2px 8px rgba(74,52,38,0.06);--shadow:0 8px 24px -8px rgba(74,52,38,0.16);--shadow-lg:0 22px 48px -18px rgba(74,52,38,0.26);--shadow-glow:0 18px 40px -20px rgba(165,110,68,0.55);--font-sans:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-display:"Optima","Songti SC","Georgia",var(--font-sans);--header-h:68px;--page-max:1240px;--ease:cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.22;letter-spacing:-.015em;color:var(--cocoa-900)}p{margin:0}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}ol,ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid rgba(165,110,68,.45);outline-offset:2px;border-radius:6px}::selection{background:var(--clay-500);color:#fff}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 24px}.section{padding:72px 0}.section-sm{padding:44px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-head h2{font-size:clamp(1.5rem,2.6vw,2.05rem)}.section-head p{color:var(--text-muted);font-size:.94rem;margin-top:8px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--clay-600)}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--clay-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.92rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--cocoa-800);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--cocoa-900);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-accent{background:linear-gradient(135deg,var(--clay-500),var(--clay-600));color:#fff;box-shadow:var(--shadow-glow)}.btn-accent:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--cocoa-800)}.btn-ghost:hover:not(:disabled){border-color:var(--clay-500);color:var(--clay-600);transform:translateY(-2px)}.btn-quiet{background:transparent;color:var(--text-muted);padding:8px 12px}.btn-quiet:hover{color:var(--clay-600);background:var(--cream-100)}.btn-sm{padding:8px 16px;font-size:.84rem}.btn-lg{padding:16px 32px;font-size:1rem}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.02em;background:var(--cream-200);color:var(--clay-600);white-space:nowrap}.badge-solid{background:var(--cocoa-800);color:#fff}.badge-new{background:var(--sage-500);color:#fff}.badge-hot{background:var(--blush-500);color:#fff}.badge-soft{background:var(--surface-2);color:var(--text-muted);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.announce{background:var(--cocoa-800);color:#F5E7D8;font-size:.8rem;text-align:center;padding:9px 16px;letter-spacing:.02em}.announce strong{color:#fff}.header{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:rgba(255,251,245,.88);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.header[data-scrolled=true]{border-bottom-color:var(--border);box-shadow:0 6px 20px -14px rgba(74,52,38,.4)}.header-inner{display:flex;align-items:center;gap:22px;height:var(--header-h)}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.24rem;font-weight:800;letter-spacing:-.02em;color:var(--cocoa-900);flex-shrink:0}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--clay-500),var(--blush-500));color:#fff;font-size:1.05rem;box-shadow:var(--shadow-sm)}.logo small{display:block;font-family:var(--font-sans);font-size:.62rem;font-weight:600;letter-spacing:.18em;color:var(--text-subtle);text-transform:uppercase;line-height:1;margin-top:2px}.nav{display:flex;align-items:center;gap:2px;margin-left:8px}.nav a{padding:8px 14px;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600;color:var(--text-muted);transition:background .18s var(--ease),color .18s var(--ease)}.nav a:hover{background:var(--cream-100);color:var(--cocoa-800)}.nav a[aria-current=page]{background:var(--cocoa-800);color:#fff}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);cursor:pointer;color:var(--cocoa-800);transition:all .18s var(--ease)}.icon-btn:hover{border-color:var(--clay-500);color:var(--clay-600);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cart-count{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-pill);background:var(--blush-500);color:#fff;font-size:.68rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--cream-50)}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;padding:64px 0 80px;background:radial-gradient(1000px 520px at 88% -8%,rgba(245,199,203,.5),transparent 60%),radial-gradient(760px 460px at 4% 8%,rgba(196,217,238,.48),transparent 62%),linear-gradient(180deg,var(--cream-100),var(--cream-50))}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-gap:56px;gap:56px;align-items:center}.hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);margin:18px 0;letter-spacing:-.03em}.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--clay-600),var(--blush-500) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:1.02rem;color:var(--text-muted);max-width:46ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-stats{display:flex;gap:36px;margin-top:40px;padding-top:28px;border-top:1px solid var(--border)}.hero-stats dt{font-family:var(--font-display);font-size:1.65rem;font-weight:800;color:var(--cocoa-900);letter-spacing:-.02em}.hero-stats dd{margin:2px 0 0;font-size:.82rem;color:var(--text-subtle)}.hero-stage{position:relative;display:grid;place-items:center;min-height:380px}.hero-blob{position:absolute;inset:6% 4%;border-radius:48% 52% 46% 54%/52% 46% 54% 48%;background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(247,232,216,.75));border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-lg);animation:blobMorph 16s ease-in-out infinite}@keyframes blobMorph{0%,to{border-radius:48% 52% 46% 54%/52% 46% 54% 48%;transform:rotate(0deg) scale(1)}50%{border-radius:54% 46% 52% 48%/46% 54% 46% 54%;transform:rotate(4deg) scale(1.02)}}.hero-doll{position:relative;z-index:2;filter:drop-shadow(0 26px 32px rgba(74,52,38,.2));animation:float 6.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);font-size:.8rem;font-weight:700;color:var(--cocoa-800);animation:float 7.5s ease-in-out infinite}.hero-chip small{display:block;font-weight:600;font-size:.7rem;color:var(--text-subtle)}.hero-chip-1{top:8%;left:0;animation-delay:-1.2s}.hero-chip-2{bottom:14%;right:0;animation-delay:-3.4s}.hero-chip-3{bottom:4%;left:6%;animation-delay:-5s}.hero-chip-dot{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--cream-200);font-size:1rem}.cat-strip{overflow-x:auto;padding:4px 4px 12px;scrollbar-width:thin}.cat-pill,.cat-strip{display:flex;gap:12px}.cat-pill{align-items:center;padding:12px 20px 12px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);flex-shrink:0;transition:all .2s var(--ease)}.cat-pill:hover{border-color:var(--clay-500);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cat-pill[aria-current=true]{background:var(--cocoa-800);border-color:var(--cocoa-800);color:#fff}.cat-pill[aria-current=true] .cat-pill-sub{color:rgba(255,255,255,.65)}.cat-pill-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--cream-200);font-size:1.05rem}.cat-pill[aria-current=true] .cat-pill-icon{background:rgba(255,255,255,.16)}.cat-pill-name{font-size:.9rem;font-weight:700}.cat-pill-sub{font-size:.72rem;color:var(--text-subtle);line-height:1.3}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));grid-gap:24px;gap:24px}.product-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;height:100%;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}.product-card:hover{transform:translateY(-6px);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.product-media{position:relative;aspect-ratio:1/1;display:grid;place-items:center;padding:0;overflow:hidden;background:#F3EDE5}.product-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 118%,rgba(255,255,255,.7),transparent 62%);pointer-events:none}.product-media>img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.product-card:hover .product-media>img{transform:scale(1.05)}.product-flags .badge{box-shadow:0 2px 8px rgba(46,32,24,.18)}.product-flags{position:absolute;top:14px;left:14px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.product-quick{position:absolute;z-index:3;right:14px;bottom:14px;opacity:0;transform:translateY(8px);transition:all .24s var(--ease)}.product-card:hover .product-quick{opacity:1;transform:translateY(0)}.product-body{display:flex;flex-direction:column;flex:1 1;padding:16px 18px 18px;border-top:1px solid var(--border)}.product-cat{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--text-subtle);text-transform:uppercase}.product-name{font-size:1rem;font-weight:800;margin:6px 0;color:var(--cocoa-900);-webkit-line-clamp:2}.product-name,.product-sub{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.product-sub{font-size:.8rem;-webkit-line-clamp:1}.product-rating,.product-sub{color:var(--text-muted);margin-bottom:12px}.product-rating{display:flex;align-items:center;gap:6px;font-size:.76rem}.stars{color:#E8A33D;letter-spacing:.06em}.product-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto}.price{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display);font-weight:800;color:var(--cocoa-900)}.price-now{font-size:1.28rem;letter-spacing:-.02em}.price-now small{font-size:.72rem;font-weight:700;margin-right:1px}.price-was{font-size:.78rem;font-weight:600;color:var(--text-subtle);text-decoration:line-through;font-family:var(--font-sans)}.price-inline{font-size:1.02rem}.add-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-pill);border:none;background:var(--cocoa-800);color:#fff;cursor:pointer;flex-shrink:0;transition:all .2s var(--ease)}.add-btn:hover{background:var(--clay-600);transform:scale(1.09) rotate(90deg)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:28px;box-shadow:var(--shadow-xs)}.toolbar-search{position:relative;flex:1 1 240px;min-width:200px}.toolbar-search input{width:100%;padding:10px 14px 10px 40px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--cream-50);font-size:.9rem;transition:all .18s var(--ease)}.toolbar-search input:focus{outline:none;border-color:var(--clay-500);background:#fff;box-shadow:0 0 0 4px rgba(192,138,94,.14)}.toolbar-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-subtle);pointer-events:none}.toolbar select{padding:10px 34px 10px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--cream-50);font-size:.88rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 6 8.5l4-4' stroke='%238A7563' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.toolbar-count{font-size:.84rem;color:var(--text-muted);margin-left:auto;white-space:nowrap}.toolbar-count strong{color:var(--cocoa-900);font-weight:800}.empty{text-align:center;padding:88px 24px;color:var(--text-muted)}.empty-emoji{font-size:3rem;margin-bottom:12px}.empty h3{margin-bottom:8px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:56px;gap:56px;align-items:start;padding:40px 0 8px}.detail-media{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px);display:grid;place-items:center;aspect-ratio:1/1;border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;overflow:hidden}.detail-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(255,255,255,.75),transparent 60%);pointer-events:none}.detail-media{padding:0}.detail-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.detail-media:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(74,52,38,.06);border-radius:inherit}.thumbs{display:flex;gap:10px;margin-top:16px}.thumb{display:grid;place-items:center;width:74px;height:74px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:all .18s var(--ease);position:relative;overflow:hidden}.thumb:hover{border-color:var(--clay-500);transform:translateY(-2px)}.thumb img{transition:transform .3s var(--ease)}.thumb:hover img{transform:scale(1.1)}.thumb[data-active=true]{border-color:var(--cocoa-800);box-shadow:0 0 0 3px rgba(74,52,38,.08)}.detail-title{font-size:clamp(1.6rem,3vw,2.2rem);margin:12px 0 10px}.detail-sub{color:var(--text-muted);font-size:1rem}.detail-price{display:flex;align-items:baseline;gap:12px;margin:24px 0 6px}.detail-price .price-now{font-size:2.1rem}.detail-save{font-size:.82rem;color:var(--clay-600);font-weight:700}.rating-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);font-size:.86rem;color:var(--text-muted)}.rating-row .stars{font-size:.95rem}.option-group{margin-top:24px}.option-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.option-label{font-size:.82rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em}.option-value{font-size:.86rem;font-weight:700;color:var(--cocoa-900)}.option-list{display:flex;flex-wrap:wrap;gap:9px}.option-chip{padding:9px 18px;border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);font-size:.87rem;font-weight:600;cursor:pointer;transition:all .18s var(--ease)}.option-chip:hover{border-color:var(--clay-500)}.option-chip[data-active=true]{border-color:var(--cocoa-800);background:var(--cocoa-800);color:#fff;box-shadow:var(--shadow-sm)}.buy-row{display:flex;gap:14px;margin-top:30px;padding-top:26px;border-top:1px solid var(--border)}.buy-row,.qty{align-items:center}.qty{display:inline-flex;border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);overflow:hidden;background:var(--surface);flex-shrink:0}.qty button{width:40px;height:44px;border:none;background:transparent;font-size:1.1rem;font-weight:700;color:var(--cocoa-700);cursor:pointer;transition:background .15s var(--ease)}.qty button:hover:not(:disabled){background:var(--cream-100)}.qty button:disabled{color:var(--border-strong);cursor:not-allowed}.qty span{min-width:42px;text-align:center;font-weight:800;font-size:.96rem}.perks{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:28px;padding:20px;background:var(--surface-2);border-radius:var(--radius)}.perk{text-align:center}.perk-icon{font-size:1.3rem;margin-bottom:6px}.perk-title{font-size:.82rem;font-weight:700;color:var(--cocoa-800)}.perk-desc{font-size:.72rem;color:var(--text-subtle)}.accordion{margin-top:26px;border-top:1px solid var(--border)}.accordion summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-size:.95rem;font-weight:700;cursor:pointer;list-style:none;color:var(--cocoa-900)}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";font-size:1.25rem;font-weight:500;color:var(--text-subtle);transition:transform .25s var(--ease)}.accordion[open] summary:after{transform:rotate(45deg)}.accordion .acc-body{padding:0 0 20px;font-size:.9rem;color:var(--text-muted);line-height:1.8}.spec-table{width:100%;border-collapse:collapse;font-size:.88rem}.spec-table td,.spec-table th{text-align:left;padding:10px 0;border-bottom:1px dashed var(--border);vertical-align:top}.spec-table th{width:32%;color:var(--text-subtle);font-weight:600}.spec-table td{color:var(--cocoa-800);font-weight:600}.highlight-list{display:grid;grid-gap:10px;gap:10px}.highlight-list li{display:flex;gap:10px;font-size:.9rem;color:var(--text-muted)}.highlight-list li:before{content:"✓";flex-shrink:0;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--sage-300);color:#3E5D40;font-size:.7rem;font-weight:800;margin-top:3px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:32px;gap:32px;align-items:start;padding:32px 0 72px}.cart-list{display:grid;grid-gap:14px;gap:14px}.cart-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.cart-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.cart-thumb{display:grid;place-items:center;width:96px;height:96px;border-radius:var(--radius-sm);padding:6px}.cart-info{min-width:0}.cart-name{font-size:.96rem;font-weight:800;color:var(--cocoa-900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-variant{font-size:.78rem;color:var(--text-subtle);margin-top:4px}.cart-unit{font-size:.82rem;color:var(--text-muted);margin-top:8px}.cart-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.cart-line-total{font-family:var(--font-display);font-size:1.08rem;font-weight:800;color:var(--cocoa-900)}.summary{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px);padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.summary h3{font-size:1.1rem;margin-bottom:18px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;font-size:.9rem;color:var(--text-muted)}.summary-row strong{color:var(--cocoa-900);font-weight:700}.summary-row.discount strong{color:var(--clay-600)}.summary-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px;padding-top:18px;border-top:1px solid var(--border)}.summary-total span{font-size:.92rem;font-weight:700}.summary-total strong{font-family:var(--font-display);font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.ship-hint{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--cream-100);font-size:.8rem;color:var(--text-muted)}.ship-bar{height:5px;border-radius:3px;background:var(--cream-300);overflow:hidden;margin-top:8px}.ship-bar span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--clay-500),var(--sage-500));transition:width .5s var(--ease)}.summary .btn{margin-top:18px}.summary-note{margin-top:14px;font-size:.75rem;color:var(--text-subtle);text-align:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:1/-1}.field label{font-size:.82rem;font-weight:700;color:var(--text-muted)}.field label .req{color:var(--blush-500)}.field input,.field select,.field textarea{padding:11px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:.92rem;transition:all .18s var(--ease);width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--clay-500);box-shadow:0 0 0 4px rgba(192,138,94,.14)}.field textarea{resize:vertical;min-height:88px}.field-error{font-size:.76rem;color:var(--danger);font-weight:600}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 4px rgba(194,86,79,.1)}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:32px;gap:32px;align-items:start;padding:32px 0 72px}.checkout-section{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px}.checkout-section h3{font-size:1rem;margin-bottom:18px;display:flex;align-items:center;gap:10px}.step-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cocoa-800);color:#fff;font-size:.74rem;font-weight:800;font-family:var(--font-sans)}.mini-list{grid-gap:12px}.mini-list,.mini-row{display:grid;gap:12px}.mini-row{grid-template-columns:56px minmax(0,1fr) auto;grid-gap:12px;align-items:center}.mini-thumb{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-sm);padding:4px}.mini-name{font-size:.86rem;font-weight:700}.mini-meta{font-size:.74rem;color:var(--text-subtle)}.mini-price{font-size:.88rem;font-weight:800}.pay-methods{display:grid;grid-gap:10px;gap:10px}.pay-method{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;transition:all .18s var(--ease)}.pay-method:hover{border-color:var(--clay-500)}.pay-method[data-active=true]{border-color:var(--cocoa-800);background:var(--cream-100);box-shadow:var(--shadow-xs)}.pay-method input{accent-color:var(--clay-600);width:17px;height:17px}.pay-method-body{flex:1 1}.pay-method-title{font-size:.9rem;font-weight:700}.pay-method-desc{font-size:.75rem;color:var(--text-subtle)}.pay-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--surface-2);font-size:1rem}.footer{background:var(--cocoa-900);color:#DCCDBE;padding:60px 0 32px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);grid-gap:40px;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer .logo{color:#fff}.footer .logo small{color:rgba(255,255,255,.5)}.footer-about{font-size:.86rem;color:rgba(220,205,190,.75);margin-top:16px;max-width:34ch;line-height:1.8}.footer h4{color:#fff;font-size:.88rem;margin-bottom:14px;letter-spacing:.04em}.footer-links{display:grid;grid-gap:9px;gap:9px}.footer-links a{font-size:.85rem;color:rgba(220,205,190,.72);transition:color .18s var(--ease)}.footer-links a:hover{color:#fff}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:26px;font-size:.78rem;color:rgba(220,205,190,.55)}.footer-bottom,.footer-pay{display:flex;align-items:center}.footer-pay{gap:14px}.footer-pay span{padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);font-size:.72rem}.toast-wrap{position:fixed;right:24px;bottom:24px;z-index:200;display:grid;grid-gap:10px;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius);background:var(--cocoa-900);color:#fff;font-size:.88rem;font-weight:600;box-shadow:var(--shadow-lg);animation:toastIn .32s var(--ease);pointer-events:auto}@keyframes toastIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sage-500);font-size:.78rem;flex-shrink:0}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:20px 0 0;font-size:.82rem;color:var(--text-subtle)}.crumbs a:hover{color:var(--clay-600)}.crumbs .sep{opacity:.5}.crumbs [aria-current=page]{color:var(--cocoa-800);font-weight:600}.trust{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.trust-item{display:flex;align-items:center;gap:14px}.trust-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--cream-100);font-size:1.25rem;flex-shrink:0}.trust-title{font-size:.9rem;font-weight:800;color:var(--cocoa-900)}.trust-desc{font-size:.78rem;color:var(--text-subtle)}.rank-list{display:grid;grid-gap:10px;gap:10px}.rank-item{display:grid;grid-template-columns:30px 64px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s var(--ease)}.rank-item:hover{transform:translateX(5px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.rank-no{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--text-subtle);text-align:center}.rank-item:first-child .rank-no{color:#D9A227;font-size:1.25rem}.rank-item:nth-child(2) .rank-no{color:#9AA5B1;font-size:1.2rem}.rank-item:nth-child(3) .rank-no{color:#C08457;font-size:1.15rem}.rank-thumb{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-sm);padding:4px}.rank-name{font-size:.9rem;font-weight:700;line-height:1.4}.rank-meta{font-size:.74rem;color:var(--text-subtle)}.success-wrap{display:grid;place-items:center;text-align:center;padding:72px 24px 96px}.success-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--sage-300),var(--sage-500));color:#fff;font-size:2.2rem;margin-bottom:24px;box-shadow:var(--shadow-glow);animation:pop .5s var(--ease)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.order-box{width:min(520px,100%);margin-top:28px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;box-shadow:var(--shadow-sm)}@media (max-width:1040px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-stage{min-height:320px;order:-1}.detail-grid{grid-template-columns:1fr;gap:32px}.detail-media{position:static}.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary{position:static}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.trust{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.page{padding:0 18px}.section{padding:52px 0}.nav{position:fixed;inset:calc(var(--header-h) + 1px) 0 auto;flex-direction:column;align-items:stretch;gap:4px;padding:14px 18px 22px;background:var(--cream-50);border-bottom:1px solid var(--border);box-shadow:var(--shadow);transform:translateY(-130%);transition:transform .3s var(--ease);margin:0}.nav[data-open=true]{transform:translateY(0)}.nav a{padding:13px 16px;font-size:.98rem}.menu-toggle{display:grid}.hero{padding:40px 0 56px}.hero-stats{gap:24px}.hero-stats dt{font-size:1.35rem}.hero-chip-1{left:-6px}.hero-chip-2{right:-6px}.hero-chip-3{display:none}.product-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px}.product-body{padding:12px 13px 14px}.product-name{font-size:.9rem}.product-sub{display:none}.price-now{font-size:1.1rem}.product-quick{display:none}.add-btn{width:34px;height:34px}.section-head{flex-direction:column;align-items:flex-start;gap:12px}.toolbar{padding:12px 14px}.toolbar-count{margin-left:0;width:100%}.detail-media{padding:24px}.perks{grid-template-columns:1fr;gap:16px}.buy-row{flex-wrap:wrap}.buy-row .btn{flex:1 1}.cart-row{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}.cart-thumb{width:72px;height:72px}.cart-side{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.footer-grid,.form-grid{grid-template-columns:1fr}.footer-grid{gap:28px}.trust{grid-template-columns:1fr;gap:16px;padding:22px}.rank-item{grid-template-columns:24px 52px minmax(0,1fr)}.rank-thumb{width:52px;height:52px}.rank-item .price{grid-column:2/-1}.toast-wrap{left:16px;right:16px;bottom:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}