@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Noto+Sans+TC:wght@300;400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap";:root{--color-cream: #F9F7F2;--color-sand: #E6E2DD;--color-charcoal: #2C2C2C;--color-grey: #6E6E6E;--color-accent: #9A8C7D;--color-primary: #5D5C61;--color-beige: var(--color-sand);--color-white: #FFFFFF;--color-danger: #C0392B;--color-border: rgba(44, 44, 44, .08);--color-border-strong: rgba(44, 44, 44, .14);--color-overlay: rgba(0, 0, 0, .35);--surface-0: var(--color-cream);--surface-1: rgba(255, 255, 255, .55);--surface-2: rgba(255, 255, 255, .8);--surface-3: rgba(255, 255, 255, .94);--font-sans: "Noto Sans TC", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: "Noto Serif TC", "Playfair Display", "Times New Roman", Times, serif;--text-max: 68ch;--text-max-narrow: 58ch;--radius-xs: 2px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--container-width: 1400px;--header-height: 80px;--border-radius: 2px;--shadow-sm: 0 6px 20px rgba(0, 0, 0, .06);--shadow-md: 0 16px 40px rgba(0, 0, 0, .1);--ease-standard: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(.2, .9, .2, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--focus-ring: 0 0 0 3px rgba(154, 140, 125, .28);--focus-ring-strong: 0 0 0 4px rgba(93, 92, 97, .28)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-cream);color:var(--color-charcoal);line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.error-boundary{max-width:760px;margin:0 auto;padding:calc(var(--spacing-lg) * .9) var(--spacing-md);text-align:center}.error-boundary-title{margin-bottom:.5rem}.error-boundary-desc{color:#2c2c2cad;margin-bottom:1.5rem}.error-boundary-card{text-align:left;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.08);background:#ffffffb3;padding:.9rem 1rem;margin:0 auto 1.25rem;max-width:720px;overflow:auto}.error-boundary-code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;color:#2c2c2cd1;white-space:pre-wrap;word-break:break-word}html{color-scheme:light;scroll-behavior:smooth}::selection{background:#9a8c7d40}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.3;color:var(--color-charcoal);margin-bottom:var(--spacing-sm);letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:all .3s ease}button,input,textarea,select{font:inherit;color:inherit}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring)}a:focus-visible,button:focus-visible{border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}p{margin-bottom:var(--spacing-sm)}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}.container-narrow{max-width:980px;margin:0 auto;padding:0 var(--spacing-md)}.prose{max-width:var(--text-max)}.lead{font-size:1.05rem}.prose-narrow{max-width:var(--text-max-narrow)}.section{padding:var(--spacing-lg) 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.muted-link{color:#2c2c2cbf}.muted-link:hover{color:var(--color-charcoal)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-layout>main{flex:1;min-width:0}.page{padding-top:calc(var(--header-height) + var(--spacing-md));padding-bottom:var(--spacing-lg)}.page-narrow{max-width:980px}.page-title{margin-bottom:3rem}.eyebrow{color:#2c2c2c85;font-size:.85rem;margin-bottom:.5rem;letter-spacing:.18em;text-transform:uppercase}.surface{background:var(--surface-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.surface-soft{background:var(--surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.divider{height:1px;background:var(--color-border);width:100%}.field{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.9rem;color:#2c2c2cc7}.input,.select,.textarea{width:100%;padding:.9rem 1rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff9;transition:box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.textarea{resize:vertical;min-height:120px}.input::placeholder,.textarea::placeholder{color:#2c2c2c73}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{background:#ffffffeb;border-color:#5d5c6173;box-shadow:var(--focus-ring-strong)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6d9;color:#2c2c2c8c}.tabs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.tabs{display:flex;gap:2rem;white-space:nowrap;border-bottom:1px solid var(--color-border)}.tab{background:none;border:none;cursor:pointer;font-size:.95rem;padding:.9rem 0;color:#2c2c2c7a;letter-spacing:.04em;border-bottom:2px solid transparent;transform:translateY(1px);transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.tab:hover{color:#2c2c2cd9}.tab.active{color:var(--color-charcoal);border-bottom-color:var(--color-charcoal)}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.sticky-bar{position:sticky;top:var(--header-height);z-index:40;background:#f9f7f2e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:.75rem 0;margin:0 calc(var(--spacing-md) * -1) 3rem calc(var(--spacing-md) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.shop-toolbar{display:flex;align-items:center;gap:var(--spacing-md);justify-content:space-between}.tabs-scroll{flex:1 1 auto;min-width:0;overflow-x:auto}.shop-toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);width:auto}.shop-filter-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:-1.75rem 0 2.25rem}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#ffffffb8;color:#2c2c2cc7;padding:.45rem .75rem;font-size:.9rem;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.filter-chip:hover{background:#ffffffdb;border-color:#00000024}.filter-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.filter-chip--ghost{background:transparent;border-style:dashed}.ui-modal{position:fixed;inset:0;z-index:1100;background:#0000006b;display:flex;align-items:center;justify-content:center;padding:1rem}.ui-modal-panel{width:min(720px,100%);border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.1);background:#fdfbf7f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 28px 90px #00000029;overflow:hidden}.ui-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.08)}.ui-modal-title{font-family:var(--font-serif);font-size:1.25rem;margin:0}.ui-modal-subtitle{margin-top:.25rem;color:#2c2c2c9e;font-size:.92rem}.ui-modal-close{width:42px;height:42px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#ffffffb3;cursor:pointer;font-size:1.2rem;line-height:1}.ui-modal-close:hover{background:#ffffffe0}.ui-modal-close:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.ui-modal-body{padding:1.1rem 1.2rem .25rem}.ui-modal-foot{display:flex;gap:.75rem;justify-content:flex-end;padding:.9rem 1.2rem 1.1rem;border-top:1px solid rgba(0,0,0,.08)}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1rem}.filter-price-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:.6rem;align-items:center}@media(max-width:768px){.shop-filter-chips{margin-top:-1rem}.ui-modal{align-items:flex-end;padding:.75rem}.ui-modal-panel{border-radius:18px}.filter-grid{grid-template-columns:1fr}.filter-price-row{grid-template-columns:1fr auto 1fr}.filter-price-row .btn{grid-column:1 / -1;justify-self:stretch}}.shop-sort{border:1px solid var(--color-border-strong);background:#ffffff8c;color:#2c2c2cd9;cursor:pointer;padding:.7rem 1rem;border-radius:var(--radius-sm);min-height:44px}.shop-sort:focus-visible{box-shadow:var(--focus-ring-strong)}@media(max-width:768px){.sticky-bar{top:var(--header-height);padding-top:.85rem;padding-bottom:.85rem}.shop-toolbar{flex-direction:column;align-items:stretch}.tabs-scroll{padding-bottom:.25rem}.tabs{gap:1.25rem;border-bottom:none}.tab{font-size:.95rem;padding:.7rem 0}.shop-toolbar-right{flex-direction:column;align-items:stretch;gap:.75rem}.search-input-wrapper{max-width:none}.shop-sort{width:100%}}.link-underline{background:none;border:none;cursor:pointer;text-decoration:underline;padding:.25rem .4rem;color:#2c2c2cd1}.link-underline:hover{color:var(--color-charcoal)}.auth-container{max-width:440px}.auth-card{padding:2rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--surface-3)}.auth-title{margin-bottom:1.75rem}.auth-error{background:#fee2e2bf;color:#b91c1c;border:1px solid rgba(185,28,28,.18);padding:.9rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem}.auth-social{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.auth-social .btn{justify-content:center}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#2c2c2c24}.auth-divider span{color:#2c2c2c8c;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-switch{margin-top:2rem}.auth-toggle{background:none;border:none;cursor:pointer;text-decoration:underline;color:#2c2c2cd1}.auth-toggle:hover{color:var(--color-charcoal)}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;min-height:70vh}.profile-sidebar{position:sticky;top:120px;align-self:start}.profile-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--surface-3);padding:1.5rem}.profile-hero{text-align:center;margin-bottom:1.5rem}.avatar{width:96px;height:96px;border-radius:999px;object-fit:cover;background:#2c2c2c0f;margin:0 auto 1rem}.profile-name{font-size:1.1rem;margin-bottom:.25rem}.profile-email{color:#2c2c2c9e;font-size:.9rem}.profile-nav{display:flex;flex-direction:column;gap:.25rem}.profile-nav-btn,.profile-nav-link{display:block;width:100%;text-align:left;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;color:#2c2c2cb8}.profile-nav-btn:hover,.profile-nav-link:hover{background:#2c2c2c0d;color:var(--color-charcoal)}.profile-nav-btn.active{background:#ffffffbf;border-color:#2c2c2c1f;color:var(--color-charcoal);font-weight:700}.profile-nav-link{text-decoration:none}.profile-nav-divider{height:1px;background:var(--color-border);margin:.75rem 0}.danger-btn{color:var(--color-danger)}.danger-btn:hover{background:#c0392b14;color:var(--color-danger)}.profile-content{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--surface-3);padding:2rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.check-row{display:flex;align-items:center;gap:.6rem}.check-row label{cursor:pointer;margin-bottom:0}.check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-charcoal)}.address-list{display:flex;flex-direction:column;gap:1rem}.address-card{padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffffa6;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.address-card.default{border-color:#2c2c2c47;background:#ffffffc7}.address-title{font-weight:800;display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.address-actions{display:flex;gap:.75rem;flex-shrink:0}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .5rem;border-radius:999px;background:#2c2c2cd9;color:#fff;font-size:.75rem;letter-spacing:.06em}@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}}.stack{display:flex;flex-direction:column;gap:1.25rem}.order-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-3);padding:1.5rem}.order-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .6rem;border-radius:999px;font-size:.85rem;border:1px solid rgba(44,44,44,.12)}.status-paid{background:#dcfce7bf;color:#166534;border-color:#1665342e}.status-pending{background:#fef9c3bf;color:#854d0e;border-color:#854d0e2e}.editorial-page{padding-top:calc(var(--header-height) + var(--spacing-md));padding-bottom:var(--spacing-lg)}.page-header{text-align:center;margin-bottom:3rem}.page-header-title{font-size:clamp(2.2rem,4vw,3rem);margin-bottom:.75rem}.page-header-title{text-wrap:balance}.page-header-subtitle{margin:0 auto;max-width:62ch;color:#2c2c2c9e}.page-header-subtitle{text-wrap:pretty}.editorial-page .prose{margin-left:auto;margin-right:auto}.page-cover{width:100%;height:260px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);margin:1.75rem 0 2.5rem;filter:brightness(.96)}.page-cover{box-shadow:0 22px 50px #00000014}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem}.media-card{position:relative;display:block;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.06);background:#ffffff59;min-height:300px}.media-card:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.media-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-standard)}.media-card:hover img{transform:scale(1.04)}.media-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000b8,#00000014);display:flex;flex-direction:column;justify-content:flex-end;padding:1.75rem;color:#fff}.media-title{font-family:var(--font-serif);font-size:1.7rem;margin-bottom:.4rem}.media-desc{margin:0;color:#ffffffe0;line-height:1.65}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}.brand-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:2rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-3);transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.brand-card:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.brand-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.brand-logo{width:100%;height:80px;object-fit:contain;filter:grayscale(100%);opacity:.9;transition:filter var(--dur-base) var(--ease-standard),opacity var(--dur-base) var(--ease-standard)}.brand-card:hover .brand-logo{filter:grayscale(0%);opacity:1}.brand-name{font-family:var(--font-serif);font-size:1.15rem;margin:.25rem 0 0;text-align:center}.brand-desc{font-size:.95rem;color:#2c2c2c9e;text-align:center;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2.25rem 0 1.5rem}.feature-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff9;padding:1.25rem 1.25rem 1.1rem;text-align:center}.feature-kicker{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#2c2c2c8c;margin-bottom:.5rem}.feature-title{font-family:var(--font-serif);font-size:1.2rem;margin-bottom:.25rem}.feature-subtitle{font-size:.95rem;color:#2c2c2c9e;margin:0}@media(max-width:900px){.feature-grid{grid-template-columns:1fr}}.accordion{border-bottom:1px solid var(--color-border)}.accordion-trigger{width:100%;padding:1.35rem 0;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.accordion-title{font-family:var(--font-serif);font-size:1.05rem;color:var(--color-charcoal)}.accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(44,44,44,.14);color:#2c2c2cbf;transition:transform var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.accordion.open .accordion-icon{transform:rotate(180deg);background:#2c2c2c0f}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-standard);opacity:0;transition-property:grid-template-rows,opacity}.accordion.open .accordion-panel{grid-template-rows:1fr;opacity:1}.accordion-panel-inner{overflow:hidden}.accordion-content{padding-bottom:1.35rem;color:#2c2c2cad;line-height:1.75}.admin-shell{min-height:100vh;background:#f8fafc;display:grid;grid-template-columns:280px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;background:var(--color-charcoal);color:#ffffffeb;padding:1.75rem 1rem;border-right:1px solid rgba(255,255,255,.08)}.admin-brand{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .5rem;margin-bottom:1.25rem}.admin-brand-title{font-family:var(--font-serif);font-size:1.35rem;color:#fff;letter-spacing:.06em;margin:0}.admin-close{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#fff;cursor:pointer}.admin-close:hover{background:#ffffff1a}.admin-close:focus-visible{outline:none;box-shadow:0 0 0 4px #f9f7f238}.admin-nav{display:flex;flex-direction:column;gap:.25rem;overflow:auto;padding:.25rem;flex:1}.admin-nav-item{display:flex;align-items:center;gap:.85rem;padding:.85rem;border-radius:10px;text-decoration:none;color:#ffffffb8;border:1px solid transparent;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.admin-nav-item:hover{background:#ffffff12;color:#ffffffeb}.admin-nav-item:focus-visible{outline:none;box-shadow:0 0 0 3px #f9f7f247;border-color:#ffffff2e}.admin-nav-item.active{background:#f9f7f2f5;color:var(--color-charcoal);border-color:#ffffff14;font-weight:700}.admin-nav-item svg{opacity:.95}.admin-footer{margin-top:1rem;padding:.75rem .25rem 0;border-top:1px solid rgba(255,255,255,.1)}.admin-home-link{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;background:#ffffff14;color:#fff;padding:.85rem;border-radius:12px;text-decoration:none;font-weight:600;transition:background var(--dur-base) var(--ease-standard)}.admin-home-link:hover{background:#ffffff24}.admin-home-link:focus-visible{outline:none;box-shadow:0 0 0 4px #f9f7f238}.admin-main{display:flex;flex-direction:column;min-width:0}.admin-header{height:80px;background:#ffffffdb;border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:60}.admin-title{font-size:1.35rem;font-family:var(--font-serif);margin:0}.admin-user{display:flex;align-items:center;gap:1rem}.admin-user-meta{text-align:right}.admin-user-meta .role{font-size:.85rem;font-weight:800;margin:0 0 .15rem}.admin-user-meta .email{font-size:.8rem;color:#2c2c2c9e;margin:0}.admin-content{padding:1.25rem 2rem 2.5rem}.admin-overlay{position:fixed;inset:0;background:#00000073;z-index:98;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-standard)}.admin-overlay.open{opacity:1;pointer-events:auto}.admin-mobile-topbar{display:none;height:64px;background:#ffffffeb;border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:80;align-items:center;padding:0 1rem;gap:.75rem}.admin-mobile-toggle{width:44px;height:44px;border-radius:12px;border:1px solid var(--color-border);background:#ffffffb3;cursor:pointer}.admin-mobile-toggle:hover{background:#ffffffe0}.admin-mobile-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.admin-mobile-title{font-family:var(--font-serif);font-size:1.15rem;margin:0}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:0;top:0;z-index:99;transform:translate(-100%);transition:transform var(--dur-base) var(--ease-standard);width:280px}.admin-sidebar.open{transform:translate(0)}.admin-mobile-topbar{display:flex}.admin-header{display:none}.admin-close{display:inline-flex;align-items:center;justify-content:center}}@media(min-width:901px){.admin-close{display:none}}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.admin-card{background:#ffffffeb;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:0 1px #00000005}.admin-kpi-label{color:#2c2c2c9e;font-size:.9rem;margin-bottom:.5rem}.admin-kpi-value{font-size:1.8rem;font-weight:800;color:var(--color-charcoal);font-variant-numeric:tabular-nums}.admin-charts{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}@media(max-width:900px){.admin-charts{grid-template-columns:1fr}}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin-page-title{font-family:var(--font-serif);font-size:1.6rem;margin:0;color:var(--color-charcoal)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-bottom:1rem}.admin-toolbar-left,.admin-toolbar-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.admin-search{width:min(360px,100%)}.admin-table-wrap{background:#ffffffeb;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table thead th{position:sticky;top:0;z-index:1;background:#f9fafbeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:.95rem 1rem;text-align:left;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#2c2c2c9e;font-weight:700}.admin-table tbody td{padding:.95rem 1rem;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:middle}.admin-table tbody tr{transition:background var(--dur-fast) var(--ease-standard)}.admin-table tbody tr:nth-child(2n){background:#00000003}.admin-table tbody tr:hover{background:#00000005}.admin-table tbody tr:focus-within{background:#00000005}.admin-td-right{text-align:right}.admin-td-center{text-align:center}.admin-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.admin-thumb{width:40px;height:40px;object-fit:cover;border-radius:10px;border:1px solid var(--color-border);background:#f3f4f6}.admin-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;border:1px solid rgba(0,0,0,.08);background:#f3f4f6;color:#2c2c2cb8}.admin-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffffb3;cursor:pointer;font-size:.9rem;position:relative;transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.admin-chip:hover{transform:translateY(-1px)}.admin-chip.selected{border-color:#4d7c0f8c;background:#f0fdf4b3}.admin-filters{display:flex;gap:.5rem;flex-wrap:wrap}.admin-filter-pill{padding:.55rem .95rem;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffffd9;color:#2c2c2cb8;cursor:pointer;font-size:.9rem;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.admin-filter-pill:hover{border-color:#0000002e}.admin-filter-pill.active{background:var(--color-charcoal);color:#fff;border-color:#0000002e}.admin-link{background:none;border:none;padding:0;color:var(--color-primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font:inherit}.admin-link:hover{opacity:.85}.admin-link-danger{background:none;border:none;padding:0;color:#b91c1c;cursor:pointer;font:inherit}.admin-link-danger:hover{opacity:.85}.admin-badge{display:inline-flex;align-items:center;padding:.22rem .65rem;border-radius:999px;font-size:.82rem;border:1px solid rgba(0,0,0,.08);background:#f3f4f6;color:#2c2c2cb8}.admin-badge.pending{background:#fff7ed;color:#9a3412;border-color:#9a34122e}.admin-badge.shipped{background:#eff6ff;color:#1d4ed8;border-color:#1d4ed829}.admin-badge.completed{background:#f0fdf4;color:#166534;border-color:#1665342e}.admin-badge.cancelled{background:#fef2f2;color:#991b1b;border-color:#991b1b2e}.admin-badge.active{background:#f0fdf4;color:#166534;border-color:#1665342e}.admin-badge.inactive{background:#f3f4f6;color:#2c2c2c9e}.admin-badge.guest{background:#fef9c3;color:#854d0e;border-color:#854d0e2e}.admin-badge.suspended{background:#fee2e2;color:#991b1b;border-color:#991b1b2e}.admin-badge.review{background:#fef9c3;color:#854d0e;border-color:#854d0e2e}.admin-badge.role-super_admin{background:#ede9fe;color:#6d28d9;border-color:#6d28d92e}.admin-badge.role-admin{background:#dbeafe;color:#1d4ed8;border-color:#1d4ed829}.admin-badge.role-editor{background:#d1fae5;color:#047857;border-color:#04785729}.admin-badge.role-partner{background:#fef3c7;color:#b45309;border-color:#b4530929}.admin-badge.role-user{background:#f3f4f6;color:#2c2c2c9e}.admin-modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-modal-panel{background:#fffffffa;border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:var(--shadow-md)}.admin-modal-panel{overscroll-behavior:contain}.admin-modal-panel.sm{width:min(460px,100%)}.admin-modal-panel.md{width:min(620px,100%)}.admin-modal-panel.lg{width:min(900px,100%)}.admin-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.admin-modal-title{font-family:var(--font-serif);font-size:1.35rem;margin:0}.admin-modal-subtitle{margin:.35rem 0 0;color:#2c2c2c9e;font-size:.9rem}.admin-modal-close{width:42px;height:42px;border-radius:12px;border:1px solid var(--color-border);background:#fffc;cursor:pointer;font-size:1.2rem;line-height:1}.admin-modal-close:hover{background:#fffffff0}.admin-modal-close:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.admin-modal-body{padding:1.25rem 1.5rem}.admin-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--color-border)}.admin-modal-body .auth-form{gap:1.1rem}.admin-modal-footer{position:sticky;bottom:0;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.admin-modal-footer-right{background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.admin-dropzone{border:2px dashed rgba(0,0,0,.16);padding:1rem;text-align:center;border-radius:var(--radius-md);background:#fff9}.admin-dropzone:hover{border-color:#0000003d;background:#ffffffb8}.admin-dropzone-title{margin:0 0 .35rem;font-weight:800}.admin-variant-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.5rem;align-items:center;margin-bottom:.5rem}@media(max-width:900px){.admin-variant-row{grid-template-columns:1fr 1fr}}.admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.admin-media-card{background:#ffffffeb;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px #00000005;transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.admin-media-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.admin-media-cover{height:150px;overflow:hidden;background:#f3f4f6}.admin-media-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-standard)}.admin-media-card:hover .admin-media-cover img{transform:scale(1.03)}.admin-media-body{padding:1.25rem}.admin-media-title{font-size:1.1rem;margin:0 0 .35rem}.admin-media-meta{color:#2c2c2c9e;font-size:.85rem;margin:0 0 .75rem}.admin-media-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.admin-modal-footer>*{flex:1}.admin-input-sm{width:88px}.admin-check{transform:scale(1.15);cursor:pointer}.admin-strong{font-weight:700}.admin-muted{color:#2c2c2c9e}.admin-chip input{position:absolute;opacity:0;pointer-events:none}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:900px){.admin-detail-grid{grid-template-columns:1fr}}.admin-section-title{font-size:1rem;font-weight:800;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);margin:1.25rem 0 .85rem}.admin-row-center{padding:1.75rem 1rem!important;text-align:center;color:#2c2c2c8c}.admin-avatar{width:36px;height:36px;border-radius:999px;background:var(--color-beige);display:inline-flex;align-items:center;justify-content:center;color:var(--color-charcoal);font-weight:800;border:1px solid rgba(0,0,0,.08)}.admin-logo{height:52px;object-fit:contain;filter:grayscale(20%);opacity:.95}.admin-media-card:hover .admin-logo{filter:grayscale(0%);opacity:1}.admin-preview{max-height:160px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#f3f4f6}.admin-center{text-align:center}.admin-flex-center{display:flex;align-items:center;justify-content:center}.admin-justify-center{justify-content:center}.admin-mb-sm{margin-bottom:.85rem}.admin-mb-xs{margin-bottom:.35rem}.admin-mt-xs{margin-top:.35rem}.admin-mt-sm{margin-top:.75rem}.admin-no-underline{text-decoration:none}.admin-card-grid-wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.admin-divider{margin:1rem 0}.admin-toolbar-compact{margin-bottom:.5rem}.admin-w-full{width:100%}.admin-empty{border:1px dashed rgba(0,0,0,.16);background:#ffffffbf;border-radius:var(--radius-md);padding:2rem 1.25rem;text-align:center}.admin-empty-title{font-family:var(--font-serif);font-size:1.25rem;margin:0 0 .25rem}.admin-empty-desc{color:#2c2c2c9e;margin:.25rem 0 1rem}@keyframes admin-skeleton{0%{background-position:0% 0}to{background-position:-200% 0}}.admin-skeleton{background:linear-gradient(90deg,#0000000a,#00000014,#0000000a 40%);background-size:200% 100%;animation:admin-skeleton 1.2s ease-in-out infinite;border-radius:999px}.admin-skel-line{height:12px;width:140px}.admin-skel-line.sm{width:90px}.admin-skel-line.lg{width:220px}.admin-skel-block{height:36px;width:36px;border-radius:12px}.admin-table-skeleton td{padding:.95rem 1rem}.admin-mb-lg{margin-bottom:1.5rem}.admin-text-xs{font-size:.85rem}.admin-text-sm{font-size:.9rem}.admin-empty-narrow{max-width:560px;margin:0 auto}.admin-file-input{display:none}.admin-skel-pill{width:92px;height:38px;border-radius:999px}.admin-skel-btn{width:96px;height:40px;border-radius:12px}.admin-skel-cover{width:100%;height:100%;border-radius:0}.admin-skel-logo{height:44px;border-radius:14px;margin:0 auto .85rem}.admin-row-flex{display:flex;align-items:center;gap:.8rem}.admin-inline{display:inline-flex;align-items:center;gap:.5rem}.admin-modal-footer-right{justify-content:flex-end}.admin-modal-total{flex:1;text-align:right}.admin-line-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-line-item-left{display:flex;align-items:center;gap:.85rem;min-width:0}.admin-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-stack-md{display:flex;flex-direction:column;gap:.85rem}.admin-mx-auto{margin-left:auto;margin-right:auto}.admin-mt-xxs{margin-top:.2rem}.admin-thumb-50{width:50px;height:50px}.admin-text-2xs{font-size:.8rem}.admin-minw-0{min-width:0}.kol-shell{padding:3.5rem 0}.kol-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.kol-title{font-family:var(--font-serif);font-size:1.75rem;margin:0 0 .25rem}.kol-subtitle{color:#2c2c2c9e;margin:0;max-width:var(--text-max)}.kol-card{background:#ffffffeb;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 1px #00000005}.kol-link-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.kol-link-input{flex:1;min-width:260px;background:#f9fafbcc}.kol-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.9rem;border:1px solid rgba(0,0,0,.08);background:#f3f4f6;color:#2c2c2cb8}.kol-badge.active{background:#f0fdf4;color:#166534;border-color:#1665342e}.kol-badge.pending{background:#fef9c3;color:#854d0e;border-color:#854d0e2e}.kol-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}@media(max-width:900px){.kol-kpi-grid{grid-template-columns:1fr}}.kol-kpi{background:#ffffffeb;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.kol-kpi.highlight{background:#fff7ed;border-color:#9a341229}.kol-kpi-label{color:#2c2c2c9e;font-size:.9rem;margin-bottom:.35rem}.kol-kpi-value{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-charcoal)}.kol-kpi.highlight .kol-kpi-label{color:#9a3412}.kol-kpi.highlight .kol-kpi-value{color:#c2410c}.kol-section{margin-top:2rem}.kol-section-title{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:.85rem}.cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn-block{width:100%}.result-page{padding-top:calc(var(--header-height) + 3.5rem);padding-bottom:3.5rem;text-align:center}.result-mark{width:92px;height:92px;border-radius:999px;border:1px solid rgba(22,101,52,.18);background:#f0fdf4bf;color:#166534;display:grid;place-items:center;margin:0 auto 1rem;box-shadow:0 10px 30px #0000000f}.result-title{font-family:var(--font-serif);font-size:clamp(1.8rem,2.6vw,2.4rem);margin:0 0 .75rem}.result-desc{color:#2c2c2c9e;font-size:1.05rem;line-height:1.75;margin:0 auto 1.75rem;max-width:54ch}.result-card{margin:1.25rem auto 1.75rem;max-width:560px}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:#0000000a}.icon-btn:focus-visible{box-shadow:var(--focus-ring)}.nav-count{margin-left:4px;font-size:.8rem;color:#2c2c2cb8}.nav-cart-link{display:inline-flex;align-items:center;gap:4px}.nav-search-panel{position:absolute;top:calc(100% + 10px);right:var(--spacing-md);left:auto;width:min(560px,calc(100vw - (var(--spacing-md) * 2)));padding:.85rem .9rem;border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.1);background:#fdfbf7eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 28px 90px #00000024}.nav-search-form{display:flex;gap:.75rem;align-items:center}.nav-search-field{flex:1;min-width:0;display:flex;align-items:center;gap:.55rem;padding:6px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffffc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffffa6}.nav-search-icon{color:#2c2c2c9e;flex:0 0 auto}.nav-search-input{flex:1;min-width:0;-webkit-appearance:none;appearance:none;border:none;background:transparent;padding:.55rem .35rem;min-height:40px;font-size:.95rem}.nav-search-input:focus{outline:none}.nav-search-input:focus-visible{box-shadow:none}.nav-search-input::-webkit-search-decoration,.nav-search-input::-webkit-search-cancel-button,.nav-search-input::-webkit-search-results-button,.nav-search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.nav-search-field:focus-within{box-shadow:var(--focus-ring-strong);border-color:#5d5c6152}.nav-search-panel .container{padding:0;max-width:100%}.mobile-search{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin-bottom:.75rem}.mobile-search .input{width:100%}.mobile-search .input{background:#ffffffbf;border-color:#0000001a}.mobile-search .btn{border-radius:12px}.nav-search-close{width:44px;height:44px;border-radius:12px;border:1px solid var(--color-border);background:#ffffffb3;cursor:pointer;font-size:1.2rem}.nav-search-close:hover{background:#ffffffe0}.nav-search-close:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.site-footer{margin-top:auto;padding:0}.site-footer a{color:inherit;text-decoration:none;text-underline-offset:3px}.site-footer a:hover{text-decoration:underline}.site-footer a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:10px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4rem}.footer-grid ul li+li{margin-top:.55rem}.footer-brand{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-charcoal);margin-bottom:1.25rem}.social-row{display:flex;gap:.75rem;margin-top:1.25rem}.social-chip{width:40px;height:40px;border-radius:999px;border:1px solid var(--color-border);background:#0000000a;display:inline-flex;align-items:center;justify-content:center;color:var(--color-charcoal);font-weight:700;transition:transform var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.social-chip:hover{transform:translateY(-1px);background:#0000000f;border-color:#0000001f}.social-chip:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.footer-newsletter-form{display:flex;gap:.6rem;align-items:center}.footer-bottom{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--color-border);font-size:.85rem;line-height:1.7;color:#2c2c2cb8}.footer-meta-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.footer-details summary{font-weight:600}.footer-details summary{cursor:pointer;padding:.4rem 0}.footer-details summary::marker{color:#2c2c2c8c}.footer-details summary:hover{color:var(--color-charcoal)}.footer-details details[open] summary{color:var(--color-charcoal)}.banner-hero{position:relative;min-height:70vh;display:grid;place-items:center;background:var(--color-beige);margin-bottom:var(--spacing-lg);overflow:hidden}.banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;inset:0;background:#00000047}.banner-inner{position:relative;z-index:1;text-align:center;padding:0 1rem}.banner-title{font-size:clamp(2.4rem,5vw,4.25rem);margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.25)}.banner-subtitle{margin:0 auto 1.75rem;font-size:clamp(1rem,2vw,1.35rem);max-width:62ch;color:#ffffffeb;text-shadow:0 2px 10px rgba(0,0,0,.25)}.mb-xs{margin-bottom:.5rem}.mb-sm{margin-bottom:.75rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.mt-xs{margin-top:.5rem}.mt-sm{margin-top:.75rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.my-md{margin:1rem 0}.mx-auto{margin-left:auto;margin-right:auto}.p-lg{padding:1.5rem}.max-w-900{max-width:900px}.min-h-50vh{min-height:50vh}.input-grow{flex:1}.mb-0{margin-bottom:0}.fw-800{font-weight:800}.text-accent{color:var(--color-accent)}.opacity-70{opacity:.7}.toast-container{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;justify-content:space-between;min-width:250px;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 10px 24px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toastSlideIn .26s var(--ease-out, cubic-bezier(.2,.9,.2,1))}.toast-success{background:#27ae60eb}.toast-error{background:#e74c3ceb}.toast-info{background:#3498dbeb}.toast-close{margin-left:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;border:0;background:#ffffff29;color:#fff;cursor:pointer}.toast-close:hover{background:#ffffff3d}@keyframes toastSlideIn{0%{transform:translate(12px);opacity:0}to{transform:translate(0);opacity:1}}.skeleton{width:100%;height:20px;border-radius:14px;background:linear-gradient(90deg,#0000000f,#0000001f,#0000000f);background-size:200% 100%;animation:skeletonShimmer 1.1s ease-in-out infinite}.skel-w-30{width:30%}.skel-w-40{width:40%}.skel-w-60{width:60%}.skel-w-80{width:80%}.skel-h-12{height:12px}.skel-h-20{height:20px}.skel-h-40{height:40px}.skel-h-400{height:400px}.skel-h-500{height:500px}.img-blur-up{opacity:0;filter:blur(14px);transform:scale(1.01);transition:opacity .24s var(--ease-out),filter .52s var(--ease-out),transform .9s var(--ease-out);will-change:opacity,filter,transform}.img-blur-up.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.img-blur-up,.product-card .image-wrapper img,.product-hero-btn .product-image,.lightbox-img{transition:none!important;filter:none!important;transform:none!important;opacity:1!important}}.shop-title{font-size:clamp(2.2rem,4vw,3rem);margin-bottom:1rem}.zoomable{cursor:zoom-in}.thumb-tone-soft{filter:brightness(.96)}.thumb-tone-warm{filter:sepia(.18)}.fineprint{margin-top:.5rem;font-size:.85rem;color:#2c2c2c9e}.recommendations-head .section-title{margin-bottom:.25rem}.row-between-wrap{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.label-strong{font-weight:800}.checkout-form{display:flex;flex-direction:column;gap:1rem}.brand-btn{border-radius:12px}.brand-711{background:#f58220;border-color:#f58220;color:#fff}.brand-fami{background:#00a84e;border-color:#00a84e;color:#fff}.brand-hilife{background:#e60012;border-color:#e60012;color:#fff}.brand-711:hover,.brand-fami:hover,.brand-hilife:hover{filter:brightness(.95)}.meta-sm{font-size:.9rem;color:#2c2c2c9e}.checkout-summary .summary-row{font-size:.9rem}.checkout-summary .divider{margin:1rem 0}.cart-items,.addon-section{margin-bottom:3rem}.addon-title{font-size:1.5rem;margin-bottom:1rem}.addon-name{font-size:.9rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addon-price{font-size:.9rem;font-weight:800;margin-bottom:.5rem}.coupon-section{margin-bottom:2rem}.coupon-applied{margin-top:1rem}.summary-row.mb-lg{margin-bottom:1.5rem}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.product-gallery{display:flex;flex-direction:column;gap:1rem}.product-image{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-md);background:#2c2c2c0a;border:1px solid rgba(0,0,0,.06)}.product-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.product-hero-btn{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:var(--radius-md);overflow:hidden}.product-hero-btn .product-image{opacity:0;filter:blur(14px);transform:scale(1.02);transition:opacity .26s var(--ease-out),filter .52s var(--ease-out),transform .9s var(--ease-out)}.product-hero-btn .product-image.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}.product-hero-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);border-radius:var(--radius-md)}.gallery-counter{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#111111d9;font-weight:700;font-size:12px;letter-spacing:.02em}.gallery-counter--dark{position:static;border-color:#ffffff2e;background:#00000059;color:#ffffffeb}.thumb-btn{padding:0;border:0;background:transparent;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.06);background:#ffffff59}.thumb-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.thumb-btn.selected{box-shadow:var(--focus-ring);border-color:#2c2c2c38}.thumb-hint{grid-column:1 / -1;margin-top:.2rem;font-size:12px;color:#2c2c2c99}.product-info{position:sticky;top:calc(var(--header-height) + 2rem)}.product-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.product-category{color:var(--color-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.85rem}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;font-size:.75rem;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(0,0,0,.08)}.badge-dark{background:var(--color-charcoal);color:var(--color-white);border-color:#0000001f}html:lang(zh-Hant) .product-category,html:lang(zh-Hans) .product-category{letter-spacing:.04em;text-transform:none}html:lang(zh-Hant) .badge,html:lang(zh-Hans) .badge{letter-spacing:.04em;text-transform:none}.product-title{font-size:2.5rem;line-height:1.15;margin-bottom:1rem}.product-price{font-size:1.6rem;font-weight:600;margin-bottom:2rem;color:var(--color-charcoal);font-variant-numeric:tabular-nums}.product-desc{margin-bottom:2.5rem;color:#2c2c2cb8;line-height:1.9;max-width:var(--text-max)}.size-block{margin-bottom:2.5rem}.size-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.size-title{font-weight:600;font-size:.9rem;color:#2c2c2ceb}.size-grid{display:flex;flex-wrap:wrap;gap:.8rem}.size-btn{width:46px;height:46px;border:1px solid rgba(44,44,44,.18);background:transparent;color:var(--color-charcoal);cursor:pointer;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);font-variant-numeric:tabular-nums}.size-btn:hover{transform:translateY(-1px);border-color:#2c2c2c52;background:#ffffff8c}.size-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.size-btn.selected{background:var(--color-charcoal);border-color:var(--color-charcoal);color:var(--color-white);box-shadow:0 12px 30px #0000001a}.size-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.qty-box{margin-bottom:2rem;padding:1.25rem;background:var(--surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.qty-label{font-weight:600;font-size:.9rem;margin-bottom:.8rem;display:block;color:#2c2c2ceb}.qty-controls{display:flex;align-items:center;gap:.5rem}.qty-btn{width:42px;height:42px;border:1px solid rgba(44,44,44,.18);background:#fffc;cursor:pointer;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--color-charcoal);transition:transform var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.qty-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.qty-btn:hover{transform:translateY(-1px);border-color:#2c2c2c52;background:#ffffffeb}.qty-input{width:72px;height:42px;text-align:center;border:1px solid rgba(44,44,44,.18);border-radius:var(--radius-sm);background:#ffffffe6;color:var(--color-charcoal);outline:none;font-variant-numeric:tabular-nums}.qty-input:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);border-color:#5d5c6173}.primary-cta{width:100%}.preorder-note{margin-top:.75rem;margin-bottom:0;font-size:.9rem;color:#2c2c2cad;text-align:center}.buybox{margin-top:2rem;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffff9e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 40px #0000000f}.buybox .qty-box{margin-bottom:1.25rem;padding:0;background:transparent;border:0}.buybox .size-block{margin-bottom:1.25rem}.buybox .primary-cta{margin-top:.35rem}.buybox .btn.primary-cta:hover{transform:translateY(-1px);box-shadow:0 16px 36px #0000001a}.buybox .btn.primary-cta:active{transform:translateY(0)}@media(max-width:900px){.buybox{padding:1.25rem;border-radius:var(--radius-md)}}.product-accordion{border-top:1px solid var(--color-border)}.prose strong{font-weight:600}.prose ul{padding-left:1.2rem;margin-bottom:1rem;list-style:disc}.prose li{margin:.25rem 0}.muted{color:#2c2c2c8c}@media(max-width:900px){.product-detail{grid-template-columns:1fr;gap:2.5rem}.product-info{position:static}}.cart-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.cart-title{margin-bottom:3rem}.cart-items{border-top:1px solid var(--color-border)}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.cart-item-left{display:flex;align-items:center;gap:1.25rem;min-width:0}.cart-thumb{width:88px;height:88px;border-radius:var(--radius-md);object-fit:cover;background:#2c2c2c0a;flex:0 0 auto}.cart-item-name{margin-bottom:.25rem}.meta{color:#2c2c2c9e;font-size:.9rem}.cart-qty{display:flex;align-items:center;gap:.6rem;margin-top:.6rem}.cart-qty .label{margin:0}.cart-qty-input{width:84px;padding:.55rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#ffffffb3;text-align:center;font-variant-numeric:tabular-nums}.cart-item-right{display:flex;align-items:center;gap:1.5rem;flex:0 0 auto}.price-strong{font-weight:700;font-variant-numeric:tabular-nums}.link-danger{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:.9rem;padding:.25rem .3rem}.link-danger:hover{text-decoration:underline}.summary-card{padding:2rem;border-radius:var(--radius-md);background:var(--surface-3);border:1px solid var(--color-border)}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;font-variant-numeric:tabular-nums}.summary-total{font-size:1.2rem;font-weight:800}.alert{padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--surface-2)}.alert-info{border-color:#3b82f638;background:#eff6ffbf}.alert-success{border-color:#22c55e38;background:#f0fdf4bf}.alert-danger{border-color:#ef44443d;background:#fef2f2d1}.form-error-summary{padding-left:1.1rem;margin:.6rem 0 0}.field-error{margin-top:.35rem;font-size:.9rem;color:var(--color-danger)}.input.is-invalid,.textarea.is-invalid,.select.is-invalid{border-color:#ef444473;box-shadow:0 0 0 4px #ef44441f}.text-success{color:#166534}.text-danger{color:var(--color-danger)}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.checkout-summary{position:sticky;top:calc(var(--header-height) + 2rem)}.checkout-panel{padding:1.75rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffff9e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 40px #0000000f}.checkout-page .checkout-summary .summary-card{border-radius:var(--radius-lg);background:#ffffff9e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 40px #0000000f}.checkout-page .checkout-summary .summary-row{margin-bottom:.75rem}.checkout-page .checkout-summary .summary-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c2c2cc7}.checkout-page .checkout-summary .summary-row.summary-total>span:first-child{color:#2c2c2ceb}.radio-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.radio{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-btns{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr;gap:2.5rem}.checkout-summary{position:static}.checkout-panel{padding:1.25rem;border-radius:var(--radius-md)}.checkout-page{padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom))}}.stepper{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:2.25rem;flex-wrap:wrap}.checkout-head{margin-bottom:2.25rem}.checkout-page .cart-title{margin-bottom:1rem}.checkout-page .stepper{margin:0 auto;padding:.9rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffff9e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 40px #0000000f}.step{display:inline-flex;align-items:center;gap:.75rem;color:#2c2c2c8c;letter-spacing:.04em;font-size:.95rem}.step-dot{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(44,44,44,.18);background:#fff9;font-variant-numeric:tabular-nums}.step.active{color:#2c2c2ceb}.step.active .step-dot{border-color:#2c2c2c59;box-shadow:var(--focus-ring)}.step.done{color:#2c2c2cd9}.step.done .step-dot{background:#2c2c2c14;border-color:#2c2c2c47}.step-line{width:clamp(40px,7vw,80px);height:1px;background:#2c2c2c24}.trust-list{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1rem}.trust-item{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem .95rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff8c}.trust-icon{width:20px;height:20px;margin-top:2px;color:#2c2c2ccc}.trust-title{font-weight:700;font-size:.95rem;margin-bottom:.15rem}.trust-desc{margin:0;font-size:.9rem;color:#2c2c2c9e;line-height:1.6}.lightbox{position:fixed;inset:0;background:#000000a6;z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox-panel{position:relative;max-width:980px;width:100%;border-radius:var(--radius-md);overflow:hidden;background:#141414d9;box-shadow:var(--shadow-md)}.lightbox-nav{position:absolute;inset:0;pointer-events:none}.lightbox-nav-btn{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fffffff2;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer}.lightbox-nav-btn.left{left:12px}.lightbox-nav-btn.right{right:12px}.lightbox-nav-btn:hover{background:#ffffff29}.lightbox-nav-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #ffffff2e}.lightbox-nav-btn:active{transform:translateY(-50%) scale(.98)}.lightbox-nav-btn:disabled{opacity:.45;cursor:not-allowed}.lightbox-meta{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:10px}.lightbox-hint{font-size:12px;color:#fffc;background:#00000047;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-img{width:100%;height:auto;display:block;opacity:0;filter:blur(14px);transform:scale(1.01);transition:opacity .24s var(--ease-out),filter .52s var(--ease-out),transform .9s var(--ease-out)}.lightbox-img.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}.lightbox-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer}.lightbox-close:hover{background:#ffffff24}.thumb{cursor:pointer;border-radius:var(--radius-md);border:1px solid transparent;transition:transform var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}.thumb:hover{transform:translateY(-1px);border-color:#ffffff40;opacity:.96}.thumb.selected{border-color:#2c2c2c59}.reviews,.recommendations{margin-top:6rem;padding-top:4rem;border-top:1px solid var(--color-border)}.reviews-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.reviews-summary{display:grid;grid-template-columns:1fr;gap:1rem;min-width:min(560px,100%)}.reviews-controls{display:flex;align-items:center;gap:.65rem}.review-sort{min-width:180px}.rating-breakdown{display:grid;gap:.5rem;width:min(520px,100%);padding:.9rem 1rem;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);background:#ffffff8c}.rating-row{display:grid;grid-template-columns:64px 1fr 92px;align-items:center;gap:.75rem}.rating-row-left{display:inline-flex;align-items:center;gap:.25rem;color:#2c2c2cad;font-variant-numeric:tabular-nums}.rating-star-icon{color:#d6a33deb}.rating-bar{height:8px;border-radius:999px;overflow:hidden;background:#0000000f;border:1px solid rgba(0,0,0,.05)}.rating-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d6a33de0,#d6a33d8c)}.rating-row-right{display:inline-flex;justify-content:flex-end;gap:.6rem;color:#2c2c2c9e;font-size:.9rem;font-variant-numeric:tabular-nums}.rating-count{color:#2c2c2c7a}.rating-big{font-size:2.5rem;font-weight:800;color:var(--color-charcoal);font-variant-numeric:tabular-nums}.stars{color:#fbbf24;letter-spacing:.08em}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-item{padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.review-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.review-name{font-weight:700}.review-time{color:#2c2c2c8c;font-size:.85rem}.review-form{margin-top:2rem;padding:1.75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--surface-2)}@media(max-width:768px){.reviews-summary{min-width:100%}.reviews-controls{width:100%;justify-content:flex-end}.review-sort{width:100%;max-width:240px}.rating-row{grid-template-columns:56px 1fr 86px}}.star-btn{background:none;border:none;font-size:1.6rem;cursor:pointer;padding:0;line-height:1}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.uppercase{text-transform:uppercase;letter-spacing:.1em}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.text-white{color:var(--color-white)}.text-grey{color:var(--color-grey)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.hero-section{height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;margin-top:calc(var(--header-height) * -1);margin-bottom:var(--spacing-xl);overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:transform 10s ease}.hero-section:hover .hero-bg img{transform:scale(1.05)}.hero-content{position:relative;z-index:1;color:var(--color-white);text-align:center;padding:0 var(--spacing-md);max-width:880px}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(1200px 520px at 50% 35%,#0000001f,#0000 55%),linear-gradient(to bottom,#00000038,#0000009e)}.hero-subtitle{font-size:1rem;letter-spacing:.4em;margin-bottom:1.5rem;opacity:.9;text-transform:uppercase}html:lang(zh-Hant) .hero-subtitle,html:lang(zh-Hans) .hero-subtitle{letter-spacing:.12em;text-transform:none}.hero-title{font-size:clamp(3rem,6vw,5rem);margin-bottom:2rem;color:var(--color-white);font-weight:400;letter-spacing:-.02em}.hero-desc{font-size:1.125rem;max-width:62ch;margin:0 auto 3rem;color:#ffffffe6;line-height:1.8;text-shadow:0 1px 3px rgba(0,0,0,.32);text-wrap:balance}.hero-cta{padding:16px 48px;font-size:.9rem}.section-kicker{margin:0;color:#2c2c2c85;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}html:lang(zh-Hant) .section-kicker,html:lang(zh-Hans) .section-kicker{letter-spacing:.12em;text-transform:none}.section-title{margin:0;font-size:clamp(1.9rem,2.6vw,2.6rem)}.section-subtitle{margin:.5rem 0 0;color:#2c2c2c9e}.home-section{margin-bottom:var(--spacing-xl)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:3rem 1.5rem}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:none;border:none;color:var(--color-white);cursor:pointer;animation:bounce 2s infinite;opacity:.8;font-size:1.5rem;padding:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(-5px) translate(-50%)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 44px;font-family:var(--font-sans);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;background-color:var(--color-charcoal);color:var(--color-white);border:1px solid var(--color-charcoal);cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;font-weight:500;border-radius:var(--radius-sm);gap:.6rem;line-height:1;-webkit-user-select:none;user-select:none}html:lang(zh-Hant) .btn,html:lang(zh-Hans) .btn{letter-spacing:.04em;text-transform:none}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000d}.btn:active{transform:translateY(-1px);box-shadow:0 6px 14px #0000000d}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm{padding:10px 18px;font-size:.8rem;letter-spacing:.12em}.btn-lg{padding:16px 52px;font-size:.9rem;letter-spacing:.16em}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-charcoal)}.btn-ghost:hover{background:#2c2c2c0f;box-shadow:none;transform:translateY(-1px)}.btn-label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.btn-loading .btn-label{opacity:.92}.btn-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fffffff2;animation:btnSpin .7s linear infinite}.btn-white .btn-spinner,.btn-outline .btn-spinner{border-color:#2c2c2c38;border-top-color:#2c2c2cd9}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-white{background-color:var(--color-white);color:var(--color-charcoal);border-color:var(--color-white)}.btn-white:hover{background-color:transparent;color:var(--color-white)}.btn-outline{background-color:transparent;color:var(--color-charcoal);border-color:var(--color-charcoal)}.btn-outline:hover{background-color:var(--color-charcoal);color:var(--color-white)}.category-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:500px;gap:var(--spacing-md)}@media(max-width:768px){.category-grid{grid-template-rows:auto;display:flex;flex-direction:column}}.category-card{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;background-size:cover;background-position:center;text-decoration:none;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.category-card:focus-visible{outline:none;box-shadow:0 0 0 4px #fff3,0 0 0 8px #00000038}.category-card--women{grid-column:span 8;background-image:url(https://images.unsplash.com/photo-1532453288672-3a27e9be9efd?w=1200)}.category-card--men{background-image:url(https://images.unsplash.com/photo-1617137984095-74e4e5e3613f?w=800)}.category-card--accessories{background-image:url(https://images.unsplash.com/photo-1590874103328-eac38a683ce7?w=800)}.category-stack{grid-column:span 4;display:flex;flex-direction:column;gap:var(--spacing-md)}.category-stack .category-card{flex:1}.category-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(900px 360px at 50% 35%,#0000001a,#0000 55%),linear-gradient(to bottom,#0000001f,#00000085);transition:opacity var(--dur-base) var(--ease-standard);opacity:.92}.category-card:hover .overlay{opacity:1}.category-card:hover h4{transform:scale(1.1)}.category-card h4{position:relative;z-index:2;color:#fff;font-size:clamp(1.2rem,2.4vw,1.6rem);letter-spacing:.2em;text-shadow:0 2px 20px rgba(0,0,0,.5);transition:transform .4s ease;font-weight:500}html:lang(zh-Hant) .category-card h4,html:lang(zh-Hans) .category-card h4{letter-spacing:.12em}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.product-card{position:relative;transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.product-card:hover{transform:translateY(-2px)}.product-card a{color:inherit;display:block}.product-card a:focus-visible .image-wrapper{box-shadow:var(--focus-ring-strong)}.product-card .image-wrapper{overflow:hidden;margin-bottom:var(--spacing-sm);position:relative;aspect-ratio:3 / 4;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md)}.product-card .wishlist-btn{top:10px;right:10px;opacity:0;transform:translateY(10px);transition:all .3s ease}.product-card:hover .wishlist-btn{opacity:1;transform:translateY(0)}@media(hover:none)and (pointer:coarse){.product-card .wishlist-btn{opacity:1;transform:none}}footer input{transition:all .3s ease}footer input:focus{background-color:#fff!important;border-color:var(--color-charcoal)!important}.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.25,.46,.45,.94);border-radius:var(--radius-md)}.product-card .image-wrapper img{opacity:0;filter:blur(14px);transform:scale(1.03);transition:opacity .26s var(--ease-out),filter .52s var(--ease-out),transform .9s var(--ease-out)}.product-card .image-wrapper img.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}.product-card:hover img{transform:scale(1.05)}.product-card .info h3{font-size:1.05rem;font-weight:400;margin-bottom:.25rem;color:var(--color-charcoal)}.product-rating{display:inline-flex;align-items:center;gap:.5rem;margin-top:.35rem;color:#2c2c2c9e;font-size:.9rem;line-height:1.1}.product-rating .stars{display:inline-flex;gap:.15rem;letter-spacing:0}.product-rating .star{font-size:.9rem;color:#2c2c2c38;transform:translateY(-.5px)}.product-rating .star.is-filled{color:#d6a33deb}.product-rating-text{font-variant-numeric:tabular-nums}.product-rating--detail{margin-top:.5rem;margin-bottom:.25rem}.product-card .info .price{font-weight:500;color:var(--color-grey);font-size:.95rem}.glass{background:#fdfbf7d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}.navbar{position:fixed;width:100%;top:0;z-index:50;height:var(--header-height);transition:background-color var(--dur-base) var(--ease-standard),backdrop-filter var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard);background-color:transparent;will-change:background-color,backdrop-filter,box-shadow}.navbar.scrolled{background-color:#fdfbf7e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 18px 60px #0000001a}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:100%}.mobile-menu-toggle{display:none;font-size:1.5rem;background:none;border:none;cursor:pointer;color:var(--color-charcoal);padding:.5rem}.desktop-nav{display:flex;gap:2rem;align-items:center}.logo-container{position:absolute;left:50%;transform:translate(-50%)}.logo{font-family:var(--font-serif);font-size:1.8rem;letter-spacing:.1em;font-weight:700;text-transform:uppercase}html:lang(zh-Hant) .logo,html:lang(zh-Hans) .logo{letter-spacing:.06em}.nav-actions{display:flex;align-items:center;gap:1.5rem}.language-selector{position:relative}.language-selector button.nav-link{background:none;border:none;cursor:pointer}.language-dropdown{position:absolute;top:150%;right:0;padding:1rem;min-width:120px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px #0000001f;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.language-dropdown button{display:block;width:100%;text-align:left;padding:.55rem .65rem;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--color-charcoal);border-radius:10px}.language-dropdown button:hover{color:var(--color-charcoal);background:#0000000a}.language-dropdown button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav-link{position:relative;font-size:.85rem;letter-spacing:.1em;font-weight:500;color:var(--color-charcoal)}html:lang(zh-Hant) .nav-link,html:lang(zh-Hans) .nav-link{letter-spacing:.04em}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:-4px;left:0;background-color:var(--color-accent);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link.active:after{width:100%}.nav-link.active{color:#2c2c2ceb}.wishlist-link{font-size:1.2rem;display:flex;align-items:center}.wishlist-link span{font-size:.7rem;margin-left:2px;vertical-align:top}.wishlist-btn{position:absolute;top:12px;right:12px;z-index:10;width:32px;height:32px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#333;box-shadow:0 10px 26px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.wishlist-btn.active{color:var(--color-danger)}.wishlist-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.wishlist-btn:hover{transform:scale(1.06);background:#ffffffeb}.category-tag{font-size:.75rem;color:var(--color-grey);letter-spacing:.1em;margin-bottom:.2rem;text-transform:uppercase}html:lang(zh-Hant) .category-tag,html:lang(zh-Hans) .category-tag{letter-spacing:.04em;text-transform:none}.tech-badge{margin-left:.4rem;border:1px solid #ddd;padding:1px 4px;border-radius:2px;font-size:.6rem}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#fdfbf7e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;transform:translate(-100%);transition:transform var(--dur-base) var(--ease-standard);display:flex;flex-direction:column;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{padding:0 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);height:var(--header-height)}.mobile-menu-links{padding:2rem;display:flex;flex-direction:column;gap:2rem}.mobile-menu-links a{font-size:1.5rem;font-family:var(--font-serif);color:var(--color-charcoal);padding:.75rem;border-radius:14px}.mobile-menu-links a:hover{background:#0000000a}.mobile-menu-links a:focus-visible{outline:none;box-shadow:var(--focus-ring-strong);background:#fff9}.mobile-menu-links .divider{height:1px;background-color:#0000001a;margin:1rem 0}.mobile-lang-switch{display:flex;gap:1rem;margin-top:1rem}.mobile-lang-switch button{background:none;border:1px solid #ddd;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:var(--font-sans)}.mobile-lang-switch button.active{background:var(--color-charcoal);color:#fff;border-color:var(--color-charcoal)}@media(max-width:768px){.desktop-nav,.desktop-only{display:none!important}.mobile-menu-toggle{display:block}.nav-actions{gap:1rem}h1{font-size:2.5rem!important}h2{font-size:2rem!important}h3{font-size:1.75rem!important}:root{--spacing-md: 1.5rem;--spacing-lg: 3rem;--spacing-xl: 5rem;--header-height: 64px}.hero-title{font-size:3rem}.hero-content{padding:0 1rem}.category-card{height:300px;margin-bottom:0}.category-grid{gap:1rem;display:flex;flex-direction:column}.category-grid>div{display:flex;flex-direction:column;gap:1rem}.category-card{width:100%;flex:none!important}footer .container.grid{grid-template-columns:1fr!important;gap:2.5rem!important;text-align:center}footer .flex.gap-sm{justify-content:center}footer form{flex-direction:column;gap:1rem}footer input{width:100%}footer button{width:100%}.product-layout{grid-template-columns:1fr!important;gap:2rem!important}.product-layout .info{position:static!important}}.search-input-wrapper{position:relative;flex:1;max-width:300px}.search-input{width:100%;padding:.7rem 1rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background-color:#ffffff8c;font-family:var(--font-sans);font-size:.9rem;min-height:44px;transition:box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.search-input:focus{outline:none;background-color:#ffffffeb;border-color:#5d5c6173;box-shadow:var(--focus-ring-strong)}.search-input:focus-visible{outline:none;background-color:#ffffffeb;border-color:#5d5c6173;box-shadow:var(--focus-ring-strong)}.empty-state{padding:5rem 0}.empty-state .muted{max-width:52ch;margin-left:auto;margin-right:auto}.empty-state:before{content:"";display:block;width:88px;height:88px;border-radius:999px;margin:0 auto 1.25rem;border:1px solid rgba(0,0,0,.08);background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffff73);box-shadow:0 18px 40px #0000000f}html:lang(zh-Hant) .eyebrow,html:lang(zh-Hans) .eyebrow{letter-spacing:.12em;text-transform:none}.status-badge{position:absolute;top:12px;left:12px;z-index:10;padding:4px 8px;background-color:#ffffffd1;color:var(--color-charcoal);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 26px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status-badge.pre-order{background-color:var(--color-accent);color:#fff}html:lang(zh-Hant) .status-badge,html:lang(zh-Hans) .status-badge{letter-spacing:.04em;text-transform:none}.addon-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;margin:0 -1rem;padding:0 1rem 1rem}.addon-card{min-width:160px;width:160px;border:1px solid #eee;border-radius:4px;overflow:hidden;background:#fff}.addon-card img{width:100%;height:160px;object-fit:cover}.addon-info{padding:.8rem}