:root{--bg:#faf7f2;--surface:#fff;--sand:#f1ebe2;--sand-2:#e6ded2;--ink:#1d1b19;--ink-2:#4d4844;--muted:#847c74;--line:#e6dfd5;--line-2:#d5ccbf;--brand:#1e5c45;--brand-dark:#154434;--brand-soft:#e4efe9;--brand-tint:#f2f7f4;--red:#d6432b;--red-dark:#b7331e;--red-soft:#fbe8e3;--yellow:#f2b632;--yellow-soft:#fff4d6;--accent:var(--brand);--accent-dark:var(--brand-dark);--accent-soft:var(--brand-soft);--radius:14px;--radius-sm:10px;--radius-xs:6px;--shadow:0 18px 40px -24px #1e19144d;--shadow-sm:0 8px 20px -14px #1e19144d;--cjk:"Noto Sans TC",system-ui,sans-serif;--latin:"Manrope","Noto Sans TC",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{font-family:var(--cjk);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;max-width:100%;font-size:15px;line-height:1.7;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit}.wrap{max-width:1240px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{letter-spacing:.01em;font-weight:700;line-height:1.3}.num{font-family:var(--latin);font-weight:700}.pill{border:1.5px solid var(--ink);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.pill:hover{background:var(--ink);color:#fff}.pill.dark{background:var(--brand);color:#fff;border-color:var(--brand)}.pill.dark:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.pill.red{background:var(--red);color:#fff;border-color:var(--red)}.pill.red:hover{background:var(--red-dark);border-color:var(--red-dark)}.pill.buy-now{background:var(--red);color:#fff;border-color:var(--red)}.pill.buy-now:hover{background:var(--red-dark);border-color:var(--red-dark)}.pill .dot{display:none}.eyebrow{font-family:var(--latin);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:12px;font-weight:800}.center{text-align:center;margin-top:28px}.note{text-align:center;color:var(--muted);margin:26px 0 0;font-size:13.5px}.tag{border-radius:5px;padding:3px 9px;font-size:11.5px;font-weight:700;line-height:1.5;display:inline-block}.tag.red{background:var(--red);color:#fff}.tag.green{background:var(--brand);color:#fff}.tag.soft{background:var(--brand-soft);color:var(--brand-dark)}.tag.yellow{background:var(--yellow);color:var(--ink)}.ico{flex-shrink:0;width:20px;height:20px}.utility{background:var(--brand-dark);color:#fff;font-size:12.5px}.utility .wrap{justify-content:space-between;align-items:center;gap:16px;height:34px;display:flex}.utility .u-l{gap:22px;display:flex}.utility .u-l span{opacity:.95;align-items:center;gap:6px;display:inline-flex}.utility .u-l svg{width:14px;height:14px}.utility .u-r{opacity:.9;gap:18px;display:flex}.utility .u-r a:hover{text-decoration:underline}header#hdr{background:var(--surface);border-bottom:1px solid var(--line)}.nav{grid-template-columns:auto 1fr auto;align-items:center;gap:32px;height:84px;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand .mark{background:var(--brand);color:#fff;letter-spacing:-.02em;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;font-weight:900;display:flex}.brand-name{color:var(--ink);white-space:nowrap;letter-spacing:.02em;font-size:21px;font-weight:900;line-height:1.05}.brand-name small{font-family:var(--latin);letter-spacing:.16em;color:var(--brand);text-transform:uppercase;margin-top:3px;font-size:10.5px;font-weight:700;display:block}.search{border:2px solid var(--brand);border-radius:var(--radius-sm);background:var(--surface);justify-self:center;align-items:stretch;width:100%;max-width:640px;height:46px;display:flex;overflow:hidden}.search select{background:var(--brand-tint);cursor:pointer;border:none;border-right:1px solid var(--line);color:var(--brand-dark);outline:none;padding:0 14px;font-size:13.5px;font-weight:700}.search input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0 14px;font-size:14.5px}.search input::placeholder{color:var(--muted)}.search button{background:var(--brand);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:700;display:inline-flex}.search button:hover{background:var(--brand-dark)}.search button svg{width:16px;height:16px}.nav-right{align-items:center;gap:10px;display:flex}.icon-btn{border-radius:var(--radius-sm);border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;height:46px;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.icon-btn:hover{border-color:var(--brand);color:var(--brand)}.icon-btn svg{width:19px;height:19px}.icon-btn.cart-btn{background:var(--ink);color:#fff;border-color:var(--ink)}.icon-btn.cart-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.icon-btn.cart-btn .sub{font-family:var(--latin);opacity:.85;font-weight:700}.badge{background:var(--red);color:#fff;min-width:20px;height:20px;font-size:11px;font-family:var(--latin);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-weight:800;display:inline-flex}.hamburger{display:none}.cat-bar{background:var(--surface);border-bottom:1px solid var(--line);z-index:50;position:sticky;top:0;box-shadow:0 8px 24px -22px #0000004d}.cat-bar .wrap{scrollbar-width:none;align-items:center;gap:4px;height:48px;display:flex;overflow-x:auto}.cat-bar .wrap::-webkit-scrollbar{display:none}.cat-bar a{color:var(--ink-2);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14.5px;font-weight:700;transition:all .15s;display:inline-flex;position:relative}.cat-bar a:hover,.cat-bar a.on{color:var(--brand);background:var(--brand-tint)}.cat-bar a.hot{color:var(--red)}.cat-bar .sp{flex:1}.cat-bar .right{color:var(--muted);font-size:13px;font-weight:500}.cat-bar .right:hover{color:var(--brand)}@media (max-width:920px){.nav{grid-template-columns:auto 1fr;gap:12px;height:70px}.nav .search{display:none}.nav-right{justify-self:end}.icon-btn .lbl{display:none}.icon-btn{padding:0 12px}.icon-btn.cart-btn .sub,.utility .u-r{display:none}.utility .u-l{gap:14px}.utility .u-l span:nth-child(3){display:none}}@media (max-width:480px){.brand-name{font-size:17px}.brand .mark{width:38px;height:38px;font-size:18px}.utility .u-l span:nth-child(2){display:none}}.m-search{display:none}@media (max-width:920px){.m-search{background:var(--surface);border-bottom:1px solid var(--line);padding:10px 0 12px;display:block}.m-search .search{max-width:none;height:42px}.m-search .search select{display:none}}.hero-full{background:var(--brand);color:#fff}.banner{background:var(--brand);color:#fff;grid-template-columns:1fr 1fr;min-height:460px;display:grid;position:relative;overflow:hidden}.banner-copy .wrap-in{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.promos{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.banner-copy{z-index:2;flex-direction:column;justify-content:center;padding:56px 40px 56px calc(50vw - 596px);display:flex;position:relative}.banner-copy .eyebrow{color:#cfe6d8;margin-bottom:12px}.banner-copy h1{letter-spacing:.02em;font-size:clamp(28px,3.2vw,42px);font-weight:900;line-height:1.3}.banner-copy h1 em{color:var(--yellow);font-style:normal}.banner-copy p{color:#ffffffe0;max-width:420px;margin-top:14px;font-size:15px;line-height:1.85}.banner-copy .cta{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.banner-copy .pill{color:var(--brand-dark);background:#fff;border-color:#fff}.banner-copy .pill:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.banner-copy .pill.red{background:var(--red);border-color:var(--red);color:#fff}.banner-copy .pill.red:hover{background:var(--red-dark);border-color:var(--red-dark)}.banner-media{clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);position:relative;overflow:hidden}.banner-media .hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1s;position:absolute;inset:0}.banner-media .hero-slide.active{opacity:1}.banner-media .hero-slide-empty{opacity:1;background:linear-gradient(135deg,#2a6b52,#1e5c45)}.banner-media:after{content:"";background:linear-gradient(90deg,#1e5c458c 0%,#1e5c4500 40%);position:absolute;inset:0}.hero-dots{z-index:3;gap:6px;display:flex;position:absolute;bottom:18px;right:18px}.hero-dot{cursor:pointer;background:#ffffff73;border:none;border-radius:2px;width:22px;height:4px;padding:0;transition:all .2s}.hero-dot.on{background:#fff;width:34px}.banner-note{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.banner-note .tag{color:#fff;background:#ffffff24;border:1px solid #ffffff4d;font-weight:600}.promo{border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:132px;padding:22px 26px;transition:all .25s;display:flex;position:relative;overflow:hidden}.promo:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.promo .p-ey{font-family:var(--latin);letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:800}.promo h3{margin-top:6px;font-size:22px;line-height:1.3}.promo p{opacity:.85;margin-top:6px;font-size:13px;line-height:1.7}.promo .go{align-items:center;gap:6px;margin-top:12px;font-size:13.5px;font-weight:700;display:inline-flex}.promo.a{background:var(--yellow-soft);color:var(--ink)}.promo.a .p-ey{color:#8a6410}.promo.b{background:var(--surface);color:var(--ink)}.promo.b .p-ey{color:var(--brand)}.promo .p-big{font-family:var(--latin);color:#1e5c451a;letter-spacing:-.04em;font-size:44px;font-weight:800;line-height:1;position:absolute;top:14px;right:16px}.promo.a .p-big{color:#8a641024}@media (max-width:1300px){.banner-copy{padding-left:24px}}@media (max-width:920px){.banner{grid-template-columns:1fr;min-height:0}.banner-media{clip-path:none;order:-1;height:240px}.banner-copy{padding:28px 24px 30px}}@media (max-width:560px){.promos{grid-template-columns:1fr}}.trust{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.trust-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:14px 16px;display:flex}.trust-item .ic{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-item .ic svg{width:20px;height:20px}.trust-item b{font-size:14px;display:block}.trust-item span{color:var(--muted);font-size:12.5px}@media (max-width:920px){.trust{grid-template-columns:1fr 1fr}}@media (max-width:480px){.trust{grid-template-columns:1fr}}.sec{margin-top:56px}.sec-bar{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;padding-bottom:12px;display:flex}.sec-bar h2{align-items:center;gap:12px;font-size:clamp(22px,2.4vw,28px);font-weight:900;display:flex}.sec-bar h2:before{content:"";background:var(--red);border-radius:3px;width:6px;height:26px}.sec-bar .sub{color:var(--muted);margin-top:4px;padding-left:18px;font-size:13.5px}.sec-bar .more{color:var(--brand);white-space:nowrap;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.sec-bar .more:hover{text-decoration:underline}.sec-tabs{flex-wrap:wrap;gap:6px;display:flex}.sec-tabs a{color:var(--ink-2);background:var(--sand);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700}.sec-tabs a:hover{background:var(--brand);color:#fff}.products,.row4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.row3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hscroll{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:16px;padding:4px 0 14px;display:flex;overflow-x:auto}.hscroll .pc{scroll-snap-align:start;flex:0 0 240px}.pc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:all .25s;display:flex;position:relative;overflow:hidden}.pc:hover{box-shadow:var(--shadow);border-color:var(--line-2);transform:translateY(-3px)}.pc-media{aspect-ratio:1;background:var(--sand);position:relative;overflow:hidden}.pc-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.pc:hover .pc-media img{transform:scale(1.04)}.pc-badge{z-index:2;position:absolute;top:10px;left:10px}.pc-cat{z-index:2;color:var(--ink-2);background:#ffffffeb;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.pc-body{flex-direction:column;flex:1;gap:3px;padding:12px 14px 14px;display:flex}.pc-name{font-size:15px;font-weight:700;line-height:1.45}.pc-desc{color:var(--muted);min-height:1.5em;font-size:12.5px;line-height:1.5}.pc-foot{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:10px;display:flex}.pc-price{font-family:var(--latin);color:var(--red);font-size:20px;font-weight:800;line-height:1}.pc-price small{font-family:var(--cjk);color:var(--muted);margin-right:3px;font-size:11.5px;font-weight:500}.pc-add{background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 13px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.pc-add:hover{background:var(--brand-dark)}.pc-add.done{background:var(--ink)}.pc-add svg{width:15px;height:15px}.prod-ph{width:100%;height:100%;color:var(--muted);background:repeating-linear-gradient(45deg,var(--sand) 0 10px,var(--sand-2) 10px 12px);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.prod-ph span{letter-spacing:.06em;font-size:12px}@media (max-width:1000px){.products,.row4{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.products,.row4,.row3{grid-template-columns:repeat(2,1fr);gap:12px}.hscroll .pc{flex-basis:200px}}@media (max-width:400px){.products,.row4,.row3{grid-template-columns:1fr}}.cat-cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cat-card{border-radius:var(--radius);background:var(--sand);color:#fff;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;min-height:210px;padding:18px;transition:all .25s;display:flex;position:relative;overflow:hidden}.cat-card:before{content:"";background:linear-gradient(#140f0a00 35%,#140f0acc 100%);position:absolute;inset:0}.cat-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.cat-card>*{z-index:1;position:relative}.cat-card b{letter-spacing:.04em;font-size:22px;font-weight:900}.cat-card span{opacity:.9;font-size:12.5px}.cat-card .cnt{color:var(--ink);background:#fff;border-radius:6px;align-self:flex-start;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.cat-card.empty{background:linear-gradient(135deg,#dfe9e4,#c7d8cf)}.cat-card.empty b,.cat-card.empty span{color:var(--brand-dark)}.cat-card.empty:before{display:none}@media (max-width:920px){.cat-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cat-cards{grid-template-columns:1fr}.cat-card{min-height:150px}}.cat-sec{grid-template-columns:260px 1fr;gap:16px;display:grid}.cat-hero{border-radius:var(--radius);color:#fff;background:linear-gradient(160deg,#2a7a5c 0%,#1e5c45 55%,#154434 100%);flex-direction:column;justify-content:space-between;padding:26px 24px;display:flex;position:relative;overflow:hidden}.cat-hero:before{content:"";background:#ffffff0f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:-40px}.cat-hero.moon{background:linear-gradient(160deg,#e0553d 0%,#c6301e 60%,#9e2415 100%)}.cat-hero.moon .eyebrow{color:#ffd9b0}.cat-hero.moon .pill{color:var(--red-dark)}.cat-hero>*{z-index:1;position:relative}.cat-hero .eyebrow{color:#cfe6d8}.cat-hero h3{margin-top:6px;font-size:26px;font-weight:900}.cat-hero p{color:#ffffffd9;margin-top:8px;font-size:13px;line-height:1.7}.cat-hero .pill{color:var(--brand-dark);background:#fff;border-color:#fff;align-self:flex-start;margin-top:18px}.cat-hero .pill:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.cat-sec .products{grid-template-columns:repeat(4,1fr)}@media (max-width:1000px){.cat-sec{grid-template-columns:1fr}.cat-hero{min-height:160px}.cat-sec .products{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.cat-sec .products{grid-template-columns:repeat(2,1fr)}}.zig{flex-direction:column;gap:16px;display:flex}.zig-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:0;min-height:300px;display:grid;overflow:hidden}.zig-row.flip .zig-img{order:2}.zig-img{background-position:50%;background-size:cover;min-height:240px}.zig-txt{flex-direction:column;justify-content:center;padding:40px 44px;display:flex}.zig-txt .no{font-family:var(--latin);color:var(--brand-soft);letter-spacing:-.04em;font-size:48px;font-weight:800;line-height:1}.zig-txt h3{margin-top:2px;font-size:24px;font-weight:900}.zig-txt p{color:var(--ink-2);max-width:460px;margin-top:10px;font-size:14.5px;line-height:1.85}.zig-txt ul{flex-direction:column;gap:6px;margin-top:14px;list-style:none;display:flex}.zig-txt li{color:var(--ink-2);align-items:flex-start;gap:8px;font-size:13.5px;display:flex}.zig-txt li:before{content:"";background:var(--brand);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:4px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") 50%/70% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") 50%/70% no-repeat}@media (max-width:860px){.zig-row{grid-template-columns:1fr}.zig-row.flip .zig-img{order:0}.zig-txt{padding:26px 24px}}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid;position:relative}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 24px 22px;position:relative}.step .n{background:var(--red);color:#fff;width:36px;height:36px;font-family:var(--latin);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:15px;font-weight:800;display:flex}.step h4{font-size:17px}.step p{color:var(--ink-2);margin-top:6px;font-size:13.5px;line-height:1.8}.step:after{content:"";background:var(--line-2);width:16px;height:2px;position:absolute;top:50%;right:-16px}.step:last-child:after{display:none}@media (max-width:860px){.steps{grid-template-columns:1fr}.step:after{display:none}}.supplier{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--brand);border-radius:var(--radius);grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:30px 34px;display:grid}.supplier h3{font-size:22px;font-weight:900}.supplier p{color:var(--ink-2);margin-top:8px;font-size:14px;line-height:1.85}.supplier .req{grid-template-columns:1fr 1fr;gap:8px;display:grid}.supplier .req div{background:var(--brand-tint);color:var(--brand-dark);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}@media (max-width:860px){.supplier{grid-template-columns:1fr}}.faq{grid-template-columns:1fr 1fr;gap:12px;display:grid}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 18px}.faq details[open]{border-color:var(--brand)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:15px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--latin);color:var(--brand);font-size:20px;font-weight:800;line-height:1}.faq details[open] summary:after{content:"–"}.faq .a{color:var(--ink-2);padding:0 0 16px;font-size:13.5px;line-height:1.8}@media (max-width:760px){.faq{grid-template-columns:1fr}}.contact{grid-template-columns:.9fr 1.1fr;gap:16px;display:grid}.contact-card{background:var(--brand);color:#fff;border-radius:var(--radius);padding:32px}.contact-card h3{font-size:24px;font-weight:900}.contact-card .ct-sub{color:#ffffffd9;margin-top:10px;font-size:14px;line-height:1.8}.contact-card .ct-info{margin-top:22px;font-size:14px;line-height:2.1}.contact-card .ct-info b{color:#cfe6d8;min-width:56px;font-weight:600;display:inline-block}.contact-card .ct-btns{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.contact-card .pill{color:var(--brand-dark);background:#fff;border-color:#fff}.contact-card .pill:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .full{grid-column:1/-1}.inp{border:1.5px solid var(--line-2);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:12px 14px;font-size:14.5px;transition:all .2s}.inp::placeholder{color:var(--muted)}.inp:focus{border-color:var(--brand);outline:none}select.inp{appearance:none}.submit{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:12px;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.submit:hover{background:var(--red-dark)}@media (max-width:860px){.contact{grid-template-columns:1fr}}@media (max-width:560px){.form-grid{grid-template-columns:1fr}}.site-footer{background:var(--brand-dark);color:#fff;margin-top:70px}.foot-top{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:44px 0 30px;display:grid}.foot-brand{align-items:center;gap:10px;font-size:22px;font-weight:900;display:flex}.foot-brand .mark{width:36px;height:36px;color:var(--brand-dark);background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-weight:900;display:flex}.foot-top p{color:#ffffffc7;max-width:320px;margin-top:12px;font-size:13.5px;line-height:1.8}.foot-info{color:#ffffffd9;flex-direction:column;gap:4px;margin-top:16px;font-size:13px;display:flex}.foot-col h5{color:#cfe6d8;letter-spacing:.08em;margin-bottom:12px;font-size:12.5px;font-weight:700}.foot-col a{color:#ffffffe0;padding:4px 0;font-size:14px;display:block}.foot-col a:hover{color:var(--yellow)}.foot-bot{color:#ffffffa6;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 22px;font-size:12.5px;display:flex}@media (max-width:860px){.foot-top{grid-template-columns:1fr 1fr}}@media (max-width:480px){.foot-top{grid-template-columns:1fr}}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:24px;display:flex}.shop-head h1{align-items:center;gap:12px;font-size:clamp(24px,3vw,32px);font-weight:900;display:flex}.shop-head h1:before{content:"";background:var(--red);border-radius:3px;width:6px;height:28px}.shop-head .crumb{margin:0 0 8px}.shop-layout{grid-template-columns:230px 1fr;align-items:start;gap:20px;margin-top:20px;display:grid}.side{flex-direction:column;gap:12px;display:flex;position:sticky;top:64px}.side-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px}.side-box h4{color:var(--muted);letter-spacing:.06em;border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:8px;font-size:13px;font-weight:700}.side-box a{color:var(--ink-2);border-radius:7px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:14px;font-weight:600;display:flex}.side-box a:hover{background:var(--sand)}.side-box a.on{background:var(--brand);color:#fff}.side-box a span{font-family:var(--latin);opacity:.7;font-size:12px}.side-note{background:var(--yellow-soft);border-radius:var(--radius-sm);color:var(--ink-2);padding:12px 14px;font-size:12.5px;line-height:1.7}.side-note a{color:var(--brand);font-weight:700}.shop-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.shop-tools .cnt{color:var(--muted);font-size:13.5px}.sort{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.sort a{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:6px 11px;font-weight:700}.sort a.on{background:var(--ink);color:#fff;border-color:var(--ink)}.shop-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:none;overflow-x:auto}.chip{border:1px solid var(--line-2);background:var(--surface);white-space:nowrap;color:var(--ink-2);border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:700}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}@media (max-width:920px){.shop-layout{grid-template-columns:1fr}.side{display:none}.chips{display:flex}}@media (max-width:760px){.shop-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:400px){.shop-grid{grid-template-columns:1fr}}.crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 14px;font-size:13px;display:flex}.crumb a:hover{color:var(--brand)}.pd{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:36px;padding:26px;display:grid}.pd .gallery .card-img.main,.pd .gallery .prod-ph.main{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--sand);width:100%;height:auto}.pd-info .ptag{background:var(--brand-soft);color:var(--brand-dark);border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-block}.pd-info h1{font-size:28px;font-weight:900;line-height:1.3}.pd-price{font-family:var(--latin);color:var(--red);margin:14px 0;font-size:34px;font-weight:800;line-height:1}.pd-desc{color:var(--ink-2);margin-bottom:22px;font-size:15px;line-height:1.8}.pd-buy{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.warn-box{background:var(--yellow-soft);color:#6b4d05;border:1px solid #f0dfa8;border-radius:8px;margin-top:18px;padding:12px 15px;font-size:13px;line-height:1.7}.warn-box a{color:var(--red);font-weight:700}.pd-meta{border-top:1px dashed var(--line-2);color:var(--muted);margin-top:20px;padding-top:16px;font-size:13.5px;line-height:2}.pd-meta b{color:var(--ink);min-width:64px;display:inline-block}.detail-rte{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:20px;padding:30px}.detail-rte h3{align-items:center;gap:10px;margin-bottom:14px;font-size:19px;font-weight:900;display:flex}.detail-rte h3:before{content:"";background:var(--red);border-radius:3px;width:6px;height:22px}.detail-rte p{color:var(--ink-2);margin-bottom:12px;line-height:1.85}.spec-t{border-collapse:collapse;width:100%;margin-top:16px}.spec-t td{border:1px solid var(--line);padding:11px 14px;font-size:14px}.spec-t td:first-child{background:var(--sand);width:160px;color:var(--muted);font-weight:700}.dy-desc-img{border-radius:8px;max-width:100%;height:auto;margin:0 auto 14px;display:block}.sec-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:20px;margin:50px 0 18px;padding-bottom:12px;display:flex}.sec-head .t{align-items:center;gap:12px;font-size:24px;font-weight:900;display:flex}.sec-head .t:before{content:"";background:var(--red);border-radius:3px;width:6px;height:26px}.sec-head .eyebrow{margin-bottom:6px;display:block}.sec-head .line,.sec-head .idx{display:none}@media (max-width:860px){.pd{grid-template-columns:1fr;gap:22px;padding:18px}}.gbtn{border:1.5px solid var(--line-2);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:13px;font-size:14.5px;font-weight:700;transition:all .2s;display:flex}.gbtn:hover{border-color:var(--brand)}.divider{color:var(--muted);align-items:center;gap:14px;margin:16px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.vine-auth{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:560px;margin:0 auto;padding:34px}.vine-auth-tabs{background:var(--sand);border-radius:10px;gap:6px;margin-bottom:26px;padding:5px;display:flex}.vine-auth-tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;padding:11px;font-size:15px;font-weight:700;transition:all .2s}.vine-auth-tab.on{background:var(--brand);color:#fff}.entry-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);margin-bottom:18px;padding:32px}.entry-title{margin-bottom:10px;font-size:22px}.entry-content{color:var(--ink-2)}.entry-content h2{color:var(--ink);margin:26px 0 10px;font-size:19px}.entry-content ul,.entry-content ol{margin:6px 0 16px;padding-left:1.6em}.entry-content li{margin:5px 0;list-style:outside}.card-img{object-fit:cover}.add{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.add:hover{background:var(--brand-dark)}.add svg{width:16px;height:16px}.sec,[id$=Sec]{scroll-margin-top:64px}.auth-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.auth-tab{border:2px solid var(--line-2);background:var(--surface);border-radius:var(--radius-sm);text-align:left;cursor:pointer;flex-direction:column;gap:2px;padding:14px 16px;transition:all .2s;display:flex}.auth-tab b{font-size:15.5px;font-weight:800}.auth-tab span{color:var(--muted);font-size:12.5px}.auth-tab:hover{border-color:var(--brand)}.auth-tab.on{border-color:var(--brand);background:var(--brand-tint);box-shadow:inset 0 0 0 1px var(--brand)}.auth-tab.on b{color:var(--brand-dark)}.auth-switch{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13.5px;display:flex}.auth-switch a{color:var(--muted);text-decoration:underline}.auth-switch button{color:var(--brand);cursor:pointer;background:0 0;border:none;margin-left:4px;font-size:13.5px;font-weight:800;text-decoration:underline}.brand .logo{border-radius:12px;flex-shrink:0;width:44px;height:44px}@media (max-width:480px){.brand .logo{width:38px;height:38px}}.pic-note{color:var(--muted);border-top:1px dashed var(--line-2);margin-top:6px;padding-top:10px;font-size:12.5px}.o-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px;list-style:none;display:grid}.o-steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);opacity:.6;flex-direction:column;gap:2px;padding:12px 12px 10px;display:flex;position:relative}.o-steps li .n{background:var(--sand-2);width:26px;height:26px;color:var(--ink-2);font-family:var(--latin);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.o-steps li b{font-size:14px}.o-steps li .s{color:var(--muted);font-size:12px}.o-steps li.done{opacity:1}.o-steps li.done .n{background:var(--brand);color:#fff}.o-steps li.cur{opacity:1;border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.o-steps li.cur .n{background:var(--red);color:#fff}.o-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:14px;padding:18px 20px}.o-card h3{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:8px;font-size:15px}.bank-box.ok{background:var(--brand-tint);border-color:var(--brand-soft)}.bank-grid{grid-template-columns:56px 1fr;align-items:center;gap:6px 12px;font-size:14.5px;display:grid}.bank-grid span{color:var(--muted);font-size:13px}@media (max-width:640px){.o-steps{grid-template-columns:1fr 1fr}}.cart-wrap{grid-template-columns:1fr 340px;align-items:start;gap:32px;display:grid}.cart-items{flex-direction:column;gap:14px;display:flex}.cart-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:88px 1fr auto auto;align-items:center;gap:16px;padding:14px;display:grid}.cart-thumb{background:var(--surface);border-radius:12px;width:88px;height:88px;display:block;overflow:hidden}.cart-thumb img{object-fit:cover;width:100%;height:100%}.cart-thumb-ph{justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;display:flex}.cart-mid{flex-direction:column;gap:4px;min-width:0;display:flex}.cart-name{font-size:16px;font-weight:700}.cart-unit{color:var(--muted);font-size:13px}.cart-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:13px;text-decoration:underline}.cart-remove:hover{color:var(--accent)}.cart-qty{border:1px solid var(--line);background:var(--surface);border-radius:100px;align-items:center;display:inline-flex;overflow:hidden}.cart-qty button{cursor:pointer;background:0 0;border:none;width:34px;height:38px;font-size:16px}.cart-qty span{text-align:center;min-width:30px;font-weight:700}.cart-line{text-align:right;min-width:82px;font-size:16px;font-weight:800}.cart-summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:22px;position:sticky;top:96px}.cart-summary h3{margin-bottom:16px;font-size:18px}.cs-row{justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.cs-hint{color:var(--accent);background:var(--surface);border-radius:8px;margin:6px 0;padding:8px 10px;font-size:12px}.cs-total{border-top:1px solid var(--line);justify-content:space-between;margin-top:8px;padding-top:14px;font-size:19px;font-weight:800;display:flex}.cs-checkout{justify-content:center;width:100%;margin-top:18px}.cs-continue{text-align:center;color:var(--muted);margin-top:12px;font-size:13px;display:block}@media (max-width:860px){.cart-wrap{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:560px){.cart-row{grid-template-columns:64px 1fr auto}.cart-thumb{width:64px;height:64px}.cart-line{text-align:right;grid-column:2/4}}.checkout-wrap{grid-template-columns:1fr 360px;align-items:start;gap:32px;display:grid}.co-field{margin-bottom:14px}.co-field label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.co-field .req{color:var(--accent)}.co-field input,.co-field textarea,.co-field select{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.co-field input:focus,.co-field textarea:focus{border-color:var(--accent);outline:none}.co-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.co-mini{border-bottom:1px dashed var(--line);gap:10px;padding:10px 0;font-size:13px;display:flex}.co-mini .n{flex:1}.bank-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);margin-top:14px;padding:16px 18px;font-size:14px;line-height:1.9}@media (max-width:860px){.checkout-wrap,.co-2{grid-template-columns:1fr}}