:root{--paper:#fffaf1;--paper2:#f7efe2;--ink:#342b25;--muted:#82736a;--line:#e4d6c4;--green:#7f9361;--rose:#c7777c;--gold:#c99d48;--shadow:0 18px 50px rgba(68,48,32,.13);--r:28px;--serif:'Shippori Mincho','Noto Sans TC',serif;--sans:'Jost','Noto Sans TC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffaf1,#f8efe2);color:var(--ink);font-family:var(--sans);letter-spacing:.03em}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 8%,rgba(247,209,158,.35),transparent 25%),radial-gradient(circle at 90% 18%,rgba(200,220,188,.35),transparent 28%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}.site-header{height:74px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:22px;padding:0 clamp(16px,4vw,54px);background:rgba(255,250,241,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,214,196,.72)}.logo-link img{width:138px;max-height:54px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:18px;flex:1}.desktop-nav a,.nav-item>a{color:var(--ink);text-decoration:none;font-size:14px}.nav-item{position:relative;padding:26px 0}.dropdown{position:absolute;top:70px;left:-16px;width:210px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:10px;border-radius:12px}.dropdown a:hover{background:#fff7eb}.header-actions{display:flex;gap:9px;align-items:center}.icon-btn,.cart-btn{border:1px solid var(--line);background:#fff;border-radius:999px;min-width:42px;height:42px;padding:0 12px;cursor:pointer;color:var(--ink)}.cart-btn{position:relative}#cartBadge{position:absolute;right:-4px;top:-5px;background:var(--rose);color:#fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px}.mobile-only{display:none}.hero{min-height:690px;padding:60px clamp(18px,5vw,72px);display:grid;grid-template-columns:.92fr 1.08fr;gap:36px;align-items:center;overflow:hidden}.eyebrow,.section-head p{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:12px}.hero h1{font-family:var(--serif);font-size:clamp(42px,6vw,88px);line-height:1.06;margin:18px 0 16px;font-weight:500;letter-spacing:.08em}.hero-copy>p:not(.eyebrow){font-family:var(--serif);font-size:19px;line-height:2;color:#5f5148}.primary,.secondary{border:1px solid var(--green);border-radius:999px;padding:13px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--green);color:#fff}.secondary{background:#fffaf4;color:var(--green)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.hero-tabs button{width:80px;height:80px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.78);box-shadow:0 8px 25px rgba(80,55,30,.07);cursor:pointer}.hero-tabs button.active{border-color:var(--green);box-shadow:0 0 0 3px rgba(127,147,97,.14)}.hero-tabs b{display:block;font-size:24px}.hero-tabs span{display:block;font-size:12px;margin-top:3px}.hero-visual{position:relative;border-radius:38px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);min-height:520px}.hero-visual img{width:100%;height:100%;object-fit:cover;display:block}.sun-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.7),transparent 38%),linear-gradient(120deg,rgba(255,255,255,.25),transparent 60%);pointer-events:none}.hero-visual[data-motion="tea"]:after{content:"〰 〰 〰";position:absolute;right:18%;top:18%;font-size:36px;color:rgba(127,147,97,.55);animation:steam 2s infinite}.hero-visual[data-motion="wine"]:after{content:"♨";position:absolute;right:18%;top:20%;font-size:58px;color:rgba(160,75,80,.45);animation:steam 2s infinite}.hero-visual[data-motion="fruit"] img{animation:float 6s ease-in-out infinite}.hero-visual[data-motion="jar"] img{animation:zoom 7s ease-in-out infinite}@keyframes steam{50%{transform:translateY(-12px);opacity:.45}}@keyframes float{50%{transform:translateY(-8px) scale(1.02)}}@keyframes zoom{50%{transform:scale(1.04)}}.section-pad{padding:70px clamp(18px,5vw,72px)}.section-head{text-align:center;margin-bottom:30px}.section-head h2{font-family:var(--serif);font-size:40px;font-weight:500;margin:6px 0}.section-head span{color:var(--muted);font-size:14px}.impression-grid{display:grid;grid-template-columns:1fr 22px 1fr;gap:28px;align-items:stretch}.sense-card,.fresh-card,.guide-box,.info-card{background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:0 12px 38px rgba(70,50,30,.07)}.sense-card h3,.fresh-card h3,.info-card h2,.guide-box h2{font-family:var(--serif);font-weight:500;font-size:30px;margin:0 0 12px}.sense-card p,.fresh-card p,.info-card p,.guide-box p{color:var(--muted);line-height:1.9}.stitch{background:repeating-linear-gradient(to bottom,transparent 0 11px,#d6b98b 11px 17px,transparent 17px 28px);border-left:1px dashed #d7b98d;border-right:1px dashed #f2dfbd;border-radius:99px}.sense-list,.fresh-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sense-list button,.fresh-list button{border:1px solid var(--line);background:#fffaf4;border-radius:999px;padding:10px 14px;color:var(--ink);cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat-card{min-height:280px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow);padding:15px;cursor:pointer;position:relative;overflow:hidden}.cat-card img{width:100%;height:170px;object-fit:cover;border-radius:22px;display:block}.cat-card h3{font-family:var(--serif);font-size:26px;margin:14px 4px 3px}.cat-card p{font-size:13px;color:var(--muted);margin:0 4px}.cat-card.active{outline:3px solid rgba(127,147,97,.25)}.product-area{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;margin-top:26px;align-items:start}.product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 32px rgba(70,50,30,.08);cursor:pointer}.product-card img{width:100%;height:230px;object-fit:cover}.product-card .body{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.product-card h4{font-family:var(--serif);font-size:20px;margin:0}.product-card .price{color:var(--green);font-weight:600}.product-drawer{position:sticky;top:94px;min-height:360px;border:1px solid var(--line);border-radius:30px;background:#fff;padding:18px;box-shadow:var(--shadow)}.drawer-empty{color:var(--muted);line-height:1.8}.drawer-img{width:100%;height:230px;object-fit:cover;border-radius:20px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.thumbs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:4px;cursor:pointer}.thumbs img{width:100%;height:54px;object-fit:cover;border-radius:9px}.drawer-actions{display:flex;gap:8px;align-items:center;margin-top:14px}.qty{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.qty button{border:0;background:#fff;padding:10px 13px;cursor:pointer}.qty span{padding:10px 12px;background:#fffaf4}.detail-grid{display:grid;gap:8px;margin-top:14px;color:#6d5f56;font-size:14px}.info{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}.info-card img{width:100%;height:260px;object-fit:cover;border-radius:22px}.guide-box{text-align:center}.footer{padding:44px clamp(18px,5vw,72px);background:#312923;color:#fff;display:grid;grid-template-columns:1fr 2fr;gap:28px}.footer img{width:130px;background:#fff;border-radius:14px;padding:8px}.footer p{color:#e8ded2}.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer a{display:block;color:#d8cfc4;text-decoration:none;margin-top:9px;font-size:13px}.panel{position:fixed;right:0;top:0;height:100dvh;width:min(420px,92vw);background:#fffdf8;box-shadow:-18px 0 50px rgba(50,35,20,.18);z-index:80;padding:24px;transform:translateX(105%);transition:.25s;overflow:auto;border-left:1px solid var(--line)}.panel.open{transform:none}.panel.wide{width:min(650px,94vw)}.panel h2{font-family:var(--serif);font-weight:500;font-size:30px;margin:16px 0}.close{position:absolute;right:16px;top:14px;border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer}.panel input,.panel select,.panel textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px;background:#fff}.mini-results{display:grid;gap:8px;margin-top:14px}.mini-result{border:1px solid var(--line);border-radius:16px;padding:10px;background:#fff;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:12px;color:var(--muted)}.form-grid .full{grid-column:1/-1}.tabs-small{display:flex;gap:8px;margin-bottom:14px}.tabs-small button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;cursor:pointer}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:14px}.bottom-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,110%);width:min(680px,100%);background:#fffdf8;border:1px solid var(--line);box-shadow:0 -20px 60px rgba(50,35,20,.16);border-radius:30px 30px 0 0;z-index:90;padding:28px;transition:.25s}.bottom-sheet.open{transform:translate(-50%,0)}.toast{position:fixed;right:22px;bottom:22px;background:#2f2822;color:#fff;border-radius:999px;padding:13px 18px;z-index:100;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}.video-placeholder{height:260px;border-radius:28px;background:linear-gradient(135deg,#f4dfc0,#d8e5cc);display:grid;place-items:center;font-size:64px;color:#fff}.cart-bump{animation:bump .35s}@keyframes bump{50%{transform:scale(1.18)}}@media(max-width:900px){.desktop-nav{display:none}.mobile-only{display:block}.site-header{height:66px;padding:0 14px}.logo-link img{width:110px}.hero{grid-template-columns:1fr;padding:34px 18px}.hero-visual{min-height:360px}.hero-tabs button{width:68px;height:68px}.impression-grid{grid-template-columns:1fr}.stitch{height:18px;background:repeating-linear-gradient(to right,transparent 0 11px,#d6b98b 11px 17px,transparent 17px 28px)}.category-grid{grid-template-columns:1fr 1fr}.product-area{display:block}.product-list{grid-template-columns:1fr}.product-drawer{display:none}.info{grid-template-columns:1fr}.info-card{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.section-pad{padding:52px 18px}.section-head h2{font-size:32px}}@media(max-width:520px){.category-grid{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr}.hero h1{font-size:40px}}

/* 2026-06 mobile defect fixes */
.mobile-menu-group{border:1px solid var(--line);border-radius:18px;background:#fff;margin:12px 0;padding:12px}.mobile-menu-group b{display:block;font-family:var(--serif);font-size:18px;margin-bottom:8px}.mobile-menu-group a{display:block;color:var(--ink);text-decoration:none;padding:9px 0;border-top:1px dashed rgba(228,214,196,.72)}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:999px;border:1px solid rgba(228,214,196,.86);background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(68,48,32,.12);font-size:30px;line-height:1;color:var(--ink);cursor:pointer;display:grid;place-items:center}.hero-prev{left:14px}.hero-next{right:14px}.hero-arrow:active{transform:translateY(-50%) scale(.96)}
.search-hint,.cart-note{font-size:13px;color:var(--muted);line-height:1.7}.is-hidden{display:none!important}.mini-results.searched{display:grid!important}.category-grid.is-focused{grid-template-columns:minmax(0,1fr)}.category-grid.is-focused .cat-card:not(.active){display:none}.category-grid.is-focused .cat-card.active{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center;min-height:176px;text-align:left}.category-grid.is-focused .cat-card.active img{height:140px}.category-reset{border:1px solid var(--line);background:#fffaf4;border-radius:999px;padding:11px 15px;color:var(--green);cursor:pointer;justify-self:start;margin-top:12px}.product-title-zh{font-family:var(--serif);font-size:30px;line-height:1.25;margin:14px 0 6px;font-weight:700}.product-langs{font-size:14px;color:var(--muted);line-height:1.75;margin:0 0 10px}.drawer-actions .secondary{white-space:nowrap}.drawer-back{border-color:var(--line)}.checkout-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding:10px 0}.checkout-total{font-family:var(--serif);font-size:24px;margin-top:16px;text-align:right}.toast.success{background:#64794b}
@media(max-width:900px){.hero-arrow{width:40px;height:40px;font-size:26px}.category-grid.is-focused .cat-card.active{display:block}.category-grid.is-focused .cat-card.active img{height:180px}.drawer-actions{flex-wrap:wrap}.drawer-actions .primary,.drawer-actions .secondary{flex:1 1 100%}.category-reset{width:100%;justify-content:center}.bottom-sheet{max-height:86dvh;overflow:auto}}

.cat-card.jump-focus{animation:categoryPulse .9s ease;}@keyframes categoryPulse{0%{box-shadow:0 0 0 0 rgba(127,147,97,.38)}55%{box-shadow:0 0 0 12px rgba(127,147,97,.05)}100%{box-shadow:var(--shadow)}}

/* 2026-06 mobile defect fixes - round 2 */
.category-product-tools{grid-column:1/-1;display:flex;gap:10px;align-items:end;border:1px solid var(--line);background:rgba(255,255,255,.82);border-radius:22px;padding:12px;margin-bottom:4px}.category-product-tools label{flex:1;font-size:12px;color:var(--muted)}.category-product-tools input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:14px;padding:11px;background:#fff}.category-product-tools button{white-space:nowrap}.gift-card-text.is-hidden{display:none!important}.quiz-result-list{display:grid;gap:10px;margin:14px 0}.quiz-rec{display:grid;grid-template-columns:64px minmax(0,1fr) 42px 42px;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:18px;padding:10px}.quiz-rec img{width:64px;height:64px;object-fit:cover;border-radius:14px}.quiz-rec b{display:block;font-family:var(--serif);font-size:16px}.quiz-rec small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.mini-action{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fffaf4;cursor:pointer;display:grid;place-items:center;color:var(--green)}.cart-mini{background:var(--green);color:#fff;border-color:var(--green)}
@media(max-width:900px){.category-product-tools{display:block}.category-product-tools .secondary{width:100%;margin-top:8px}.quiz-rec{grid-template-columns:58px minmax(0,1fr) 38px 38px}.quiz-rec img{width:58px;height:58px}.mini-action{width:34px;height:34px}}

/* 2026-06 mobile defect fixes - round 3: header icons */
@media(max-width:900px){
  .header-actions{gap:10px;margin-left:auto;}
  .icon-btn,.cart-btn{
    min-width:50px;
    width:50px;
    height:50px;
    padding:0;
    font-size:22px;
    display:inline-grid;
    place-items:center;
    line-height:1;
    touch-action:manipulation;
  }
  .cart-btn{font-size:21px;}
  #cartBadge{
    right:-6px;
    top:-7px;
    min-width:24px;
    height:24px;
    font-size:12px;
    border:2px solid #fff;
  }
  .logo-link img{width:104px;}
}
@media(max-width:380px){
  .site-header{padding:0 10px;gap:8px;}
  .header-actions{gap:7px;}
  .icon-btn,.cart-btn{min-width:46px;width:46px;height:46px;font-size:21px;}
  .logo-link img{width:96px;}
}

/* 2026-06 mobile defect fixes - round 4: inline category search icon */
.cat-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:2}.cat-search-icon{flex:0 0 auto;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:#fffaf4;color:var(--green);display:grid;place-items:center;font-size:22px;cursor:pointer;box-shadow:0 8px 20px rgba(70,50,30,.08)}.cat-search-icon:active{transform:scale(.96)}.cat-inline-search{display:none;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 4px 0;align-items:center}.cat-inline-search.open{display:grid}.cat-inline-search input{width:100%;border:1px solid var(--line);border-radius:999px;background:#fff;padding:12px 14px;font-size:14px}.cat-inline-search button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 12px;color:var(--green);white-space:nowrap;cursor:pointer}.category-grid.is-focused .cat-card.active{overflow:visible}.category-grid.is-focused .cat-card.active .cat-inline-search{grid-column:1/-1}
@media(max-width:900px){.cat-card-head{align-items:center}.cat-search-icon{width:48px;height:48px;font-size:24px}.cat-inline-search{margin:14px 0 0}.cat-inline-search.open{display:grid;grid-template-columns:1fr}.cat-inline-search button{width:100%;padding:11px 12px}.category-grid.is-focused .cat-card.active .cat-card-head h3{margin-right:4px}}

/* QA automatic mobile inspection panel */
.qa-fab{position:fixed;left:16px;bottom:18px;z-index:70;width:48px;height:48px;border-radius:999px;border:1px solid var(--line);background:#fffaf4;color:var(--green);box-shadow:0 12px 35px rgba(68,48,32,.16);font-weight:700;letter-spacing:.02em}.qa-results{display:grid;gap:9px;margin-top:16px}.qa-row{border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px 12px;font-size:14px;line-height:1.55}.qa-row b{font-family:var(--serif);font-size:15px}.qa-row.pass{border-color:rgba(127,147,97,.45)}.qa-row.warn{border-color:rgba(201,157,72,.58);background:#fffaf0}.qa-row.fail{border-color:rgba(199,119,124,.65);background:#fff6f6}.qa-timestamp{font-size:12px;color:var(--muted);margin-top:8px}
@media(max-width:900px){.qa-fab{width:52px;height:52px;left:14px;bottom:14px}}

/* 2026-06 content expansion: category intro, mobile tabs, craft icons */
.cat-active-content{margin:14px 4px 0;padding-top:10px;border-top:1px dashed var(--line);position:relative;z-index:2}.cat-active-content p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 10px}.context-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.context-tags span{border:1px solid var(--line);background:#fffaf4;border-radius:999px;padding:7px 10px;font-size:12px;color:var(--green)}.sub-tabs,.craft-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.sub-tabs button,.craft-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;color:var(--ink);cursor:pointer}.sub-tabs button.active,.craft-tabs button.active{border-color:var(--green);background:rgba(127,147,97,.12);color:var(--green);font-weight:600}.craft-tabs button span{margin-right:6px}.desktop-category-search{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px dashed var(--line);border-radius:22px;background:rgba(255,255,255,.66);padding:10px}.desktop-category-search .cat-inline-search{display:grid;margin:0}.method-note{display:block;padding:0 16px 14px;color:var(--muted);font-size:12px}.pairing-box{border:1px dashed var(--line);background:#fffaf4;border-radius:18px;padding:12px 14px;color:#6d5f56;font-size:14px;line-height:1.7;margin:12px 0}
@media(min-width:901px){.mobile-cat-search-icon,.cat-card.active .cat-inline-search{display:none!important}.category-grid.is-focused .cat-card.active .cat-active-content{grid-column:1/-1}.category-grid.is-focused .cat-card.active{grid-template-columns:180px 1fr}.category-grid.is-focused .cat-card.active img{height:160px}}
@media(max-width:900px){.desktop-category-search{display:none}.cat-active-content{margin:14px 0 0}.sub-tabs button,.craft-tabs button{flex:1 1 calc(50% - 8px);padding:12px 10px}.context-tags span{font-size:12px}.method-note{padding:0 14px 12px}}

/* 2026-06 product detail and checkout refinement Q66-Q70 */
.product-detail-wrap{padding-bottom:88px}.product-short{color:var(--muted);line-height:1.85;margin:10px 0}.detail-price{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--green);margin:8px 0 12px}.lang-capsules{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity}.lang-pill{flex:0 0 auto;max-width:86%;border:1px solid var(--line);background:#fffaf4;border-radius:999px;padding:9px 12px;color:var(--ink);display:inline-flex;align-items:center;gap:8px;scroll-snap-align:start}.lang-pill b{color:var(--green);font-size:12px}.lang-pill span{white-space:nowrap;font-size:13px}.detail-section{border:1px solid var(--line);background:#fff;border-radius:18px;margin:12px 0;overflow:hidden}.section-toggle{width:100%;border:0;background:#fffaf4;padding:13px 14px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--green);cursor:pointer}.section-toggle span{font-size:18px}.section-toggle.active span{transform:rotate(45deg)}.expand-card{display:none;padding:14px}.expand-card.open{display:block}.pairing-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pairing-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;color:var(--green);cursor:pointer}.mini-detail-card,.report-deep-card{border:1px dashed var(--line);background:#fffaf4;border-radius:16px;padding:12px;color:#6d5f56;line-height:1.7}.report-toggle{margin-top:10px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;color:var(--green);cursor:pointer}.report-deep-card{display:none;margin-top:10px}.report-deep-card.open{display:block}.sticky-buybar{position:sticky;bottom:0;left:0;right:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;background:rgba(253,251,247,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 0 0;margin-top:14px}.sticky-buybar .primary,.sticky-buybar .secondary{height:46px;padding:0 14px}.sticky-buybar .qty{height:46px}.checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 16px}.checkout-steps span{border:1px solid var(--line);background:#fffaf4;border-radius:999px;padding:8px 6px;text-align:center;font-size:12px;color:var(--muted)}.checkout-steps span.active{background:rgba(127,147,97,.14);color:var(--green);border-color:rgba(127,147,97,.45);font-weight:700}.checkout-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.checkout-controls button:disabled{opacity:.45;cursor:not-allowed}.checkout-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-form-grid .full{grid-column:1/-1}.checkout-form-grid label{font-size:13px;color:var(--muted)}.checkout-form-grid input,.checkout-form-grid textarea,.checkout-form-grid select{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:14px;padding:11px;background:#fff}.checkout-form-grid textarea{min-height:86px}
@media(max-width:900px){.bottom-sheet .sticky-buybar{position:sticky;bottom:-1px;margin-left:-2px;margin-right:-2px;padding:10px 0 0}.sticky-buybar{grid-template-columns:112px minmax(0,1fr) 52px}.sticky-buybar .secondary{font-size:0}.sticky-buybar .secondary::after{content:'×';font-size:22px}.checkout-steps{grid-template-columns:repeat(2,1fr)}.checkout-form-grid{grid-template-columns:1fr}.lang-pill{max-width:92%}.product-detail-wrap{padding-bottom:96px}}

/* AI recommendation refinements */
.quiz-rec em{display:block;color:#6d5f56;font-size:12px;line-height:1.55;margin-top:4px;font-style:normal}.group-add{width:100%;margin:4px 0 10px}@media(max-width:900px){.group-add{display:none!important}.quiz-rec{grid-template-columns:58px minmax(0,1fr) 40px 40px}.quiz-rec em{font-size:11px}}

/* 2026-06 mobile UX refinements Q86-Q92 */
.product-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px 14px}.product-card-foot .method-note{padding:0;margin:0}.card-add-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fffaf4;color:var(--green);display:grid;place-items:center;cursor:pointer;font-size:18px}.card-add-btn:active{transform:scale(.94)}
@media(max-width:900px){
  /* Q86: after scrolling, keep only logo + cart in the fixed header */
  body.compact-header .site-header{justify-content:space-between;gap:8px;}
  body.compact-header .header-actions .icon-btn{display:none;}
  body.compact-header .header-actions .cart-btn{display:inline-grid;}
  body.compact-header .logo-link img{width:112px;}

  /* Q88: mobile hero first screen, icons in one row */
  .hero{min-height:calc(100dvh - 66px);padding:28px 18px 30px;display:flex;flex-direction:column;justify-content:center;gap:18px;}
  .hero-copy{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;}
  .hero h1{font-size:clamp(48px,17vw,82px);line-height:1.06;margin:14px 0;}
  .hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:28em;}
  .hero-tabs{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;flex-wrap:nowrap;margin-top:22px;}
  .hero-tabs button{width:100%;height:70px;border-radius:999px;padding:0;}
  .hero-tabs b{font-size:22px;line-height:1;}
  .hero-tabs span{font-size:12px;line-height:1.2;margin-top:5px;white-space:nowrap;}
  .hero-actions{width:100%;justify-content:center;margin-top:18px;}
  .hero-actions .primary{width:100%;min-height:58px;font-size:17px;}
  .hero-actions .secondary{display:none;}
  .hero-visual{width:100%;min-height:210px;max-height:28dvh;border-radius:28px;}

  /* Q89: trial layout, two cards per row */
  .category-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .cat-card{min-height:220px;padding:10px;border-radius:24px;}
  .cat-card img{height:118px;border-radius:18px;}
  .cat-card h3{font-size:20px;line-height:1.2;margin:10px 2px 3px;}
  .cat-card p{font-size:12px;line-height:1.45;margin:0 2px;}
  .category-grid.is-focused{grid-template-columns:1fr;}

  /* Q90: buy bar stays in flow and has reserved space, so it does not cover content */
  .bottom-sheet{max-height:88dvh;padding-bottom:0;}
  .bottom-sheet #sheetBody{padding-bottom:8px;}
  .product-detail-wrap{padding-bottom:18px;}
  .bottom-sheet .sticky-buybar{position:sticky;bottom:0;margin:16px -2px 0;padding:10px 0;background:#fffdf8;box-shadow:0 -10px 24px rgba(68,48,32,.08);}

  /* Q91 + Q92: cart and AI quiz use mobile bottom-sheet style */
  #cartPanel.panel,#quizPanel.panel{left:50%;right:auto;top:auto;bottom:0;width:100%;height:min(86dvh,720px);border-radius:28px 28px 0 0;border-left:0;border-top:1px solid var(--line);transform:translate(-50%,110%);box-shadow:0 -18px 50px rgba(50,35,20,.18);}
  #cartPanel.panel.open,#quizPanel.panel.open{transform:translate(-50%,0);}
}
@media(max-width:380px){
  .hero-tabs{gap:6px}.hero-tabs button{height:64px}.hero-tabs span{font-size:11px}.hero-tabs b{font-size:20px}.hero h1{font-size:clamp(44px,16vw,72px)}
}


/* 2026 mobile refinement: header logo only + floating cart + hero cover + impression floating card */
.floating-cart{position:fixed;right:18px;bottom:20px;z-index:76;width:62px;height:62px;border-radius:999px;border:1px solid rgba(228,214,196,.9);background:rgba(255,253,248,.94);box-shadow:0 16px 40px rgba(68,48,32,.22);display:none;place-items:center;font-size:26px;color:var(--ink);backdrop-filter:blur(12px);cursor:pointer}
.floating-cart span{position:absolute;right:-2px;top:-4px;background:var(--rose);color:#fff;border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;font-size:12px;font-weight:700}
@media(max-width:900px){
  .site-header{height:66px;justify-content:flex-start;padding:0 18px;background:rgba(255,250,241,.82)}
  .site-header .desktop-nav,.site-header .header-actions{display:none!important}
  .logo-link img{width:150px;max-height:52px}
  body.show-floating-cart .floating-cart{display:grid}
  .qa-fab{left:14px;bottom:18px}
  .hero{position:relative;min-height:calc(100dvh - 66px);height:calc(100dvh - 66px);padding:24px 18px 28px;background-image:linear-gradient(90deg,rgba(255,250,241,.88) 0%,rgba(255,250,241,.7) 46%,rgba(255,250,241,.34) 100%),var(--hero-bg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;border-bottom:1px solid var(--line)}
  .hero-copy{position:relative;z-index:2;text-align:center;width:100%;align-items:center;display:flex;flex-direction:column;padding-top:0}
  .hero h1{font-size:clamp(46px,15.5vw,76px);line-height:1.05;margin:8px 0 8px;letter-spacing:.08em}
  .hero-copy>p:not(.eyebrow){font-size:clamp(15px,4.2vw,18px);line-height:1.7;max-width:23em;margin:0 auto;color:#5e5045}
  .hero .eyebrow{font-size:11px;margin:0}
  .hero-visual{display:none!important}
  .hero-tabs{width:100%;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex-wrap:nowrap;margin-top:18px;order:5}
  .hero-tabs button{width:100%;height:68px;border-radius:999px;background:rgba(255,255,255,.82);padding:0;border-color:#d9d5c8}
  .hero-tabs b{font-size:22px}.hero-tabs span{font-size:12px;white-space:nowrap}
  .hero-actions{width:100%;margin-top:18px;order:6}.hero-actions .primary{width:100%;min-height:58px;font-size:17px}.hero-actions .secondary{display:none}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cat-card{min-height:210px;padding:10px;border-radius:22px}.cat-card img{height:120px;border-radius:16px}.cat-card h3{font-size:21px}.cat-card p{font-size:12px}
  .bottom-sheet.info-mode{left:50%;top:50%;bottom:auto;width:min(88vw,760px);max-height:82dvh;transform:translate(-50%,-50%) scale(.96);background:rgba(255,253,248,.88);backdrop-filter:blur(18px);border-radius:42px;padding:34px 30px 26px;box-shadow:0 24px 80px rgba(49,41,35,.28);overflow:auto}
  .bottom-sheet.info-mode.open{transform:translate(-50%,-50%) scale(1)}
  .bottom-sheet.info-mode h2{font-size:clamp(28px,8vw,44px);margin:6px 0 16px}.bottom-sheet.info-mode p{font-size:clamp(17px,4.8vw,26px);line-height:1.9;color:#6d5f56}
  .bottom-sheet.product-mode{max-height:88dvh;overflow:auto;padding-bottom:0}
  .bottom-sheet.product-mode>.close{display:none!important}.bottom-sheet.product-mode #sheetTitle{display:none!important}
  .bottom-sheet.product-mode .sticky-buybar{position:sticky;bottom:0;margin:16px -2px 0;padding:10px 0;background:#fffdf8;box-shadow:0 -10px 24px rgba(68,48,32,.08);z-index:5}
  .bottom-sheet.product-mode .product-detail-wrap{padding-bottom:12px}
  .sticky-buybar{grid-template-columns:112px minmax(0,1fr) 52px}.sticky-buybar .secondary{font-size:0;display:grid;place-items:center}.sticky-buybar .secondary::after{content:'×';font-size:24px;line-height:1}
}
@media(max-width:380px){.hero-tabs{gap:5px}.hero-tabs button{height:62px}.hero-tabs span{font-size:10.5px}.hero h1{font-size:clamp(40px,14vw,68px)}.cat-card h3{font-size:18px}}

/* 2026-06-28 refinements Q93-Q108: glass motion, product detail, cart, header */
*{transition-property:background-color,border-color,box-shadow,transform,opacity,filter,color;transition-duration:.24s;transition-timing-function:cubic-bezier(.22,.78,.28,1)}
body.modal-open main,body.modal-open footer{filter:blur(10px);transform:scale(.992);}
body.modal-open::after{content:"";position:fixed;inset:0;z-index:70;background:rgba(53,43,35,.18);backdrop-filter:blur(10px);pointer-events:none;}
.panel,.bottom-sheet{background:linear-gradient(145deg,rgba(255,253,248,.86),rgba(255,250,241,.72));backdrop-filter:blur(22px) saturate(1.12);border-color:rgba(255,255,255,.56);box-shadow:0 24px 80px rgba(49,41,35,.26),inset 0 1px 0 rgba(255,255,255,.55)}
.panel{z-index:82}.bottom-sheet{z-index:92}.toast{z-index:110}.floating-cart{background:rgba(255,253,248,.72);backdrop-filter:blur(18px) saturate(1.15);}
.hero-tabs{align-items:start}.hero-tabs button{background:rgba(255,255,255,.66);backdrop-filter:blur(10px);border-color:rgba(190,194,174,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 24px rgba(68,48,32,.08)}
.hero-tabs button.active{background:rgba(94,115,67,.95);color:#fff;border-color:rgba(94,115,67,.9)}
.hero-tabs button.active b,.hero-tabs button.active span{color:#fff}.hero-tabs b{font-weight:400}.hero-tabs span{font-weight:700;color:#4c4539}
.thumbs{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 8px;margin:10px 0 8px;scroll-snap-type:x proximity}.thumbs button{flex:0 0 72px;height:34px;border-radius:999px;padding:2px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,250,241,.48));backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.thumbs img{height:28px;border-radius:999px;object-fit:cover}
.lang-switch{display:flex;gap:8px;overflow-x:auto;padding:3px 0 7px;margin-top:2px}.lang-switch .lang-pill{max-width:none;min-width:64px;justify-content:center;padding:8px 12px}.lang-switch .lang-pill.active{background:rgba(127,147,97,.16);border-color:rgba(127,147,97,.45)}.lang-current{min-height:34px;border:1px solid var(--line);border-radius:999px;background:rgba(255,250,244,.76);display:flex;align-items:center;padding:7px 13px;color:#6b5b50;font-size:13px;margin:0 0 8px;white-space:nowrap;overflow-x:auto}
.drawer-back{width:52px!important;min-width:52px!important;border-radius:999px!important;font-size:24px!important;line-height:1!important;padding:0!important;display:grid!important;place-items:center!important}.primary.is-added,.card-add-btn.is-added{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}.card-add-btn.is-added{transform:scale(1.08)}
.cart-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-top:7px;background:#fff}.cart-qty button{border:0;background:#fffaf4;color:var(--green);width:30px;height:30px;cursor:pointer}.cart-qty span{min-width:30px;text-align:center}.cart-subtotal{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0 6px;margin-top:4px;font-family:var(--serif);font-size:20px}.cart-subtotal b{color:var(--green)}
.info-pills,.hot-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.info-pills span,.hot-tags span{border:1px solid var(--line);background:rgba(255,250,244,.72);border-radius:999px;padding:8px 12px;color:var(--green);font-weight:600;font-size:13px}.info-note{font-size:13px!important;color:#9a8575!important;line-height:1.7!important;margin-top:16px}.no-result-box{grid-column:1/-1;border:1px dashed var(--line);background:rgba(255,253,248,.74);border-radius:22px;padding:16px;text-align:center}.no-result-box .primary{margin:8px auto 2px}
@media(max-width:900px){
  body.modal-open main,body.modal-open footer{filter:blur(10px)}
  .site-header{justify-content:space-between;background:rgba(255,250,241,.72);backdrop-filter:blur(18px) saturate(1.12);box-shadow:0 8px 24px rgba(68,48,32,.08)}
  .site-header .desktop-nav{display:none!important}.site-header .header-actions{display:flex!important;gap:7px}.site-header .header-actions .icon-btn,.site-header .header-actions .cart-btn{display:inline-grid!important;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border-radius:999px;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);font-size:22px}.site-header .header-actions .cart-btn{font-size:19px}.site-header .mobile-only{display:inline-grid!important}.logo-link img{width:148px;filter:drop-shadow(0 8px 16px rgba(60,46,32,.08))}
  body.compact-header .site-header{justify-content:center;background:rgba(255,250,241,.54);border-bottom-color:rgba(228,214,196,.42);box-shadow:0 10px 34px rgba(68,48,32,.09)}
  body.compact-header .site-header .header-actions{display:none!important}body.compact-header .logo-link{margin:auto}body.compact-header .logo-link img{width:126px;opacity:.94}
  body.show-floating-cart .floating-cart{display:grid;opacity:.82}.floating-cart:hover,.floating-cart:active{opacity:1}
  .hero-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;overflow:visible}.hero-tabs button{height:70px!important;border-radius:999px!important}.hero-tabs b{font-size:24px!important}.hero-tabs span{font-size:12px!important}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-grid.is-focused{grid-template-columns:1fr!important}.category-grid.is-focused .cat-card:not(.active){display:none!important}
  .bottom-sheet.info-mode{height:auto;max-height:78dvh;overflow:auto}.bottom-sheet.info-mode #sheetBody{max-height:58dvh;overflow:auto;padding-right:4px}.bottom-sheet.info-mode p:first-child{margin-top:0}
  .bottom-sheet{background:linear-gradient(145deg,rgba(255,253,248,.82),rgba(255,250,241,.66));backdrop-filter:blur(24px) saturate(1.18)}
  .bottom-sheet.product-mode{max-height:88dvh}.drawer-img{height:42dvh;max-height:330px}.thumbs button{flex-basis:62px;height:31px}.thumbs img{height:25px}.product-title-zh{font-size:36px;margin-top:18px}.lang-current{font-size:13px;min-height:36px}.sticky-buybar{grid-template-columns:112px minmax(0,1fr) 52px!important}.sticky-buybar .secondary::after{content:""!important}.sticky-buybar .secondary{font-size:24px!important;color:var(--green)!important}
  #cartPanel.panel{height:min(82dvh,720px);background:linear-gradient(145deg,rgba(255,253,248,.84),rgba(255,250,241,.66));backdrop-filter:blur(24px) saturate(1.16)}
}
@media(max-width:520px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cat-card{min-height:190px}.cat-card img{height:108px}.cat-card h3{font-size:18px}.cat-card p{font-size:11px}.site-header .header-actions .icon-btn,.site-header .header-actions .cart-btn{width:41px;height:41px;min-width:41px}.logo-link img{width:132px}}


/* 2026-06-28 全部修正：Header/Hero/Products/AI/Overlay */
.dev-note,.guide.is-hidden{display:none!important}
.hero-copy{min-height:420px;display:flex;flex-direction:column;justify-content:center}.hero-copy .eyebrow,.hero h1,#heroDesc{overflow-wrap:break-word}.hero h1,#heroDesc{text-wrap:balance}.hero-copy .eyebrow{text-transform:none}.products .section-head h2{letter-spacing:.12em}
.panel.open,.bottom-sheet.open{animation:glassIn .28s cubic-bezier(.2,.75,.25,1) both}@keyframes glassIn{from{opacity:0;filter:blur(5px);transform:translateX(105%) scale(.98)}to{opacity:1;filter:blur(0);transform:none}}.bottom-sheet.open{animation:sheetIn .3s cubic-bezier(.2,.75,.25,1) both}@keyframes sheetIn{from{opacity:0;filter:blur(5px);transform:translate(-50%,110%) scale(.98)}to{opacity:1;filter:blur(0);transform:translate(-50%,0) scale(1)}}
body.modal-open .site-header,body.modal-open .floating-cart,body.modal-open .qa-fab{pointer-events:none;filter:blur(7px)}.panel.open,.bottom-sheet.open{pointer-events:auto}.floating-cart{display:none!important}.cart-has-items.show-floating-cart .floating-cart{display:grid!important}.floating-cart{right:18px;bottom:calc(22px + env(safe-area-inset-bottom));opacity:.78}.floating-cart:hover{opacity:1}
.product-short{line-height:1.75;text-wrap:balance}.detail-price{font-family:var(--serif);font-size:24px;color:#a4634c;margin:8px 0 12px}.section-toggle{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,244,.75);padding:12px 14px;text-align:left;display:flex;justify-content:space-between;align-items:center;color:var(--ink);cursor:pointer}.expand-card{display:none;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.62);padding:13px;margin-top:8px}.expand-card.open{display:block}.pairing-chips{display:flex;gap:8px;flex-wrap:wrap}.pairing-chips button,.report-toggle{border:1px solid var(--line);border-radius:999px;background:#fffaf4;padding:8px 12px;color:var(--green)}.mini-detail-card,.report-deep-card{margin-top:10px;color:#6d5f56;line-height:1.75}.report-deep-card{display:none}.report-deep-card.open{display:block}.lang-pill{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 12px;color:var(--green)}.product-title-zh{font-family:var(--serif);font-weight:700;letter-spacing:.04em}
@media(max-width:900px){
  .panel{left:50%;right:auto;top:auto;bottom:0;width:min(100%,680px);height:min(86dvh,720px);border-radius:38px 38px 0 0;border:1px solid rgba(255,255,255,.6);transform:translate(-50%,110%);padding:24px 20px calc(24px + env(safe-area-inset-bottom));}
  .panel.open{transform:translate(-50%,0)}
  .panel.open{animation:panelSheetIn .3s cubic-bezier(.2,.75,.25,1) both}@keyframes panelSheetIn{from{opacity:0;filter:blur(5px);transform:translate(-50%,110%) scale(.98)}to{opacity:1;filter:blur(0);transform:translate(-50%,0) scale(1)}}
  #mobileMenu.panel{height:92dvh}.site-header{height:72px}.hero{padding-top:88px;justify-content:center}.hero-copy{min-height:auto;justify-content:flex-end;padding-top:0}.hero h1{font-size:clamp(36px,10.5vw,58px);max-width:9em}.hero-copy>p:not(.eyebrow){max-width:19em}.hero-actions{order:7}.hero-tabs{order:6}.hero-actions .primary{background:#c7775c;border-color:#c7775c}.hero-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-tabs button b{font-family:var(--serif)}
  .section-head span.dev-note{display:none!important}.section-head h2{font-size:clamp(36px,10vw,54px)}.section-head p{letter-spacing:.22em}.product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card img{height:128px}.product-card .body{display:block;padding:10px 12px}.product-card h4{font-size:19px;line-height:1.25}.product-card .price{display:block;margin-top:4px}.product-card-foot{display:flex;justify-content:space-between;align-items:center;padding:0 12px 12px}.card-add-btn{border:1px solid var(--line);background:#fffaf4;border-radius:999px;width:38px;height:38px;display:grid;place-items:center;color:var(--green)}
  .bottom-sheet.product-mode{border-radius:36px 36px 0 0;background:linear-gradient(145deg,rgba(255,253,248,.88),rgba(255,250,241,.72));backdrop-filter:blur(24px) saturate(1.16)}.drawer-img{height:34dvh;min-height:220px}.product-title-zh{font-size:clamp(28px,8.8vw,42px);line-height:1.2}.drawer-actions,.sticky-buybar{gap:8px}.sticky-buybar{position:sticky!important;bottom:0;background:linear-gradient(180deg,rgba(255,253,248,.82),rgba(255,253,248,.96));backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:10px 0 calc(10px + env(safe-area-inset-bottom))!important;margin-left:-2px;margin-right:-2px}.sticky-buybar .qty{height:52px}.sticky-buybar .primary{height:52px}.drawer-back{height:52px!important;background:#fffaf4!important;color:var(--green)!important}.thumbs{gap:7px}.thumbs button{flex:0 0 56px;height:28px}.thumbs img{height:22px}
  .impression-grid{grid-template-columns:1fr;gap:18px}.stitch{height:12px;background:repeating-linear-gradient(to right,transparent 0 11px,#d6b98b 11px 17px,transparent 17px 28px);border:0;border-top:1px dashed #d7b98d}.sense-card,.fresh-card{border-radius:34px;background:rgba(255,253,248,.72);backdrop-filter:blur(10px)}.sense-list,.fresh-list{display:grid;grid-template-columns:1fr;gap:14px}.sense-list button,.fresh-list button{text-align:left;padding:14px 16px;border-radius:24px;background:rgba(255,255,255,.72)}
  #infoSheet.info-mode{background:linear-gradient(145deg,rgba(255,253,248,.9),rgba(247,238,224,.78));}.info-pills span{border-radius:999px;background:rgba(255,255,255,.58)}
}


/* 2026-06-28 mobile stability hotfix: no jump-to-top on close, fixed Hero copy slots, compact Impression rows */
.hero-copy{--copy-eye-h:22px;--copy-title-h:112px;--copy-desc-h:66px;}
.hero-copy .eyebrow{min-height:var(--copy-eye-h);display:flex;align-items:center;justify-content:center;margin:0 0 12px;}
.hero h1{min-height:var(--copy-title-h);display:flex;align-items:center;justify-content:center;margin:0 0 14px;}
#heroDesc{min-height:var(--copy-desc-h);display:flex;align-items:center;justify-content:center;margin:0;text-align:center;}
.hero-copy .eyebrow,.hero h1,#heroDesc{animation:copyFade .22s ease both;}
@keyframes copyFade{from{opacity:.52}to{opacity:1}}
.sense-list,.fresh-list{gap:6px;}
.sense-list button,.fresh-list button{display:grid;grid-template-columns:34px 92px 1fr;align-items:center;gap:0;line-height:1;border-radius:20px;padding:9px 12px;text-align:left;}
.impression-icon{width:28px;height:28px;border:1px solid rgba(127,147,97,.28);border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.55);font-family:var(--serif);color:var(--green);}
.impression-title{font-family:var(--serif);font-size:16px;color:var(--ink);font-weight:500;}
.impression-desc{font-size:12px;color:var(--muted);line-height:1.1;}

@media(max-width:900px){
  .hero-copy{height:430px!important;min-height:430px!important;justify-content:flex-start!important;display:flex!important;flex-direction:column!important;}
  .hero-copy .eyebrow{min-height:22px!important;max-height:22px!important;margin:0 0 8px!important;}
  .hero h1{min-height:112px!important;max-height:112px!important;margin:0 0 8px!important;line-height:1.08!important;}
  #heroDesc{min-height:64px!important;max-height:64px!important;line-height:1.55!important;margin:0 auto 8px!important;}
  .hero-actions{min-height:46px!important;margin-top:10px!important;}
  .hero-tabs{min-height:64px!important;margin-top:10px!important;}
  .hero-copy .eyebrow,.hero h1,#heroDesc{transition:none!important;animation:none!important;}
  .sense-list,.fresh-list{gap:0!important;margin-top:10px!important;}
  .sense-list button,.fresh-list button{grid-template-columns:30px 76px 1fr!important;gap:0!important;line-height:1!important;padding:7px 10px!important;border-radius:18px!important;margin:0!important;}
  .impression-icon{width:25px;height:25px;font-size:13px;}
  .impression-title{font-size:15px;line-height:1!important;}
  .impression-desc{font-size:11px;line-height:1!important;}
  #infoSheet.bottom-sheet.info-mode{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:calc(100vw - 34px)!important;max-width:520px!important;height:auto!important;max-height:72dvh!important;transform:translate(-50%,-50%)!important;border-radius:30px!important;padding:24px 20px 20px!important;overflow:auto!important;}
  #infoSheet.bottom-sheet.info-mode.open{transform:translate(-50%,-50%)!important;animation:none!important;}
  .panel.open,.bottom-sheet.open{animation:none!important;}
}

/* 2026-06-28 Hero line-height final fix: title slots fixed, no extra title line spacing */
@media(max-width:900px){
  .hero-copy{
    height:430px!important;
    min-height:430px!important;
    justify-content:flex-start!important;
    padding-top:42px!important;
    row-gap:0!important;
  }
  .hero-copy .eyebrow{
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
  }
  .hero h1{
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    line-height:.88!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #heroDesc{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    line-height:1.58!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .hero-actions{margin-top:8px!important;min-height:58px!important;}
  .hero-tabs{margin-top:8px!important;min-height:70px!important;}
}


/* 2026-06-28 mobile content spacing fix: hide inactive product prompts and tighten story/gift rhythm */
.product-area.is-empty{display:none!important;}
@media(max-width:900px){
  .products.section-pad{padding-bottom:26px!important;}
  .info.section-pad{padding-top:26px!important;}
  .products + .info{margin-top:0!important;}
  .info{gap:14px!important;}
  .info-card{border-radius:28px!important;}
}

/* 2026-06-28 Q139-Q157 mobile preview update: sliced visuals, card copy box, story/gift refinement */
.cat-card{background:rgba(255,253,248,.78);backdrop-filter:blur(12px);}
.cat-card>img{box-shadow:0 10px 28px rgba(79,58,38,.08);}
.cat-copy-box{margin-top:10px;border:1px solid rgba(228,214,196,.8);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,250,241,.64));padding:10px 10px 11px;}
.cat-copy-box .cat-card-head h3{margin:0 0 3px;font-size:clamp(18px,5.3vw,26px);line-height:1.08;}
.cat-copy-box .cat-card-head p{margin:0;font-size:11px;letter-spacing:.05em;color:#8b7d70;}
.cat-copy-box>p{margin-top:6px!important;line-height:1.45!important;}
.cat-attr-row{display:flex;align-items:center;gap:6px;margin:9px 2px 0;flex-wrap:wrap;}
.cat-attr-row span:not(.cat-icon-mark){font-size:11px;color:var(--green);border:1px solid rgba(127,147,97,.22);background:rgba(255,255,255,.66);border-radius:999px;padding:4px 8px;line-height:1;}
.cat-icon-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:rgba(127,147,97,.10);border:1px solid rgba(127,147,97,.20);color:var(--green);font-family:var(--serif);font-size:13px;}
.category-grid.is-focused .cat-card.active .cat-copy-box{margin-top:0;}
.product-card img{background:#fffaf4;}
.thumbs button{position:relative;overflow:hidden;}
.thumbs small{display:none;position:absolute;inset:auto 4px 2px;background:rgba(255,253,248,.78);border-radius:999px;font-size:9px;line-height:1.2;color:var(--green);}
.thumbs button:hover small{display:block;}
.paper-divider{padding:18px clamp(18px,5vw,72px) 0;display:flex;align-items:center;gap:12px;color:var(--gold);font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;}
.paper-divider:before,.paper-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(201,157,72,.38),transparent)}
.paper-divider i{display:block;width:48px;height:18px;background:radial-gradient(circle at 20% 50%,rgba(127,147,97,.28) 0 2px,transparent 3px),radial-gradient(circle at 55% 48%,rgba(127,147,97,.24) 0 2px,transparent 3px),linear-gradient(120deg,transparent 40%,rgba(127,147,97,.22) 41% 43%,transparent 44%);border-radius:999px;opacity:.78}
.story-compact,.gift-ai-zone{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,253,248,.84),rgba(255,248,236,.72));backdrop-filter:blur(16px);}
.story-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;}
.story-more{border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);padding:12px 18px;font-weight:600;}
.gift-ai-press{box-shadow:0 12px 32px rgba(190,107,79,.22);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;}
.gift-ai-press:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(190,107,79,.28);}
.gift-ai-press:active{transform:scale(.97);filter:saturate(1.1);}
.gift-ai-zone:after{content:"AI";position:absolute;right:18px;bottom:18px;width:50px;height:50px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(228,214,196,.82);display:grid;place-items:center;color:var(--green);font-weight:700;box-shadow:0 8px 24px rgba(74,52,33,.08)}
@media(max-width:900px){
  .category-grid{gap:12px!important;}
  .cat-card{padding:9px!important;border-radius:24px!important;min-height:232px!important;}
  .cat-card>img{height:118px!important;border-radius:18px!important;}
  .cat-copy-box{padding:9px 9px 10px;border-radius:18px;}
  .cat-copy-box .cat-card-head h3{font-size:18px!important;}
  .cat-copy-box .cat-card-head p{font-size:10px!important;}
  .cat-copy-box>p{font-size:11px!important;}
  .cat-attr-row{gap:5px;margin-top:7px;}
  .cat-attr-row span:not(.cat-icon-mark){font-size:10px;padding:4px 7px;}
  .cat-icon-mark{width:22px;height:22px;font-size:12px;}
  .category-grid.is-focused .cat-card.active{display:block!important;min-height:auto!important;}
  .category-grid.is-focused .cat-card.active>img{height:172px!important;}
  .paper-divider{padding:12px 18px 0;font-size:11px;gap:9px;}
  .info.section-pad{padding-top:22px!important;}
  .info-card{grid-template-columns:1fr!important;gap:12px!important;padding:18px!important;}
  .info-card img{order:-1;height:168px!important;border-radius:22px!important;}
  .info-card h2{font-size:30px!important;line-height:1.28!important;}
  .info-card p{font-size:14px!important;line-height:1.75!important;}
  .story-actions .secondary{flex:1 1 auto;min-height:42px;}
  .gift-ai-zone{padding-bottom:72px!important;}
  .gift-ai-zone:after{bottom:14px;right:14px;width:44px;height:44px;}
  .thumbs small{display:block;font-size:8px;}
}

/* restart patch 2026-06-28: requested order, smoother motion, hero swipe, product accordion, quick bookmarks */
:root{--ease-soft:cubic-bezier(.2,.78,.22,1);--cream-glass:rgba(255,252,246,.82);--wood:#9c734c;--wood-dark:#5a3f2c}
*{transition-timing-function:var(--ease-soft)}
.hero,.cat-card,.product-card,.gift-guide-card,.sense-card,.fresh-card,.info-card,.panel,.bottom-sheet,.quick-bookmarks button{transition:transform .38s var(--ease-soft),opacity .38s var(--ease-soft),box-shadow .38s var(--ease-soft),background .38s var(--ease-soft),border-color .38s var(--ease-soft)}
.hero-visual img.is-fading{animation:heroFade .34s var(--ease-soft) both}@keyframes heroFade{from{opacity:.58;filter:blur(4px);transform:scale(1.012)}to{opacity:1;filter:blur(0);transform:scale(1)}}
.hero-tabs button{touch-action:manipulation;user-select:none}.hero-tabs button:hover,.hero-tabs button.pressing{transform:translateY(-3px) scale(.98);box-shadow:0 16px 32px rgba(85,59,35,.15);background:rgba(255,253,248,.94)}.hero-tabs button.pressing{filter:saturate(1.05);border-color:rgba(156,115,76,.55)}
.hero-actions{align-items:center;justify-content:center}.hero-actions .primary{box-shadow:0 12px 32px rgba(171,105,74,.18)}
.hero-arrow{border:0;background:rgba(255,253,248,.72);backdrop-filter:blur(12px);border:1px solid rgba(228,214,196,.75);border-radius:999px;width:46px;height:46px;position:absolute;top:50%;transform:translateY(-50%);z-index:4;font-size:28px;color:var(--green);cursor:pointer}.hero-prev{left:14px}.hero-next{right:14px}

/* right side shortcut bookmarks */
.quick-bookmarks{position:fixed;right:14px;top:50%;transform:translateY(-50%) translateX(120%);z-index:77;display:grid;gap:10px;opacity:0;pointer-events:none}.show-shortcuts .quick-bookmarks{transform:translateY(-50%) translateX(0);opacity:1;pointer-events:auto}.quick-bookmarks button{width:54px;height:54px;border-radius:18px;border:1px solid rgba(228,214,196,.9);background:linear-gradient(145deg,#fff9ee,#f1e4d3);box-shadow:0 12px 28px rgba(68,48,32,.13);color:#6d5f56;font-weight:700;font-size:12px;cursor:pointer;backdrop-filter:blur(12px)}.quick-bookmarks button.active,.quick-bookmarks button:active{background:linear-gradient(145deg,#b98d61,#7a5639);color:#fff;border-color:#8a6040;box-shadow:0 14px 32px rgba(93,60,34,.25);transform:translateX(-3px)}

/* product overview redesign and accordion */
.products{overflow:clip}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.category-grid.is-focused{grid-template-columns:1fr}.category-grid.is-focused .cat-card:not(.active){display:none}.category-grid.is-focused .cat-card.active{position:sticky;top:86px;z-index:10;display:grid;grid-template-columns:minmax(260px,42%) 1fr;gap:22px;align-items:stretch;width:100%;max-width:1180px;margin:0 auto;border-color:rgba(127,147,97,.42);box-shadow:0 24px 70px rgba(79,58,38,.16);animation:catFull .46s var(--ease-soft) both}.category-grid.is-focused .cat-card.active>img{height:100%;min-height:320px;border-radius:24px}.category-grid.is-focused .cat-card.active .cat-copy-box{display:flex;flex-direction:column;justify-content:center;padding:22px;border-radius:26px}.product-area:not(.is-empty){animation:accordionDown .48s var(--ease-soft) both;transform-origin:top center}.product-list{animation:accordionDown .48s var(--ease-soft) both}.product-card{animation:cardRise .44s var(--ease-soft) both}.product-card:nth-child(2){animation-delay:.03s}.product-card:nth-child(3){animation-delay:.06s}.product-card:nth-child(4){animation-delay:.09s}@keyframes catFull{from{opacity:.78;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes accordionDown{from{opacity:0;transform:scaleY(.82) translateY(-16px);max-height:0}to{opacity:1;transform:scaleY(1) translateY(0);max-height:2000px}}@keyframes cardRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.category-reset{grid-column:1/-1;border:1px solid var(--line);background:rgba(255,253,248,.72);border-radius:999px;padding:14px 18px;color:var(--green);box-shadow:0 8px 24px rgba(74,52,33,.06)}

/* gift guide matching compact impression rhythm */
.gift-guide{padding-top:64px}.gift-guide-card{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(255,253,248,.85),rgba(255,247,235,.72));box-shadow:var(--shadow);padding:20px;backdrop-filter:blur(14px);cursor:pointer}.gift-guide-card:hover{transform:translateY(-4px)}.gift-guide-card img{width:100%;height:260px;object-fit:cover;border-radius:26px}.gift-guide-copy h3{font-family:var(--serif);font-weight:500;font-size:34px;margin:8px 0 10px}.gift-guide-copy p{color:var(--muted);line-height:1.85}.gift-scenario-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.gift-scenario-list button{display:grid;grid-template-columns:36px 1fr auto;gap:6px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:20px;background:rgba(255,253,248,.76);padding:9px 12px;color:var(--ink);cursor:pointer}.gift-scenario-list span{width:28px;height:28px;border:1px solid rgba(127,147,97,.25);border-radius:999px;display:grid;place-items:center;color:var(--green);background:rgba(255,255,255,.6)}.gift-scenario-list b{font-family:var(--serif);font-weight:500}.gift-scenario-list small{color:var(--muted);font-size:11px}

/* impression unified five-senses styling */
.impression .section-head h2::after{content:'五感設計';display:block;font-family:var(--sans);font-size:12px;letter-spacing:.2em;color:var(--green);margin-top:8px}.impression-grid{grid-template-columns:1fr 1fr}.impression-grid .stitch{display:none}.sense-card,.fresh-card{background:linear-gradient(145deg,rgba(255,253,248,.86),rgba(255,248,237,.72));backdrop-filter:blur(14px)}.sense-list,.fresh-list{display:grid;grid-template-columns:1fr;gap:6px!important}.sense-list button,.fresh-list button{border-radius:20px!important;display:grid;grid-template-columns:34px 92px 1fr!important;gap:0!important;align-items:center;padding:9px 12px!important;text-align:left!important}

/* footer accordion */
.footer-group{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:8px}.footer-toggle{width:100%;border:0;background:transparent;color:#fff;font-family:var(--serif);font-size:20px;text-align:left;padding:8px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.footer-toggle:after{content:'＋';opacity:.7}.footer-group.open .footer-toggle:after{content:'−'}.footer-links{display:none;padding-left:10px}.footer-group.open .footer-links{display:block;animation:accordionDown .32s var(--ease-soft) both}.footer-links a{padding:4px 0}

@media(max-width:900px){
  .site-header .desktop-nav{display:none!important}.site-header .header-actions{display:flex!important}.site-header{height:66px;padding:0 14px}.logo-link img{width:118px!important}.icon-btn,.cart-btn{min-width:42px;height:42px;border-radius:999px;background:rgba(255,253,248,.82);backdrop-filter:blur(10px)}
  .hero{height:calc(100dvh - 66px)!important;min-height:620px!important;padding:0 18px calc(18px + env(safe-area-inset-bottom))!important;background-image:linear-gradient(180deg,rgba(255,250,241,.08),rgba(255,250,241,.2) 34%,rgba(255,250,241,.7) 73%,rgba(255,250,241,.95)),var(--hero-bg)!important;background-size:cover!important;background-position:center!important;display:flex!important;justify-content:flex-end!important;gap:0!important;touch-action:pan-y}
  .hero-copy{height:auto!important;min-height:0!important;max-height:none!important;padding-top:0!important;justify-content:flex-end!important;gap:0!important;transform:translateY(6px)}
  .hero-copy .eyebrow{height:18px!important;min-height:18px!important;max-height:18px!important;font-size:10px!important;line-height:1!important;margin:0 0 4px!important}.hero h1{height:78px!important;min-height:78px!important;max-height:78px!important;font-size:clamp(38px,12vw,58px)!important;line-height:.9!important;margin:0!important}.hero #heroDesc{height:42px!important;min-height:42px!important;max-height:42px!important;font-size:14px!important;line-height:1.45!important;margin:0 auto 2px!important}.hero-actions{order:7!important;margin-top:8px!important;min-height:54px!important;width:100%!important}.hero-actions .primary{width:100%!important;height:54px!important;min-height:54px!important}.hero-tabs{order:6!important;margin-top:8px!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important;width:100%!important}.hero-tabs button{height:62px!important;border-radius:999px!important;background:rgba(255,253,248,.86)!important;backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(68,48,32,.08)}.hero-tabs button.active{background:rgba(127,147,97,.9)!important;color:#fff}.hero-tabs button.pressing{background:linear-gradient(145deg,#fff9ef,#efe0cb)!important;color:var(--wood-dark);transform:translateY(1px) scale(.96)}.hero-tabs b{font-size:20px!important}.hero-tabs span{font-size:11px!important}.hero-visual{display:block!important;position:absolute!important;inset:0!important;opacity:0!important;pointer-events:none!important}.hero-arrow{display:none!important}
  .section-pad{padding:48px 18px}.products.section-pad{padding-top:52px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.cat-card{min-height:250px!important;border-radius:26px!important;padding:10px!important;background:rgba(255,253,248,.84)!important}.cat-card>img{height:128px!important;border-radius:20px!important}.cat-copy-box{min-height:102px}.category-grid.is-focused{grid-template-columns:1fr!important}.category-grid.is-focused .cat-card.active{position:sticky;top:72px;grid-template-columns:1fr!important;gap:0;width:100%;border-radius:30px!important;margin-bottom:12px;animation:catFull .46s var(--ease-soft) both}.category-grid.is-focused .cat-card.active>img{height:210px!important;min-height:210px!important;border-radius:24px!important}.category-grid.is-focused .cat-card.active .cat-copy-box{padding:14px!important}.product-area{display:block!important;margin-top:14px!important}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.product-card img{height:134px!important}.quick-bookmarks{right:8px;gap:8px}.quick-bookmarks button{width:46px;height:46px;border-radius:16px;font-size:11px}.gift-guide-card{grid-template-columns:1fr;padding:14px;border-radius:30px}.gift-guide-card img{height:178px}.gift-guide-copy h3{font-size:30px}.gift-scenario-list{grid-template-columns:1fr;gap:6px}.gift-scenario-list button{grid-template-columns:32px 1fr auto;padding:8px 10px}.impression-grid{grid-template-columns:1fr!important;gap:12px!important}.sense-card,.fresh-card{padding:18px!important;border-radius:30px!important}.sense-card h3,.fresh-card h3{font-size:28px}.sense-card p,.fresh-card p{font-size:13px;line-height:1.65}.sense-list button,.fresh-list button{grid-template-columns:30px 76px 1fr!important;padding:7px 9px!important}.footer{grid-template-columns:1fr!important;padding:34px 18px}.footer-cols{grid-template-columns:1fr!important;gap:4px}.footer img{width:110px}.footer-links{padding-left:12px}
}


/* 2026-06-28 final mobile demo refinements */
.floating-cart{display:none!important}
.clickable-float,.cat-card,.product-card,.gift-guide-shell button,.gift-guide-card,.sense-list button,.fresh-list button,.footer-toggle{transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s cubic-bezier(.2,.8,.2,1),filter .24s ease,opacity .24s ease}
.cat-card:active,.product-card:active,.gift-guide-shell button:active,.gift-guide-card:active,.sense-list button:active,.fresh-list button:active,.footer-toggle:active{transform:translateY(-4px) scale(.985);box-shadow:0 18px 44px rgba(68,48,32,.14)}
.quick-bookmarks{right:12px!important;gap:9px!important}.quick-bookmarks button{position:relative!important;width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(255,250,240,.94)!important;border:1px solid rgba(211,194,169,.95)!important;color:#5d5146!important;font-size:18px!important;display:grid!important;place-items:center!important;box-shadow:0 10px 28px rgba(68,48,32,.12)!important}.quick-bookmarks button .qb-icon{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid currentColor;border-radius:999px;font-size:13px;line-height:1}.quick-bookmarks button.active,.quick-bookmarks button:active{background:linear-gradient(145deg,#bf986d,#74543b)!important;color:#fff!important;border-color:#8a6040!important;transform:translateX(-3px) scale(1.04)!important}.quick-bookmarks .qb-top{color:#2f2924!important}.quick-bookmarks .qb-top .qb-icon{font-size:18px;border-width:1.8px}.qb-badge{position:absolute;right:-5px;top:-5px;background:#d84b3f;color:#fff;border:2px solid #fffaf1;border-radius:999px;min-width:20px;height:20px;padding:0 5px;display:none;place-items:center;font-size:11px;font-weight:700;line-height:16px}.qb-badge.show{display:grid}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cat-card{min-height:300px;padding:0;border-radius:30px;background-image:var(--cat-bg);background-size:cover;background-position:center;overflow:hidden}.cat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,250,241,.38),rgba(255,250,241,.72));z-index:0}.cat-card>img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;border-radius:0;z-index:-1}.cat-card .cat-copy-box{position:absolute;inset:auto 12px 12px 12px;z-index:1;border:1px solid rgba(255,255,255,.6);border-radius:22px;background:rgba(255,253,248,.66);backdrop-filter:blur(13px);padding:14px 14px 12px!important;box-shadow:0 12px 30px rgba(68,48,32,.12)}.cat-card h3{font-size:22px;margin:0 0 3px!important;line-height:1.15}.cat-card p{font-size:11px;margin:0!important;color:#5f5148;text-transform:none}.cat-count{display:block;color:var(--green);font-weight:700;font-size:12px;margin-top:5px}.cat-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cat-attr-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.cat-attr-row span{background:rgba(255,255,255,.68);border:1px solid rgba(228,214,196,.78);border-radius:999px;padding:5px 8px;font-size:11px}.cat-icon-mark{width:24px;height:24px;display:grid;place-items:center;padding:0!important}.category-grid.is-focused .cat-card.active{border-radius:32px!important;animation:catFull .42s cubic-bezier(.2,.8,.2,1) both}.category-grid.is-focused .cat-card.active .cat-copy-box{position:relative;inset:auto;background:rgba(255,253,248,.82)}
.gift-guide{position:relative}.gift-guide-shell{position:relative;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(255,253,248,.86),rgba(255,246,232,.74));box-shadow:var(--shadow);padding:20px;display:grid;gap:16px}.gift-block{border:1px solid rgba(228,214,196,.78);border-radius:26px;background:rgba(255,253,248,.62);padding:16px;box-shadow:0 10px 28px rgba(68,48,32,.07)}.gift-block-head{margin-bottom:12px}.gift-block-head h3{font-family:var(--serif);font-size:26px;margin:2px 0 2px;font-weight:500}.gift-block-head small{color:var(--muted)}.gift-thumb-list{display:grid;gap:9px}.gift-thumb-list button{display:grid;grid-template-columns:66px 1fr;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.72);padding:8px;color:var(--ink);cursor:pointer}.gift-thumb-list img{width:66px;height:54px;object-fit:cover;border-radius:15px}.gift-thumb-list b,.mood-list b{font-family:var(--serif);font-weight:500}.gift-thumb-list small,.mood-list small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.gift-box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gift-box-grid button,.season-card-grid button,.mood-list button{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.72);padding:13px;text-align:left;color:var(--ink);cursor:pointer}.gift-box-grid small{display:block;color:var(--green);font-weight:700;margin:5px 0}.gift-box-grid em{font-style:normal;color:var(--muted);font-size:12px;line-height:1.5}.season-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.season-card-grid button{min-height:96px;background:linear-gradient(145deg,rgba(255,253,248,.75),rgba(245,231,210,.55));position:relative;overflow:hidden}.season-card-grid button:after{content:"";position:absolute;right:-20px;bottom:-24px;width:88px;height:88px;border-radius:50%;border:1px solid rgba(127,147,97,.18)}.season-card-grid span{display:block;font-family:var(--serif);font-weight:500}.season-card-grid small{display:block;margin-top:8px;color:var(--muted);line-height:1.5}.mood-list{display:grid;gap:8px}.mood-list button{display:block}.gift-ai-float{position:sticky;top:86px;justify-self:end;z-index:4;width:54px;height:54px;border-radius:50%;border:1px solid rgba(201,157,72,.45);background:linear-gradient(145deg,#fff5e2,#e9d4b6);box-shadow:0 14px 32px rgba(111,77,42,.16);color:#795c37;font-weight:700;cursor:pointer}.gift-guide:not(:hover) .gift-ai-float{opacity:.92}.quiz-centered{max-width:520px;margin:0 auto;text-align:center}.quiz-progress{height:7px;border-radius:999px;background:#f1e4d3;overflow:hidden;margin:8px auto 18px}.quiz-progress span{display:block;height:100%;background:var(--green);border-radius:999px}.quiz-pill-list{display:flex;flex-wrap:wrap;gap:14px 12px;justify-content:center;margin-top:18px}.quiz-pill-list button{border:1px solid var(--line);background:#fffaf4;border-radius:999px;padding:12px 16px;color:var(--ink);cursor:pointer;min-height:44px}.quiz-main-rec{display:grid;grid-template-columns:42% 1fr;gap:14px;text-align:left;border:1px solid var(--line);border-radius:24px;background:#fff;padding:12px;box-shadow:0 12px 34px rgba(68,48,32,.09)}.quiz-main-rec img{width:100%;height:170px;object-fit:cover;border-radius:18px}.quiz-main-rec b{font-family:var(--serif);font-weight:500;font-size:20px}.quiz-main-rec small,.quiz-main-rec em{display:block;color:var(--muted);font-size:13px;line-height:1.6}.quiz-main-rec p{color:#5f5148;font-size:13px}.quiz-backups{display:grid;gap:8px;margin:12px 0}.quiz-rec{grid-template-columns:62px 1fr auto auto}.quiz-rec img{height:56px}.mini-action{margin:2px;border:1px solid var(--line);background:#fffaf4;border-radius:999px;padding:8px 10px;cursor:pointer}.cart-bump{animation:badgePop .38s ease}@keyframes badgePop{50%{transform:scale(1.22)}}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cat-card{min-height:230px}.category-grid.is-focused .cat-card.active{position:sticky!important;top:78px!important;display:block!important;min-height:320px!important}.category-grid.is-focused .cat-card.active>img{position:absolute!important;height:100%!important;min-height:100%!important}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-card img{height:128px}.gift-guide-shell{padding:14px;border-radius:28px}.gift-box-grid,.season-card-grid{grid-template-columns:1fr!important}.gift-ai-float{position:fixed;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));top:auto;display:none}.gift-guide:hover .gift-ai-float,.gift-guide:focus-within .gift-ai-float{display:grid;place-items:center}.quiz-main-rec{grid-template-columns:36% 1fr}.quiz-main-rec img{height:150px}.quick-bookmarks button{width:46px!important;height:46px!important}.qb-badge{right:-4px;top:-4px}.gift-scenario-list{display:none!important}}