/*
Theme Name: Protect Saigon
Theme URI: https://protectsaigon.com
Author: Protect Saigon
Description: Giao diện riêng cho Protect Saigon – xịt chống vắt, chống muỗi nhập khẩu từ Mỹ.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: protectsaigon
*/
:root{--green:#2B7F35;--green-h:#246C2D;--leaf:#6DB33F;--tint:#EEF6E8;--tint2:#F6FAF2;--ink:#17261C;--muted:#5A6B60;--line:#DCE6D6;--amber:#F4A62A;--amber-h:#F7B955;--sale:#C2531A}
*{box-sizing:border-box}
body{margin:0;background:#FFFFFF;color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.hd{font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0}
.h2{font-size:44px}
.lede{font-size:18px;line-height:1.6;color:var(--muted);max-width:60ch;margin:14px 0 0}
.blaze{display:inline-block;width:5px;height:18px;background:var(--amber);border-radius:2px;flex-shrink:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:8px;font-weight:700;font-size:16px;border:0;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn-or{background:var(--amber);color:var(--ink)}
.btn-or:hover{background:var(--amber-h)}
.btn-green{background:var(--green);color:#FFFFFF}
.btn-green:hover{background:var(--green-h)}
.btn-line{background:transparent;color:#FFFFFF;border:1.5px solid rgba(255,255,255,.65)}
.btn-line:hover{border-color:#FFFFFF;background:rgba(255,255,255,.1)}
.btn-ghost{background:#FFFFFF;color:var(--green);border:1.5px solid var(--green)}
.btn-ghost:hover{background:var(--green);color:#FFFFFF}

/* announcement slider */
.ann{background:var(--green);color:#FFFFFF;font-size:14px;font-weight:600}
.ann-win{height:40px;overflow:hidden}
.ann-track{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.ann-item{height:40px;display:flex;align-items:center;justify-content:center;gap:10px}
.ann-dot{width:6px;height:6px;border-radius:50%;background:var(--amber)}

/* header */
.nav a{font-size:15px;font-weight:600;color:var(--ink);padding:6px 0;position:relative}
.nav a:hover{color:var(--green)}
.nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:2px;background:var(--amber)}
.icbtn{position:relative;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:#FFFFFF;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s}
.icbtn:hover{border-color:var(--green);color:var(--green)}
.icbtn.on{border-color:var(--green);background:var(--tint)}
.cnt{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--amber);color:var(--ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.acct{position:absolute;right:0;top:56px;width:260px;background:#FFFFFF;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(23,38,28,.12);padding:18px;animation:pop .2s ease both;z-index:70}
@keyframes pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* social icons */
.soc{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s,box-shadow .2s}
.soc:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.18)}
.soc svg{display:block}
.s-zalo{background:#0068FF}.s-wa{background:#25D366}.s-viber{background:#7360F2}.s-fb{background:#1877F2}
.s-shopee{background:#EE4D2D}.s-tiktok{background:#111111}.s-lazada{background:linear-gradient(135deg,#F57224 0%,#E2127A 55%,#1A2B88 100%)}

/* footer */
.foot{background:var(--green);color:rgba(255,255,255,.86);font-size:15px}
.foot a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:0 0 10px}
.fh{color:#FFFFFF;font-weight:800;margin-bottom:14px;font-size:15px}
.lang{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:8px;overflow:hidden}
.lang button{background:transparent;border:0;color:rgba(255,255,255,.86);padding:8px 11px;white-space:nowrap;font-size:14px;font-weight:600;cursor:pointer}
.lang button+button{border-left:1px solid rgba(255,255,255,.35)}
.lang button.on{background:#FFFFFF;color:var(--green)}

.menu-btn{display:none}
.mmenu{border-top:1px solid var(--line);background:#FFFFFF;padding:8px 16px 20px;display:flex;flex-direction:column;animation:pop .2s ease both}
.mmenu a{padding:14px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:16px}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:80;background:var(--ink);color:#FFFFFF;padding:14px 20px;border-radius:10px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px rgba(23,38,28,.3);animation:fadein .25s ease both}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
@media (max-width:1100px){.nav{display:none !important}.menu-btn{display:flex}.fgrid{grid-template-columns:1fr 1fr !important}.f-brand,.f-contact,.f-links{grid-column:1 / -1}}
@media (max-width:760px){.wrap{padding:0 16px}.search{display:none !important}.h2{font-size:32px !important}
.hdr{display:grid !important;grid-template-columns:1fr auto 1fr;gap:8px !important;height:64px !important}
.hlogo{justify-self:center}.hlogo img{height:36px !important}.hicons{justify-self:end;gap:8px !important}.icbtn{width:42px;height:42px}
.acct{right:0;width:min(280px,calc(100vw - 32px))}
.fgrid{grid-template-columns:1fr 1fr !important;gap:32px 20px !important}
.f-brand{padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.2)}
.f-contact{grid-column:auto !important}.f-contact .soc,.f-links .soc{width:36px;height:36px}.f-contact>div:last-child{gap:8px !important;flex-wrap:wrap}
.f-links{grid-column:auto !important}.f-links>div:first-child>div:last-child{gap:8px !important}.lang button{padding:7px 8px;font-size:13px}

.foot{font-size:14px}}

/* ===== home ===== */
.sec{padding:104px 0}
.hero-img{animation:heroimg 1.8s cubic-bezier(.2,.7,.2,1) both}
@keyframes heroimg{from{transform:scale(1.08)}to{transform:scale(1)}}
.ln{display:block;overflow:hidden;padding-bottom:.08em}
.ln>span{display:block;animation:lnup .9s cubic-bezier(.2,.7,.2,1) both}
.ln.l2>span{animation-delay:.12s}
.fade{animation:fadein .8s ease both;animation-delay:.45s}
.sign{animation:signin .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:.7s}
@keyframes lnup{from{transform:translateY(105%)}to{transform:none}}
@keyframes signin{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}

.trust-sec{position:relative;z-index:5;margin-top:-56px}
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#FFFFFF;border-radius:20px;box-shadow:0 24px 60px rgba(23,38,28,.14);padding:28px 8px}
.ti{display:flex;align-items:center;gap:16px;padding:4px 24px}
.ti+.ti{border-left:1px solid var(--line)}
.tic{width:56px;height:56px;border-radius:16px;background:linear-gradient(140deg,#EFF8E7 0%,#DCEFCB 100%);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}
.tic::after{content:"";position:absolute;right:-3px;top:-3px;width:12px;height:12px;border-radius:50%;background:var(--amber);border:2px solid #FFFFFF}
.tt{font-weight:800;font-size:16px;line-height:1.3}
.ts{font-size:14px;color:var(--muted);margin-top:2px;line-height:1.45}
.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);max-width:100%;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{white-space:nowrap;flex-shrink:0;background:transparent;border:0;padding:0 0 14px;font-size:15px;font-weight:700;color:var(--muted);cursor:pointer;position:relative}
.tab:hover{color:var(--ink)}
.tab.on{color:var(--ink)}
.tab.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:2px;background:var(--amber)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px}
.pimg{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--tint2)}
.pimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.pcard:hover .pimg img{transform:scale(1.04)}
.pcard{display:flex;flex-direction:column}
.pspec{font-size:14px;color:var(--muted);line-height:1.5}
.pprice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px}
.pname{font-size:16px;font-weight:700;line-height:1.4;min-height:2.8em;margin:16px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard:hover .pname{color:var(--green)}
.addsq{width:44px;height:44px;border-radius:10px;border:0;background:var(--green);color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s}
.addsq:hover{background:var(--amber);color:var(--ink)}

.dest{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);padding:16px 0;color:var(--muted);cursor:pointer;font-size:22px;font-weight:700;letter-spacing:-.015em;transition:color .2s}
.dest:hover{color:var(--ink)}
.dest .blaze{opacity:0;transition:opacity .2s}
.dest.on{color:var(--ink)}
.dest.on .blaze{opacity:1}
.mon{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;border:0;cursor:pointer;padding:0;color:var(--muted)}
.mon .track{width:100%;height:170px;display:flex;align-items:flex-end;justify-content:center;border-radius:10px;padding:5px 10px;border:2px solid transparent;transition:border-color .2s,background .2s}
.mon .bar{width:100%;border-radius:6px;transition:height .5s cubic-bezier(.2,.7,.2,1),background .3s}
.mon:hover .track{background:rgba(255,255,255,.6)}
.mon.on .track{border-color:var(--ink);background:#FFFFFF}
.mon.on{color:var(--ink);font-weight:800}
.lv0{background:#D2E1CB}
.lv1{background:#A6CB8F}
.lv2{background:#F6CB5E}
.lv3{background:#EE8A1C}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:6px}
.verdict{display:grid;grid-template-columns:minmax(0,.85fr) 1px minmax(0,1.4fr);gap:28px;align-items:center;background:#FFFFFF;border:1px solid var(--line);border-radius:16px;padding:24px 28px;margin-top:28px}

.mk{position:absolute;display:flex;background:transparent;border:0;cursor:pointer;padding:0;color:var(--ink)}
.mk .pin{width:2px;background:var(--ink);transition:background .2s}
.mk .dotm{width:18px;height:18px;border-radius:50%;background:#FFFFFF;border:3px solid var(--ink);transition:background .2s,border-color .2s}
.mk .lab{padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;background:#FFFFFF;text-align:left;white-space:nowrap;transition:border-color .2s,background .2s}
.mk:hover .lab{border-color:var(--ink)}
.mk.on .lab{border-color:var(--amber);background:#FFF6E6}
.mk.on .dotm{background:var(--amber);border-color:var(--amber)}
.mk.on .pin{background:var(--amber)}

.vscale{position:relative;height:560px;width:230px;margin:0 auto;left:26px}
.vs-line{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ink);border-radius:1px}
.vtick{position:absolute;left:-46px;display:flex;align-items:center;gap:6px;transform:translateY(-50%)}
.vt-l{width:34px;text-align:right;font-size:12px;color:var(--muted)}
.vt-m{width:14px;height:1.5px;background:var(--ink)}
.vmk{position:absolute;left:-8px;display:flex;gap:14px;background:transparent;border:0;padding:0;cursor:pointer;color:var(--ink);text-align:left}
.vmk .dotm{width:18px;height:18px;border-radius:50%;background:#FFFFFF;border:3px solid var(--ink);flex-shrink:0;transition:background .2s,border-color .2s}
.vmk .lab{padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;background:#FFFFFF;transition:border-color .2s,background .2s}
.vmk.on .lab{border-color:var(--amber);background:#FFF6E6}
.vmk.on .dotm{background:var(--amber);border-color:var(--amber)}
.combo{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-areas:"img info" "img btn";column-gap:26px;row-gap:12px;align-items:start;padding:28px 0;border-top:1px solid var(--line)}
.c-img{grid-area:img;width:180px;height:180px;object-fit:cover;border-radius:12px;display:block}
.c-info{grid-area:info;align-self:end}
.c-btn{grid-area:btn;justify-self:start;align-self:start;min-height:42px;padding:0 16px;font-size:14px}
.storecta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.msgs{display:flex;align-items:center;gap:12px}
.msg-l{display:none;font-size:14px;font-weight:700;color:var(--muted);margin-right:4px}
.ngrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}
.nfeat .im{display:block;overflow:hidden;border-radius:14px}
.nfeat img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .6s ease}
.nfeat:hover img{transform:scale(1.03)}
.nfeat:hover .nt,.nrow:hover .nt,.ncard:hover .nt{color:var(--green)}
.nrow{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;align-items:start;padding:20px 0;border-top:1px solid var(--line)}
.nrow:first-child{border-top:0;padding-top:0}
.nrow img{width:132px;height:99px;object-fit:cover;border-radius:10px;display:block}
.ncat{font-size:13px;font-weight:800;color:var(--green)}
.nmeta{font-size:14px;color:var(--muted)}
.n3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.ncard img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;display:block}
.ship{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px 0;border-top:1px solid var(--line);font-size:16px}
.soc-lg{width:52px;height:52px}

@media (max-width:1100px){.cal{grid-template-columns:1fr !important}.ngrid{grid-template-columns:1fr}.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.cgrid{grid-template-columns:1fr !important}.store{grid-template-columns:1fr !important}.trust{grid-template-columns:1fr 1fr;row-gap:20px}.ti:nth-child(3){border-left:0}.verdict{grid-template-columns:1fr}.verdict .vline{display:none}}
@media (max-width:760px){.sec{padding:72px 0}.hero{height:600px !important}.hero-in{justify-content:flex-end !important;padding-bottom:44px !important}.hero-h{font-size:44px !important}.pspec{min-height:3em}.selcard{grid-template-columns:110px minmax(0,1fr) !important;gap:16px !important;padding:16px !important;align-items:start !important}.selimg{width:110px !important;height:110px !important}.pname{font-size:15px}.trust-sec{margin-top:-36px}.trust{grid-template-columns:1fr 1fr;padding:18px 6px;border-radius:16px;row-gap:18px}.ti{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:2px 10px}.ti:nth-child(3){border-left:0}.tic{width:48px;height:48px;border-radius:14px}.tt{font-size:14px}.ts{font-size:12.5px}.hnote{display:none !important}.hero-in{padding-bottom:72px !important}.pgrid{grid-template-columns:1fr 1fr;gap:28px 16px}.n3{grid-template-columns:1fr}.combo{grid-template-columns:112px minmax(0,1fr);grid-template-areas:"img info" "btn btn";column-gap:16px;row-gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#FFFFFF;margin-bottom:14px}.c-img{width:112px;height:112px}.c-info{align-self:center}.c-info .hd{font-size:18px !important}.c-btn{justify-self:stretch;width:100%}.storecta{flex-direction:column;align-items:flex-start;gap:16px}.msg-l{display:inline}.sign{display:none !important}.mon .track{height:110px;padding:4px}.scale{display:none !important}.scale-m{display:grid !important}}

/* ===== theme additions ===== */
.skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100;background:#FFFFFF;padding:10px 14px;border-radius:8px}
.site-hdr{position:sticky;top:0;z-index:50;background:#FFFFFF;border-bottom:1px solid var(--line)}
.admin-bar .site-hdr{top:32px}
@media (max-width:782px){.admin-bar .site-hdr{top:0}}
.hdr{display:flex;align-items:center;gap:36px;height:78px}
.hlogo img{height:44px;width:auto;display:block}
.nav{display:flex;gap:24px;flex-grow:1}
.search{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:999px;padding:0 16px;height:46px;width:270px;margin:0 0 0 auto;background:var(--tint2)}
.search input,.msearch input{border:0;outline:none;background:transparent;font:inherit;font-size:15px;width:100%;color:var(--ink)}
.msearch{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:999px;padding:0 16px;height:46px;margin-top:12px;background:var(--tint2)}
.hicons{display:flex;gap:10px;position:relative}
.acct-t{font-weight:800;font-size:16px}
.acct-s{font-size:14px;color:var(--muted);margin:4px 0 14px}
.acct .btn{width:100%;min-height:44px;font-size:15px}
.acct .btn+.btn{margin-top:8px}
.mmenu[hidden],.acct[hidden],.toast[hidden]{display:none !important}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px}
.ulink{font-weight:700;color:var(--green);text-decoration:underline;text-underline-offset:4px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:40px}
.sec-side{font-size:17px;line-height:1.6;color:var(--muted);max-width:44ch;margin:0}

/* hero */
.hero{position:relative;height:740px;overflow:hidden;background:#1C3A22;color:#FFFFFF}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,40,20,.86) 0%,rgba(16,40,20,.62) 40%,rgba(16,40,20,.05) 74%),linear-gradient(0deg,rgba(16,40,20,.55) 0%,rgba(16,40,20,0) 40%)}
.hero-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:84px}
.hero-kick{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:17px;font-weight:600;color:rgba(255,255,255,.9)}
.hero-h{font-size:80px;letter-spacing:-.035em;line-height:1.04}
.hero-p{font-size:19px;line-height:1.6;max-width:46ch;margin:26px 0 34px;color:rgba(255,255,255,.9)}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hnote{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-size:15px;color:rgba(255,255,255,.9);align-self:flex-start}
.hnote strong{color:#FFFFFF}

/* products */
.pp-now{font-size:20px;font-weight:800;line-height:1.1}
.pp-old{font-size:14px;margin-top:3px}
.pp-old s{color:var(--muted)}
.pp-old em{font-style:normal;font-weight:800;color:var(--sale);margin-left:8px}
.addsq:disabled{opacity:.6;cursor:wait}

/* calendar */
.cal{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px}
.dests{border-bottom:1px solid var(--line);align-self:start}
.cal-hero{position:relative;border-radius:16px;overflow:hidden;height:290px}
.cal-hero img{width:100%;height:100%;object-fit:cover;display:block}
.cal-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,40,20,.82) 0%,rgba(16,40,20,0) 62%)}
.cal-cap{position:absolute;left:28px;right:28px;bottom:24px;color:#FFFFFF}
.cal-note{font-size:16px;color:rgba(255,255,255,.9);margin-top:8px;max-width:64ch}
.months{display:flex;gap:6px}
.mon .ml{font-size:14px}
.legend{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-top:14px}
.v-title{font-size:14px;color:var(--muted);font-weight:600}
.v-lvl{display:flex;align-items:center;gap:12px;margin-top:6px}
.v-sw{width:16px;height:16px;border-radius:4px;flex-shrink:0}
.vline{width:1px;align-self:stretch;background:var(--line)}
.v-rec{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center}
.v-rec img{width:96px;height:96px;object-fit:cover;border-radius:12px;display:block}
.v-k{font-size:13px;color:var(--muted);font-weight:700}
.v-name{display:block;font-size:17px;font-weight:800;line-height:1.3;margin-top:2px}
.v-name:hover{color:var(--green)}
.v-why{font-size:14px;color:var(--muted);margin-top:4px;line-height:1.5}
.v-buy{display:flex;align-items:center;gap:10px 14px;margin-top:10px;flex-wrap:wrap}
.v-price{font-size:19px;font-weight:800}

/* DEET scale */
.scale{position:relative;height:300px;margin-top:40px}
.scale-axis{position:absolute;left:0;right:0;top:149px;height:2px;background:var(--ink)}
.tick{position:absolute;top:141px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}
.tick span{width:1.5px;height:18px;background:var(--ink)}
.tick em{font-style:normal;font-size:13px;color:var(--muted);margin-top:6px}
.mk.mk-below{bottom:141px;flex-direction:column;align-items:center;transform:translateX(-50%)}
.mk.mk-above{top:141px;flex-direction:column-reverse;align-items:center;transform:translateX(-50%)}
.mk.mk-end{align-items:flex-end;transform:translateX(calc(-100% + 9px))}
.mk .pin{height:44px;margin:0 8px}
.lab .l1{display:block;font-size:13px;color:var(--muted);font-weight:700}
.lab .l2{display:block;font-size:17px;font-weight:800}
.lab .l3{display:block;font-size:14px;color:var(--muted)}
.vmk .lab .l1{font-size:12px}.vmk .lab .l2{font-size:16px}.vmk .lab .l3{font-size:13px}
.scale-m{display:none;margin-top:28px}
.vmk{align-items:flex-start;transform:translateY(-9px)}
.vmk.vmk-up{align-items:flex-end;transform:translateY(calc(-100% + 9px))}
.deet-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;margin-top:32px}
.selcard{display:grid;grid-template-columns:170px minmax(0,1fr);gap:26px;align-items:center;background:var(--tint2);border:1px solid var(--line);border-radius:16px;padding:22px}
.selimg{width:170px;height:170px;object-fit:cover;border-radius:12px;display:block}
.s-name{display:block;font-size:24px}
.s-name:hover{color:var(--green)}
.s-desc{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--muted)}
.s-buy{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}
.s-price{font-size:21px;font-weight:800}
.s-old{font-size:14px;color:var(--muted);text-decoration:line-through}
.nodeet-h{font-size:16px;font-weight:800;margin-bottom:6px}
.alt{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.alt img{width:68px;height:68px;object-fit:cover;border-radius:10px}
.alt strong{display:block;font-weight:700}
.alt span span{display:block;font-size:14px;color:var(--muted)}
.alt:hover strong{color:var(--green)}

/* combos */
.combo-sec{background:var(--tint2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.combos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.c-img img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}
a.c-img{width:180px;height:180px}
.c-name{display:block;font-size:22px}
.c-name:hover{color:var(--green)}
.c-fit{font-size:15px;color:var(--muted);margin-top:4px}
.c-items{font-size:14px;margin-top:8px;line-height:1.5}
.c-price{display:flex;align-items:baseline;gap:4px 10px;margin-top:12px;flex-wrap:wrap}
.c-price strong{font-size:20px;font-weight:800}
.c-price s{font-size:14px;color:var(--muted)}
.c-price em{font-style:normal;font-size:14px;font-weight:800;color:var(--sale)}

/* news */
.nfeat .nt{font-size:32px;margin:8px 0 12px;transition:color .2s}
.nex{margin:0;font-size:16px;line-height:1.65;color:var(--muted);max-width:62ch}
.nt-s{display:block;font-size:17px;font-weight:700;line-height:1.4;margin:4px 0 0;transition:color .2s}
.nt-c{display:block;font-size:18px;font-weight:700;line-height:1.4;margin:6px 0;transition:color .2s}

/* store */
.store{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}
.store-p{font-size:16px;color:var(--muted);margin:10px 0 0;max-width:52ch}

/* footer */
.foot{padding:72px 0 0}
.fgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,1.1fr);gap:32px}
.f-brand p{margin:18px 0 0;max-width:34ch;line-height:1.65}
.f-hkd{color:#FFFFFF;font-weight:800;margin-top:16px !important}
.socrow{display:flex;gap:10px;margin-top:14px}
.f-links .fh+.socrow{margin-top:0}
.bct{display:inline-block;margin-top:24px}
.lang button:disabled{opacity:.55;cursor:not-allowed}
.foot-bar{margin-top:56px;background:var(--green-h);padding:16px;text-align:center;font-size:14px;line-height:1.7;color:rgba(255,255,255,.88)}
.foot-bar strong{color:#FFFFFF}

/* generic pages */
.crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted);margin-bottom:18px}
.crumb a{text-decoration:underline;text-underline-offset:3px}
.page-wrap{padding:40px 0 96px}
.page-h{font-size:44px;margin:0 0 24px}
.prose{max-width:760px;font-size:17px;line-height:1.75}
.prose h2{font-weight:800;font-size:30px;letter-spacing:-.025em;line-height:1.15;margin:44px 0 16px}
.prose h3{font-weight:800;font-size:22px;line-height:1.3;margin:32px 0 12px}
.prose p,.prose ul,.prose ol{margin:0 0 18px}
.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.prose img{max-width:100%;height:auto;border-radius:12px}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--tint)}
.wc-main{padding:32px 0 96px}

@media (max-width:1100px){.deet-grid{grid-template-columns:1fr}.combos{grid-template-columns:1fr !important}}
@media (max-width:760px){.hdr{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;height:64px}.hlogo img{height:36px}.hicons{justify-self:end;gap:8px}.menu-btn{justify-self:start}
.mk{display:none}.selcard{grid-template-columns:110px minmax(0,1fr)}.selimg{width:110px;height:110px}
a.c-img{width:112px;height:112px}.c-name{font-size:18px !important}
.nfeat .nt{font-size:24px}.page-h{font-size:32px}.cal-hero{height:220px}.cal-cap .hd{font-size:26px !important}.months{gap:3px}.mon .ml{font-size:12px}
.fgrid{grid-template-columns:1fr 1fr !important}.f-contact .socrow,.f-links .socrow{gap:8px;flex-wrap:wrap}}

/* ===== blog ===== */
.b-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.b-h1{font-size:44px;letter-spacing:-.03em}
.b-search{display:flex;align-items:center;gap:10px;background:var(--tint2);border:1.5px solid var(--line);border-radius:999px;height:52px;padding:0 20px;width:400px;max-width:100%}
.b-search:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(43,127,53,.12);background:#FFFFFF}
.b-search input{border:0;outline:none;font:inherit;font-size:16px;width:100%;background:transparent;color:var(--ink)}

.latest{position:relative;display:block;margin-top:32px;height:480px;border-radius:24px;overflow:hidden;background:#1C3A22;color:#FFFFFF}
.latest img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.latest:hover img{transform:scale(1.03)}
.latest::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,40,20,.88) 0%,rgba(16,40,20,.55) 45%,rgba(16,40,20,.05) 80%)}
.lt-in{position:absolute;z-index:1;left:48px;top:0;bottom:0;max-width:560px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.lt-chip{align-self:flex-start;background:var(--amber);color:var(--ink);font-size:13px;font-weight:800;border-radius:999px;padding:6px 12px}
.lt-cat{font-size:14px;font-weight:700;color:#CFE8B8;margin-top:6px}
.lt-t{font-size:40px;line-height:1.12;color:#FFFFFF}
.lt-d{font-size:17px;line-height:1.6;color:rgba(255,255,255,.88)}
.lt-foot{display:flex;align-items:center;gap:20px;margin-top:10px;font-size:14px;color:rgba(255,255,255,.8);font-weight:600}
.lt-go{display:inline-flex;align-items:center;gap:8px;background:#FFFFFF;color:var(--ink);border-radius:10px;padding:10px 16px;font-weight:800}

.topics{display:flex;gap:10px;margin:36px 0 0;padding:6px;background:var(--tint2);border:1px solid var(--line);border-radius:18px;overflow-x:auto;scrollbar-width:none}
.topics::-webkit-scrollbar{display:none}
.topic{flex:1;min-width:max-content;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:0;border-radius:13px;background:transparent;cursor:pointer;font:inherit;font-size:15px;font-weight:700;color:var(--muted);transition:background .2s,color .2s}
.topic:hover{color:var(--ink);background:#FFFFFF}
.topic.on{background:var(--green);color:#FFFFFF;box-shadow:0 6px 16px rgba(43,127,53,.25)}
.tp-ic{width:20px;height:20px;background:currentColor;flex-shrink:0}
.ic-all{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3C/svg%3E") center/contain no-repeat}
.ic-vat{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203c3%204%205%207%205%2010a5%205%200%200%201-10%200c0-3%202-6%205-10z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203c3%204%205%207%205%2010a5%205%200%200%201-10%200c0-3%202-6%205-10z%22/%3E%3C/svg%3E") center/contain no-repeat}
.ic-dd{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020l6-12%204%207%203-4%205%209z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020l6-12%204%207%203-4%205%209z%22/%3E%3C/svg%3E") center/contain no-repeat}
.ic-muoi{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%208v13M8%204l4%204%204-4M5%2012h14M6%2017l6-3%206%203%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%208v13M8%204l4%204%204-4M5%2012h14M6%2017l6-3%206%203%22/%3E%3C/svg%3E") center/contain no-repeat}
.ic-gd{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%227%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%229%22%20r%3D%222.5%22/%3E%3Cpath%20d%3D%22M2%2020c.5-4%203-6%206-6s5.5%202%206%206M14%2020c.3-2.5%201.6-4%203.5-4S21%2017.5%2021%2020%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%227%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%229%22%20r%3D%222.5%22/%3E%3Cpath%20d%3D%22M2%2020c.5-4%203-6%206-6s5.5%202%206%206M14%2020c.3-2.5%201.6-4%203.5-4S21%2017.5%2021%2020%22/%3E%3C/svg%3E") center/contain no-repeat}
.ic-hc{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6M10%203v6l-5%209a2%202%200%200%200%201.7%203h10.6A2%202%200%200%200%2019%2018l-5-9V3%22/%3E%3Cpath%20d%3D%22M7.5%2014h9%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6M10%203v6l-5%209a2%202%200%200%200%201.7%203h10.6A2%202%200%200%200%2019%2018l-5-9V3%22/%3E%3Cpath%20d%3D%22M7.5%2014h9%22/%3E%3C/svg%3E") center/contain no-repeat}


.b-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;margin-top:44px;padding-bottom:104px;align-items:start}
.b-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.b-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
.bc{display:flex;flex-direction:column}
.bc-img{display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/10;position:relative}
.bc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.bc:hover .bc-img img{transform:scale(1.04)}
.bc:hover .bt{color:var(--green)}
.bc-body{display:block;padding-top:16px}
.b-cat{display:block;font-size:13px;font-weight:800;color:var(--green)}
.bt{display:block;font-size:19px;font-weight:800;line-height:1.35;letter-spacing:-.01em;margin:6px 0;transition:color .2s}
.bd{display:-webkit-box;font-size:15px;line-height:1.6;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.b-meta{display:block;font-size:13px;color:var(--muted);margin-top:10px;font-weight:600}
.tcover{display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#FFFFFF}
.tc-k{font-size:12px;font-weight:800;opacity:.85;margin-bottom:8px}
.tc-t{font-size:20px;font-weight:800;line-height:1.25;max-width:18ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tc-mark{position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;border:22px solid rgba(255,255,255,.14)}
.t-vat{background:linear-gradient(140deg,#2B7F35,#1E5A26)}
.t-dd{background:linear-gradient(140deg,#3E8E5A,#24603A)}
.t-muoi{background:linear-gradient(140deg,#D98A1E,#B4661A)}
.t-gd{background:linear-gradient(140deg,#2E86C1,#1F5F8B)}
.t-hc{background:linear-gradient(140deg,#5C6B3A,#3F4A26)}
.b-empty{text-align:center;padding:72px 24px;border:1.5px dashed var(--line);border-radius:18px}

.b-side{position:sticky;top:100px;display:grid;gap:20px}
.sb{border:1px solid var(--line);border-radius:18px;padding:20px;background:#FFFFFF}
.sb-h{font-size:18px;font-weight:800;margin-bottom:10px}
.fr{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.fr:first-of-type{border-top:0}
.fr-img{position:relative;display:block;width:84px;height:64px;border-radius:10px;overflow:hidden}
.fr-img img{width:100%;height:100%;object-fit:cover;display:block}
.fr-n{position:absolute;left:6px;top:6px;width:22px;height:22px;border-radius:6px;background:var(--amber);color:var(--ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.fr-t{display:-webkit-box;font-weight:800;font-size:14px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fr:hover .fr-t{color:var(--green)}
.fr-m{display:block;font-size:12px;color:var(--muted);margin-top:3px;font-weight:600}
.sb-cal{position:relative;display:flex;flex-direction:column;border-radius:18px;padding:22px;background:linear-gradient(150deg,#2B7F35,#1F5E2A);overflow:hidden}
.sb-bars{display:flex;align-items:flex-end;gap:6px;height:64px;margin-top:18px}
.sb-bars span{flex:1;border-radius:4px;background:rgba(255,255,255,.35)}
.sb-bars span:nth-child(n+4):nth-child(-n+7){background:var(--amber)}
.sb-help .soc{width:44px;height:44px}

@media (max-width:1100px){.b-layout{grid-template-columns:minmax(0,1fr)}.b-side{position:static;grid-template-columns:1fr 1fr}.b-side .sb:first-child{grid-column:1 / -1}}
@media (max-width:760px){.b-h1{font-size:32px}.b-search{width:100%}.latest{height:440px;border-radius:18px}.latest::after{background:linear-gradient(0deg,rgba(16,40,20,.92) 0%,rgba(16,40,20,.5) 60%,rgba(16,40,20,.1) 100%)}.lt-in{left:20px;right:20px;top:auto;bottom:22px;justify-content:flex-end}.lt-t{font-size:26px}.lt-d{display:none}.topic{flex:none}.b-grid{grid-template-columns:1fr}.b-side{grid-template-columns:1fr}.b-layout{padding-bottom:72px}}

/* ===== article ===== */
.art-head{max-width:860px}
.chip{display:inline-block;font-size:13px;font-weight:800;color:var(--green);background:var(--tint);padding:6px 12px;border-radius:999px}
.art-h1{font-size:50px;letter-spacing:-.03em;line-height:1.1;margin:18px 0 18px}
.art-lede{font-size:20px;line-height:1.6;color:var(--muted);margin:0;max-width:62ch}
.art-meta{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:15px;font-weight:600}
.art-meta .by{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#FFFFFF}
.art-meta .by img{height:18px !important}
.art-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--muted)}
.art-cover{margin:40px 0 0}
.art-cover img{width:100%;height:480px;object-fit:cover;object-position:50% 38%;border-radius:18px;display:block}
.art-cover figcaption{font-size:14px;color:var(--muted);margin-top:10px}

.art-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 270px;gap:48px;margin-top:56px;align-items:start}
.atoc{position:sticky;top:100px}
.atoc-h{font-size:13px;font-weight:800;color:var(--muted);margin-bottom:10px}
.atoc a{display:block;padding:8px 0 8px 14px;border-left:2px solid var(--line);font-size:14px;line-height:1.4;color:var(--muted);font-weight:600;transition:color .2s,border-color .2s}
.atoc a:hover{color:var(--ink);border-left-color:var(--green)}
.atoc a.on{color:var(--ink);border-left-color:var(--amber)}

.aprose{max-width:700px}
.aprose p,.aprose li{font-size:18px;line-height:1.75;color:#24342A}
.aprose p{margin:0 0 18px}
.aprose strong{color:var(--ink)}
.aprose a{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.aprose a:hover{color:var(--green-h)}
.art-intro p:first-child{font-size:21px;line-height:1.65;color:var(--ink)}
.asec{padding-top:40px;margin-top:40px;border-top:1px solid var(--line)}
.asec h2{font-size:30px;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 18px;scroll-margin-top:100px}
.aprose ol,.aprose ul{padding-left:24px;margin:0 0 18px}
.aprose li{margin:6px 0}
.aprose li::marker{color:var(--green);font-weight:800}
.tbl{overflow-x:auto;margin:6px 0 22px;border:1px solid var(--line);border-radius:14px}
.tbl table{width:100%;border-collapse:collapse;font-size:16px;min-width:480px}
.tbl th{background:var(--tint);text-align:left;padding:12px 16px;font-size:14px;color:var(--muted)}
.tbl td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}
.arrow{background:var(--tint2);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:0 12px 12px 0;padding:14px 18px;font-size:16px !important}
.faqd{border-top:1px solid var(--line)}
.faqd:last-of-type{border-bottom:1px solid var(--line)}
.faqd summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;font-weight:800;font-size:18px;position:relative}
.faqd summary::-webkit-details-marker{display:none}
.faqd summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;font-weight:600;color:var(--green);transition:transform .2s}
.faqd[open] summary::after{transform:rotate(45deg)}
.faqd p{margin:0 0 18px !important;font-size:17px !important}

.pcall{margin:32px 0 0;border:1px solid var(--line);border-radius:16px;background:var(--tint2);padding:20px}
.pcall-h{font-size:14px;font-weight:800;color:var(--muted);margin-bottom:6px}
.prow{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.prow:first-of-type{border-top:0}
.prow img{width:72px;height:72px;object-fit:cover;border-radius:10px;display:block}

.share{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.s-copy{background:var(--tint);color:var(--green);border:0;cursor:pointer}

.aside{position:sticky;top:100px;display:grid;gap:20px}
.acard{border:1px solid var(--line);border-radius:16px;padding:20px;background:#FFFFFF}
.mini{display:flex;align-items:flex-end;gap:4px;height:96px;margin:14px 0 12px}
.mcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.mbar{width:100%;border-radius:3px}
.mbar.cur{outline:2px solid var(--ink);outline-offset:1px}
.mlab{font-size:10px;color:var(--muted)}

.related{background:var(--tint2);border-top:1px solid var(--line);padding:80px 0;margin-top:96px}
.rel3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ncard:hover .nt{color:var(--green)}

@media (max-width:1100px){.art-grid{grid-template-columns:minmax(0,1fr) 260px}.atoc{display:none}}
@media (max-width:760px){.art-h1{font-size:32px}.art-lede{font-size:17px}.art-cover img{height:240px;border-radius:14px}.art-grid{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:36px}.aside{position:static}.aprose p,.aprose li{font-size:17px}.art-intro p:first-child{font-size:19px}.asec h2{font-size:24px}.rel3{grid-template-columns:1fr}.prow{grid-template-columns:60px minmax(0,1fr);}.prow img{width:60px;height:60px}.prow .pact{grid-column:1 / -1}.related{padding:56px 0;margin-top:64px}}

/* blog/article additions */
a.topic{text-decoration:none}
.pager{margin-top:44px}
.pager ul{list-style:none;display:flex;gap:8px;padding:0;margin:0;flex-wrap:wrap}
.pager a,.pager span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;font-weight:700}
.pager .current{background:var(--green);border-color:var(--green);color:#FFFFFF}
.pager a:hover{border-color:var(--green);color:var(--green)}
.art-grid.no-toc{grid-template-columns:minmax(0,1fr) 270px}
.art-cover img{width:100%;height:480px;object-fit:cover;object-position:50% 38%;border-radius:18px;display:block}
.aprose h2{font-size:30px;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:44px 0 18px;padding-top:36px;border-top:1px solid var(--line);scroll-margin-top:100px}
.aprose h3{font-size:22px;font-weight:800;line-height:1.3;margin:28px 0 12px}
.aprose img{max-width:100%;height:auto;border-radius:12px}
.aprose hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.aprose table{width:100%;border-collapse:collapse;font-size:16px;min-width:480px}
.aprose .tbl th,.aprose .tbl td{text-align:left;padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}
.aprose .tbl th{background:var(--tint);font-size:14px;color:var(--muted);border-top:0}
.aprose blockquote{margin:0 0 18px;background:var(--tint2);border-left:4px solid var(--amber);border-radius:0 12px 12px 0;padding:14px 18px}
.ac-k{font-size:13px;font-weight:800;color:var(--green)}
.ac-t{font-size:18px;font-weight:800;margin-top:4px}
.ac-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block;margin:12px 0}
.ac-name{display:block;font-weight:800;line-height:1.35}
.ac-name:hover{color:var(--green)}
.ac-why{font-size:14px;color:var(--muted);margin-top:4px;line-height:1.5}
.ac-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
@media (max-width:760px){.art-grid.no-toc{grid-template-columns:minmax(0,1fr)}.art-cover img{height:240px;border-radius:14px}.aprose h2{font-size:24px}}

/* ===== shop ===== */
.cat-hero{background:var(--tint);border-bottom:1px solid var(--line);padding:28px 0 44px}
.cat-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:end}
.cat-h1{font-size:48px;letter-spacing:-.03em}
.needs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.need{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:#FFFFFF;transition:border-color .2s}
.need:first-child{grid-column:1 / -1}
.need:hover{border-color:var(--green)}
.need.on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.need-t{font-weight:800;font-size:15px}
.need-s{font-size:13px;color:var(--muted)}
.shop-body{padding-top:40px;padding-bottom:104px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.toolbar .woocommerce-result-count{margin:0;color:var(--muted);font-size:14px}
.toolbar select{height:44px;border:1.5px solid var(--line);border-radius:10px;padding:0 36px 0 12px;font:inherit;font-size:14px;background:#FFFFFF;color:var(--ink)}
.toolbar form{margin:0}
.help-band{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:72px;padding:28px;border-radius:18px;background:var(--tint2);border:1px solid var(--line)}
.pd-wrap{padding-top:28px;padding-bottom:40px}
.pd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.main-img{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--tint2)}
.main-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.thumbs{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.th{width:96px;height:96px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--tint2);transition:border-color .2s}
.th img{width:100%;height:100%;object-fit:cover;display:block}
.th:hover{border-color:var(--line)}
.th.on{border-color:var(--ink)}
.buy{position:sticky;top:100px}
.kick{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--muted);font-weight:500}
.pd-h1{font-size:38px;margin:14px 0 8px;letter-spacing:-.03em;line-height:1.15}
.pd-sub{font-size:17px;color:var(--muted)}
.facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}
.facts>div{padding:16px 16px 16px 0}
.facts>div+div{border-left:1px solid var(--line);padding-left:16px}
.f-v{font-size:28px}
.f-l{font-size:14px;color:var(--muted)}
.pd-price{display:flex;align-items:baseline;gap:14px;margin-top:24px;flex-wrap:wrap}
.pd-price .now{font-size:36px;font-weight:800;line-height:1}
.pd-price .was{font-size:17px;color:var(--muted);text-decoration:line-through}
.pd-price .save{font-size:15px;font-weight:800;color:var(--sale)}
.ctas{display:flex;gap:12px;margin-top:24px}
.ctas .btn{flex:1;min-height:56px}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;height:56px;background:#FFFFFF}
.qty button{width:44px;height:100%;border:0;background:transparent;font-size:20px;cursor:pointer;color:var(--ink);border-radius:10px}
.qty button:hover{background:var(--tint)}
.qty input{width:40px;border:0;text-align:center;font:inherit;font-weight:800;font-size:16px;background:transparent;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.oos{margin-top:20px;padding:14px 16px;border-radius:12px;background:#FDF1E7;color:#9B2222;font-weight:600}
.shipbox{margin-top:28px;padding:20px;background:var(--tint);border-radius:14px}
.sb-t{font-weight:700;font-size:16px}
.sb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;font-size:14px}
.sb-grid .m{color:var(--muted)}
.sb-grid .d{font-weight:700;font-size:16px}
.sb-note{font-size:14px;color:var(--muted);margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.assure-list{margin-top:18px;display:grid;gap:12px;font-size:14px;line-height:1.55}
.assure-list>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}
.longg{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;margin-top:96px}
.longg.no-toc{grid-template-columns:minmax(0,1fr)}
.toc{position:sticky;top:100px;align-self:start;border-bottom:1px solid var(--line)}
.toc a{display:block;padding:10px 0;color:var(--muted);font-weight:600;border-top:1px solid var(--line);font-size:15px;line-height:1.4}
.toc a:hover{color:var(--ink)}
.pd-desc h2:first-child{border-top:0;padding-top:0;margin-top:0}
.pd-related{margin-top:96px;padding-top:56px;border-top:1px solid var(--line)}
.mbar{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 20px;padding:14px 18px;border-radius:12px;background:var(--tint);border:1px solid var(--line);font-size:15px}
.woocommerce-error{background:#FDEDED;border-color:#F3C4C4;color:#9B2222}
.woocommerce-message .button,.woocommerce-info .button{float:right;font-weight:800;color:var(--green);text-decoration:underline}
@media (max-width:1100px){.cat-top{grid-template-columns:1fr}.pd{grid-template-columns:minmax(0,1fr)}.buy{position:static}.longg{grid-template-columns:minmax(0,1fr)}.toc{display:none}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.cat-h1{font-size:32px}.pd-h1{font-size:28px}.th{width:72px;height:72px}.shop-grid{grid-template-columns:1fr 1fr}.ctas{display:none}.sb-grid{grid-template-columns:1fr}
.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;background:#FFFFFF;border-top:1px solid var(--line);padding:10px 16px;gap:10px;align-items:center}
.mbar>div{flex:1}.mb-p{font-weight:800;font-size:18px;line-height:1.1}.mb-o{font-size:13px;color:var(--muted);text-decoration:line-through}.mbar .btn{min-height:46px;padding:0 14px;font-size:14px}
.single-product .foot{padding-bottom:70px}.needs{grid-template-columns:1fr 1fr}}

/* ===== cart & checkout ===== */
.wc-page{background:var(--tint2);padding-bottom:96px}
.wc-page .page-h{font-size:36px}
.wc-content{font-size:15px}
.wc-content table.shop_table{width:100%;border-collapse:separate;border-spacing:0;background:#FFFFFF;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.wc-content table.shop_table th{text-align:left;font-size:13px;color:var(--muted);font-weight:700;padding:14px 16px;background:var(--tint);border-bottom:1px solid var(--line)}
.wc-content table.shop_table td{padding:16px;border-top:1px solid var(--line);vertical-align:middle}
.wc-content table.shop_table tr:first-child td{border-top:0}
.wc-content .product-thumbnail img{width:76px;height:76px;object-fit:cover;border-radius:12px;display:block}
.wc-content .product-name a{font-weight:800}
.wc-content .product-remove a{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;color:var(--muted)!important;font-size:22px;text-decoration:none}
.wc-content .product-remove a:hover{background:#FDEDED;color:#C23434!important}
.wc-content .quantity input{width:72px;height:44px;border:1.5px solid var(--line);border-radius:10px;text-align:center;font:inherit;font-weight:800}
.wc-content .actions{background:var(--tint2)}
.wc-content .coupon{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.wc-content .coupon label{display:none}
.wc-content input.input-text,.wc-content select,.wc-content textarea{width:100%;height:50px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);background:#FFFFFF;outline:none}
.wc-content textarea{height:96px;padding:12px 14px}
.wc-content .coupon input.input-text{width:220px;height:44px}
.wc-content input.input-text:focus,.wc-content select:focus,.wc-content textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(43,127,53,.12)}
.wc-content .button,.wc-content button.button,.wc-content a.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;border:1.5px solid var(--green);background:#FFFFFF;color:var(--green);font-weight:800;font-size:15px;cursor:pointer;text-decoration:none}
.wc-content .button:hover{background:var(--green);color:#FFFFFF}
.wc-content .button:disabled,.wc-content .button[disabled]{opacity:.5;cursor:not-allowed}
.wc-content .checkout-button,.wc-content #place_order{width:100%;min-height:58px;font-size:17px;background:var(--amber)!important;border-color:var(--amber)!important;color:var(--ink)!important;border-radius:12px}
.wc-content .checkout-button:hover,.wc-content #place_order:hover{background:var(--amber-h)!important}
.wc-content .cart-collaterals{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:32px;margin-top:28px}
.wc-content .cart_totals{grid-column:2;background:#FFFFFF;border:1px solid var(--line);border-radius:18px;padding:24px}
.wc-content .cart_totals h2{font-size:20px;margin:0 0 12px}
.wc-content .cart_totals table.shop_table{border:0;border-radius:0}
.wc-content .cart_totals th{background:transparent;padding:10px 0;border:0;font-size:15px;color:var(--ink);font-weight:600}
.wc-content .cart_totals td{padding:10px 0;text-align:right;border-top:0}
.wc-content .order-total th,.wc-content .order-total td{border-top:1px solid var(--line)!important;padding-top:16px!important;font-size:18px;font-weight:800}
.wc-content .woocommerce-shipping-methods{list-style:none;margin:0;padding:0;text-align:left}
.wc-content .woocommerce-shipping-methods li{margin:0 0 8px}
.wc-content .cross-sells{grid-column:1;grid-row:1}
.wc-content .cross-sells h2{font-size:20px}
.wc-content .cart-empty{font-size:18px;font-weight:700}
.wc-content .return-to-shop{margin-top:16px}

form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:32px;align-items:start}
form.checkout .col2-set{grid-column:1;background:#FFFFFF;border:1px solid var(--line);border-radius:18px;padding:26px}
form.checkout .col2-set .col-2{margin-top:20px}
form.checkout h3{font-size:19px;font-weight:800;margin:0 0 18px}
#order_review_heading{grid-column:2;grid-row:1;margin:0;font-size:19px;font-weight:800;background:#FFFFFF;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;padding:22px 24px 0}
#order_review{grid-column:2;grid-row:1 / span 2;margin-top:52px;background:#FFFFFF;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;padding:12px 24px 24px;position:sticky;top:100px}
#order_review table.shop_table{border:0;border-radius:0}
#order_review table.shop_table th,#order_review table.shop_table td{background:transparent;padding:10px 0;border:0;border-top:1px solid var(--line);font-size:15px}
#order_review table.shop_table thead th{border-top:0;color:var(--muted);font-size:13px}
#order_review td:last-child,#order_review tfoot td{text-align:right}
#order_review .order-total th,#order_review .order-total td{font-size:20px;font-weight:800}
#order_review .woocommerce-shipping-methods li{display:flex;gap:8px;align-items:flex-start;padding:6px 0}
#order_review .woocommerce-shipping-methods label{font-weight:600}
.woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-row{margin:0;display:flex;flex-direction:column;gap:6px}
.form-row-wide,#billing_country_field,#billing_address_1_field,#billing_email_field{grid-column:1 / -1}
#billing_country_field{display:none!important}
.form-row label{font-size:14px;font-weight:700}
.form-row .required{color:var(--sale);text-decoration:none}
.form-row .optional{font-weight:500;color:var(--muted)}
.woocommerce-input-wrapper{display:block}
.ps-ward{width:100%;height:50px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;background:#FFFFFF;margin-bottom:8px}
.select2-container .select2-selection--single{height:50px!important;border:1.5px solid var(--line)!important;border-radius:12px!important;display:flex;align-items:center}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px!important}
#payment{margin-top:16px;background:var(--tint2);border-radius:14px;padding:16px}
#payment ul.payment_methods{list-style:none;margin:0 0 12px;padding:0}
#payment ul.payment_methods li{padding:6px 0}
#payment ul.payment_methods label{font-weight:800}
#payment .payment_box{font-size:14px;color:var(--muted);margin:6px 0 0 24px}
.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper{font-size:13px;color:var(--muted);margin:10px 0}
.woocommerce-form-coupon-toggle .woocommerce-info,.woocommerce-form-login-toggle .woocommerce-info{background:#FFFFFF}
form.checkout_coupon{display:flex;gap:8px;margin:0 0 20px;background:#FFFFFF;border:1px solid var(--line);border-radius:14px;padding:16px}
form.checkout_coupon p{margin:0}
.woocommerce-order{background:#FFFFFF;border:1px solid var(--line);border-radius:18px;padding:28px}
.woocommerce-thankyou-order-received{font-size:22px;font-weight:800;color:var(--green)}
ul.woocommerce-order-overview{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
ul.woocommerce-order-overview li{background:var(--tint2);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--muted)}
ul.woocommerce-order-overview li strong{display:block;font-size:16px;color:var(--ink)}
.ty-msg{margin:20px 0;padding:20px;border-radius:14px;border:1px solid var(--line);background:var(--tint2)}
@media (max-width:1000px){form.checkout{grid-template-columns:1fr}#order_review_heading,#order_review{grid-column:1;grid-row:auto;position:static}#order_review{margin-top:0}.wc-content .cart-collaterals{grid-template-columns:1fr}.wc-content .cart_totals{grid-column:1}}
@media (max-width:760px){.woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}.wc-content table.shop_table_responsive thead{display:none}.wc-content table.shop_table_responsive tr td{display:block;text-align:right}.wc-content table.shop_table_responsive tr td::before{content:attr(data-title) ": ";float:left;font-weight:700}.wc-content .product-thumbnail::before{display:none}.wc-content .coupon input.input-text{width:100%}}
#billing_first_name_field{order:1;grid-column:auto!important}#billing_phone_field{order:2;grid-column:auto!important}#billing_email_field{order:3}#billing_state_field{order:4;grid-column:auto!important}#billing_city_field{order:5;grid-column:auto!important}#billing_address_1_field{order:6}
@media (max-width:760px){#billing_first_name_field,#billing_phone_field,#billing_state_field,#billing_city_field{grid-column:1 / -1!important}}

/* ===== about ===== */
.page-about .crumb{font-size:14px;color:var(--muted);margin-bottom:28px}
.page-about .crumb a{text-decoration:underline;text-underline-offset:3px}
.page-about .crumb span[aria-hidden]{margin:0 8px}
.page-about .ab-hero{background:linear-gradient(180deg,var(--tint) 0%,#FFFFFF 100%);padding:32px 0 72px}
.page-about .ab-hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.page-about .ab-h1{font-size:54px;letter-spacing:-.035em;line-height:1.08}
.page-about .ab-lede{font-size:20px;line-height:1.6;color:var(--ink);margin:22px 0 0;max-width:52ch}
.page-about .ab-p{font-size:17px;line-height:1.7;color:var(--muted);margin:14px 0 0;max-width:56ch}
.page-about .ab-collage{position:relative;height:520px}
.page-about .ab-collage img{position:absolute;object-fit:cover;border-radius:20px}
.page-about .c1{left:0;top:30px;width:66%;height:380px}
.page-about .c1{box-shadow:0 18px 44px rgba(23,38,28,.12)}
.page-about .c2{right:0;top:0;width:40%;height:250px;box-shadow:0 14px 30px rgba(23,38,28,.18)}
.page-about .c3{right:4%;bottom:0;width:44%;height:230px;box-shadow:0 14px 30px rgba(23,38,28,.2)}
.page-about .ab-badge{position:absolute;left:6%;bottom:12px;background:#FFFFFF;border-radius:16px;padding:16px 20px;box-shadow:0 16px 40px rgba(23,38,28,.16);display:flex;flex-direction:column;max-width:220px}
.page-about .ab-badge .y{font-size:34px;font-weight:800;color:var(--green);letter-spacing:-.03em;line-height:1}
.page-about .ab-badge span:last-child{font-size:14px;font-weight:600;color:var(--muted);margin-top:6px;line-height:1.4}
.page-about .ab-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#FFFFFF;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px rgba(23,38,28,.08);padding:30px 8px;margin-top:-28px;position:relative}
.page-about .stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;gap:6px}
.page-about .stat+.stat{border-left:1px solid var(--line)}
.page-about .sv{font-size:46px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--green)}
.page-about .sl{font-size:14px;color:var(--muted);font-weight:600;line-height:1.4;max-width:18ch}
.page-about .ab-sec{padding:104px 0}
.page-about .ab-tint{background:var(--tint2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.page-about .ab-head{max-width:720px;margin-bottom:48px}
.page-about .flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative}
.page-about .flow::before{content:"";position:absolute;top:44px;left:16%;right:16%;border-top:2px dashed #B9D3A8}
.page-about .fl{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.page-about .fl-ic{width:88px;height:88px;border-radius:50%;background:#FFFFFF;border:2px solid var(--line);color:var(--green);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 10px 26px rgba(23,38,28,.08)}
.page-about .fl:nth-child(2) .fl-ic{color:var(--sale)}
.page-about .fl:nth-child(3) .fl-ic{background:var(--green);border-color:var(--green);color:#FFFFFF}
.page-about .fl-n{font-size:13px;font-weight:800;color:var(--muted);margin-top:18px}
.page-about .fl-t{font-size:21px;font-weight:800;letter-spacing:-.015em;margin-top:4px}
.page-about .fl-d{font-size:15px;color:var(--muted);line-height:1.6;margin-top:8px;max-width:30ch}
.page-about .ab-two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center}
.page-about .bars{display:grid;gap:22px;margin-top:32px}
.page-about .bar-top{display:flex;justify-content:space-between;align-items:baseline}
.page-about .bar-n{font-weight:800;font-size:16px}
.page-about .bar-v{font-size:26px;font-weight:800;letter-spacing:-.02em}
.page-about .bar-v span{font-size:14px;color:var(--muted);font-weight:700}
.page-about .bar-t{height:14px;border-radius:7px;background:#E3EBDD;margin-top:8px;overflow:hidden}
.page-about .bar-f{display:block;height:100%;border-radius:7px}
.page-about .tn-1{background:linear-gradient(90deg,#3E9A48,var(--green))}
.page-about .tn-2{background:linear-gradient(90deg,#9CC97F,#6DB33F)}
.page-about .tn-3{background:linear-gradient(90deg,#F7C76A,var(--amber))}
.page-about .bar-d{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.5}
.page-about .ship-ig{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 16px 40px rgba(23,38,28,.06)}
.page-about .ig-h{font-size:22px;font-weight:800;letter-spacing:-.015em}
.page-about .ig-s{font-size:14px;color:var(--muted);margin-top:4px}
.page-about .ig-scale{display:grid;grid-template-columns:repeat(8,1fr);margin:26px 0 8px 132px;font-size:12px;color:var(--muted);font-weight:700}
.page-about .ig-scale span:last-child{white-space:nowrap}
.page-about .ig-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0}
.page-about .ig-l{font-weight:800;font-size:15px}
.page-about .ig-track{position:relative;height:38px;border-radius:10px;background:repeating-linear-gradient(90deg,#EEF3EA 0,#EEF3EA calc(12.5% - 1px),#DCE6D6 calc(12.5% - 1px),#DCE6D6 12.5%)}
.page-about .ig-bar{position:absolute;top:6px;bottom:6px;border-radius:8px;background:var(--green)}
.page-about .ig-bar span{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap}
.page-about .ib3 span{left:auto !important;right:calc(100% + 8px)}
.page-about .ib2{background:#4E9E3A !important}
.page-about .ib3{background:var(--amber) !important}
.page-about .ig-foot{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.5}
.page-about .ig-foot svg{color:var(--green);flex-shrink:0}
.page-about .journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.page-about .jr{position:relative;padding:0 24px 0 0}
.page-about .jr::before{content:"";position:absolute;top:23px;left:48px;right:0;height:2px;background:var(--line)}
.page-about .jr:last-child::before{display:none}
.page-about .jr-dot{width:48px;height:48px;border-radius:14px;background:var(--tint);color:var(--green);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.page-about .jr:last-child .jr-dot{background:var(--green);color:#FFFFFF}
.page-about .jr-t{display:block;font-size:18px;font-weight:800;margin-top:18px;letter-spacing:-.01em;line-height:1.35}
.page-about .jr-d{display:block;font-size:15px;color:var(--muted);margin-top:6px;line-height:1.6}
.page-about .vm{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.page-about .vm-c{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;padding:36px}
.page-about .vm-g{background:var(--green);border-color:var(--green);color:#FFFFFF}
.page-about .vm-k{font-size:14px;font-weight:800;color:var(--green)}
.page-about .vm-g .vm-k{color:#CFE8B8}
.page-about .vm-t{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin:12px 0 0}
.page-about .vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.page-about .val{background:#FFFFFF;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column}
.page-about .val-ic{width:52px;height:52px;border-radius:14px;background:var(--tint);color:var(--green);display:flex;align-items:center;justify-content:center}
.page-about .val-t{font-size:18px;font-weight:800;margin-top:18px}
.page-about .val-d{font-size:15px;color:var(--muted);line-height:1.6;margin-top:6px}
.page-about .brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.page-about .br{border:1px solid var(--line);border-radius:16px;padding:22px 16px;text-align:center;display:flex;flex-direction:column;gap:6px;background:#FFFFFF}
.page-about .br-n{font-size:22px;font-weight:800;letter-spacing:-.02em}
.page-about .br-s{font-size:13px;color:var(--muted);line-height:1.4}
.page-about .ab-cta{position:relative;border-radius:24px;overflow:hidden;min-height:340px;display:flex;align-items:center}
.page-about .ab-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-about .ab-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,40,20,.9) 0%,rgba(16,40,20,.55) 55%,rgba(16,40,20,.15) 100%)}
.page-about .ab-cta-in{position:relative;z-index:1;padding:48px}
@media (max-width:1100px){.page-about .ab-hgrid{grid-template-columns:1fr}
.page-about .ab-collage{height:440px}
.page-about .ab-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
.page-about .stat:nth-child(4){border-left:0}
.page-about .ab-two{grid-template-columns:1fr}
.page-about .journey{grid-template-columns:1fr 1fr;row-gap:36px}
.page-about .jr:nth-child(2)::before{display:none}
.page-about .vals{grid-template-columns:1fr 1fr}
.page-about .brands{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){.page-about .ab-h1{font-size:34px}
.page-about .ab-lede{font-size:18px}
.page-about .ab-collage{height:320px}
.page-about .c1{height:240px;top:20px}
.page-about .c2{height:160px}
.page-about .c3{height:150px}
.page-about .ab-badge{padding:12px 14px}
.page-about .ab-badge .y{font-size:26px}
.page-about .ab-stats{grid-template-columns:1fr 1fr;padding:22px 6px;margin-top:-16px}
.page-about .stat{padding:0 10px}
.page-about .stat:nth-child(odd){border-left:0}
.page-about .stat:nth-child(even){border-left:1px solid var(--line)}
.page-about .stat:last-child{grid-column:1 / -1;border-left:0}
.page-about .sv{font-size:36px}
.page-about .ab-sec{padding:72px 0}
.page-about .flow{grid-template-columns:1fr;gap:28px}
.page-about .flow::before{top:44px;bottom:44px;left:50%;right:auto;border-top:0;border-left:2px dashed #B9D3A8}
.page-about .journey{grid-template-columns:1fr}
.page-about .jr{padding:0 0 0 64px;min-height:48px}
.page-about .jr-dot{position:absolute;left:0;top:0}
.page-about .jr::before{top:48px;bottom:-36px;left:23px;right:auto;width:2px;height:auto}
.page-about .jr:nth-child(2)::before{display:block}
.page-about .jr-t{margin-top:10px}
.page-about .vm{grid-template-columns:1fr}
.page-about .vm-c{padding:26px}
.page-about .vm-t{font-size:21px}
.page-about .vals{grid-template-columns:1fr}
.page-about .brands{grid-template-columns:1fr 1fr}
.page-about .ab-cta-in{padding:28px}
.page-about .ab-cta h2{font-size:28px !important}
.page-about .ig-scale{margin-left:96px;font-size:10px}
.page-about .ig-row{grid-template-columns:84px minmax(0,1fr)}
.page-about .ig-l{font-size:13px}
.page-about .ig-bar{font-size:11px}
.page-about .ship-ig{padding:20px}
}
.page-about .vmx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:#FFFFFF;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.page-about .vmx-img{position:relative;min-height:420px}
.page-about .vmx-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-about .vmx-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,40,20,.75) 0%,rgba(16,40,20,0) 55%)}
.page-about .vmx-quote{position:absolute;left:32px;bottom:28px;z-index:1;color:#FFFFFF;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.page-about .vmx-txt{display:flex;flex-direction:column;justify-content:center;padding:48px}
.page-about .vmx-row{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;align-items:start;padding:28px 0}
.page-about .vmx-row+.vmx-row{border-top:1px solid var(--line)}
.page-about .vmx-ic{width:60px;height:60px;border-radius:18px;background:var(--tint);color:var(--green);display:flex;align-items:center;justify-content:center}
.page-about .vmx-ic2{background:#FFF4E2;color:#C77A10}
.page-about .vmx-k{font-size:14px;font-weight:800;color:var(--green)}
.page-about .vmx-row:nth-child(2) .vmx-k{color:#C77A10}
.page-about .vmx-t{font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.35;margin:6px 0 0}
.page-about .cv{margin-top:56px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:center}
.page-about .cv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#FFFFFF;border:1px solid var(--line);border-radius:20px;padding:28px 8px}
.page-about .cv-i{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}
.page-about .cv-i+.cv-i{border-left:1px solid var(--line)}
.page-about .cv-ic{width:56px;height:56px;border-radius:50%;background:var(--green);color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px var(--tint)}
.page-about .cv-t{font-size:17px;font-weight:800;margin-top:22px}
.page-about .cv-d{font-size:14px;color:var(--muted);line-height:1.6;margin-top:6px}
.page-about .nn{display:flex;align-items:center;gap:10px}
.page-about .nn-l{font-weight:800;color:#FFFFFF;margin-right:2px}
.page-about .nn .soc{width:48px;height:48px;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
@media (max-width:1100px){.page-about .vmx{grid-template-columns:1fr}
.page-about .vmx-img{min-height:300px}
.page-about .cv{grid-template-columns:1fr;gap:20px}
.page-about .cv-grid{grid-template-columns:1fr 1fr;row-gap:28px}
.page-about .cv-i:nth-child(3){border-left:0}
}
@media (max-width:760px){.page-about .vmx-txt{padding:24px}
.page-about .vmx-t{font-size:19px}
.page-about .vmx-quote{font-size:22px;left:20px}
.page-about .vmx-row{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:20px 0}
.page-about .vmx-ic{width:48px;height:48px;border-radius:14px}
.page-about .cv-grid{padding:22px 4px}
.page-about .cv-i{padding:0 10px}
.page-about .cv-t{font-size:15px}
.page-about .cv-d{font-size:13px}
}

/* ===== contact ===== */
.page-contact .crumb{font-size:14px;color:var(--muted);margin-bottom:28px}
.page-contact .crumb a{text-decoration:underline;text-underline-offset:3px}
.page-contact .crumb span[aria-hidden]{margin:0 8px}
.page-contact .ct-hero{position:relative;overflow:hidden;background:var(--tint);border-bottom:1px solid var(--line);padding:28px 0 56px}
.page-contact .ct-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:saturate(.8)}
.page-contact .ct-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,246,232,.97) 0%,rgba(238,246,232,.85) 45%,rgba(238,246,232,.55) 100%)}
.page-contact .ct-h1{font-size:48px;letter-spacing:-.03em}
.page-contact .chs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}
.page-contact .ch{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:16px;padding:16px 18px;transition:border-color .2s,transform .2s,box-shadow .2s}
.page-contact .ch:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 14px 30px rgba(23,38,28,.10)}
.page-contact .ch-ic{width:52px;height:52px;flex-shrink:0}
.page-contact .ch-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.page-contact .ch-t{font-size:17px;font-weight:800}
.page-contact .ch-s{font-size:14px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-contact .ch-ar{color:var(--muted);flex-shrink:0;transition:transform .2s,color .2s}
.page-contact .ch:hover .ch-ar{color:var(--green);transform:translateX(3px)}
.page-contact .ct-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;padding-top:56px;padding-bottom:80px;align-items:start}
.page-contact .ct-form{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;padding:32px}
.page-contact .ct-stack{display:grid;gap:18px}
.page-contact .flbl{font-size:14px;font-weight:700}
.page-contact .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.page-contact .chip2{border:1.5px solid var(--line);background:#FFFFFF;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.page-contact .chip2:hover{border-color:var(--green)}
.page-contact .chip2.on{background:var(--green);border-color:var(--green);color:#FFFFFF}
.page-contact .field{display:flex;flex-direction:column;gap:6px}
.page-contact .field label{font-size:14px;font-weight:700}
.page-contact .req{color:var(--sale)}
.page-contact .inp{height:50px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);background:#FFFFFF;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}
.page-contact textarea.inp{padding:12px 14px;resize:vertical}
.page-contact .inp:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(43,127,53,.12)}
.page-contact .inp.err{border-color:#D14343;box-shadow:0 0 0 4px rgba(209,67,67,.1)}
.page-contact .emsg{font-size:13px;color:#C23434;font-weight:600}
.page-contact .hint{font-size:13px;color:var(--muted)}
.page-contact .g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.page-contact .sent-ic{width:68px;height:68px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 0 0 10px var(--tint)}
.page-contact .ct-side{display:grid;gap:18px;position:sticky;top:100px}
.page-contact .ct-store{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.page-contact .map{position:relative;height:200px}
.page-contact .map svg{display:block}
.page-contact .map-l{position:absolute;left:14px;bottom:12px;background:#FFFFFF;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;box-shadow:0 4px 14px rgba(23,38,28,.12)}
.page-contact .hours{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--muted);font-weight:600}
.page-contact .hours svg{color:var(--green);flex-shrink:0}
.page-contact .sc{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;padding:8px 22px}
.page-contact .sc-r{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0}
.page-contact .sc-r+.sc-r{border-top:1px solid var(--line)}
.page-contact .sc-ic{width:40px;height:40px;border-radius:12px;background:var(--tint);color:var(--green);display:flex;align-items:center;justify-content:center}
.page-contact .sc-k{display:block;font-size:13px;color:var(--muted);font-weight:700}
.page-contact .sc-v{display:block;font-weight:800;font-size:15px;word-break:break-word}
.page-contact a.sc-v:hover{color:var(--green)}
.page-contact .ct-faq{max-width:820px}
.page-contact .faqd{border-top:1px solid var(--line)}
.page-contact .faqd:last-child{border-bottom:1px solid var(--line)}
.page-contact .faqd summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;font-weight:800;font-size:17px;position:relative}
.page-contact .faqd summary::-webkit-details-marker{display:none}
.page-contact .faqd summary::after{content:"+";position:absolute;right:4px;top:13px;font-size:24px;font-weight:600;color:var(--green);transition:transform .2s}
.page-contact .faqd[open] summary::after{transform:rotate(45deg)}
.page-contact .faqd p{margin:0 0 18px;font-size:16px;line-height:1.7;color:#24342A}
@media (max-width:1100px){.page-contact .chs{grid-template-columns:1fr 1fr}
.page-contact .ct-grid{grid-template-columns:1fr}
.page-contact .ct-side{position:static}
}
@media (max-width:760px){.page-contact .ct-h1{font-size:34px}
.page-contact .chs{gap:10px}
.page-contact .chs{grid-template-columns:1fr}
.page-contact .ch{padding:14px}
.page-contact .ch-ic{width:46px;height:46px}
.page-contact .ct-form{padding:20px}
.page-contact .g2{grid-template-columns:1fr}
.page-contact .ct-grid{padding-top:36px}
}
.page-contact .sc .soc{width:36px;height:36px}

.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.page-contact .emsg[hidden]{display:none}
.woocommerce-info::before,.woocommerce-message::before,.woocommerce-error::before,.cart-empty::before{content:none!important;display:none!important}
.woocommerce-info,.woocommerce-message,.woocommerce-error{padding-left:18px!important}