:root{--ink:#0b1626;--ink2:#13223a;--ink3:#1d2f4d;--sun:#ffb21e;--sun2:#ff8a1f;--sun-soft:#fff3d9;--sun-text:#a35200;--leaf:#0d8f63;--leaf-soft:#e2f6ee;--wa:#1fae55;--red:#e0452f;--bg:#f7f5f0;--paper:#fff;--line:#e7e2d8;--line2:#eef0f4;--text:#142033;--muted:#5b687c;--r:20px;--r-lg:28px;--shadow:0 1px 2px #0b16260a, 0 8px 24px -12px #0b16262e;--shadow-lg:0 30px 60px -24px #0b162673;--f:"Plus Jakarta Sans", "Noto Sans Lao", system-ui, -apple-system, "Segoe UI", sans-serif;--hdr:68px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px);-webkit-text-size-adjust:100%}body{font-family:var(--f);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.7}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.4}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:8px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:8px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.w100{width:100%}.ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.7em 1.25em;font-size:.95rem;font-weight:700;line-height:1.4;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-lg{padding:.85em 1.5em;font-size:1rem}.btn-sun{background:linear-gradient(135deg, #ffc23d, var(--sun2));color:var(--ink);box-shadow:0 8px 20px -8px #ff8a1fb3}.btn-sun:hover{transform:translateY(-1px);box-shadow:0 12px 26px -8px #ff8a1fd9}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--ink3)}.btn-line{background:var(--paper);border-color:var(--line);color:var(--text)}.btn-line:hover{border-color:#cfc7b8}.btn-ghost{color:#fff;background:#ffffff0f;border-color:#ffffff38}.btn-ghost:hover{background:#ffffff1f}.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:#18984a}.icon-btn{border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-btn:hover{background:var(--bg)}.count{background:var(--red);color:#fff;text-align:center;border-radius:999px;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:800;line-height:20px}.count.bump{animation:.4s bump}@keyframes bump{40%{transform:scale(1.35)}}.topbar{background:var(--ink);color:#ffffffb8;font-size:.82rem;display:none}.topbar-in{align-items:center;gap:24px;min-height:38px;display:flex}.topbar-in>*{align-items:center;gap:6px;display:inline-flex}.topbar-in a{color:#fff;margin-left:auto;font-weight:600}.topbar .ic{width:15px;height:15px;color:var(--sun)}@media (width>=720px){.topbar{display:block}}@media (width<=960px){.topbar-addr{display:none!important}}.hdr{z-index:50;-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);background:#f7f5f0d1;border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}.hdr.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 20px -16px #0b162666}.hdr-in{height:var(--hdr);align-items:center;gap:16px;display:flex}.logo{flex:none;align-items:center;gap:10px;display:inline-flex}.logo-mark{background:var(--ink);width:40px;height:40px;color:var(--sun);border-radius:12px;place-items:center;display:grid}.logo-mark .ic{stroke-width:2.2px;width:24px;height:24px}.logo-tx{flex-direction:column;line-height:1.25;display:flex}.logo-tx b{letter-spacing:.04em;font-size:1.05rem}.logo-tx small{color:var(--muted);font-size:.78rem;font-weight:600}.logo-light .logo-mark{background:var(--sun);color:var(--ink)}.logo-light .logo-tx small{color:#fff9}.nav{gap:2px;margin:0 auto;display:none}.nav a{color:var(--muted);border-radius:999px;padding:7px 12px;font-size:.92rem;font-weight:600;transition:background .2s,color .2s}.nav a:hover{color:var(--text);background:#0b16260d}.nav a.active{color:var(--text);background:var(--paper);box-shadow:var(--shadow)}.hdr-act{align-items:center;gap:8px;margin-left:auto;display:flex}.cart-btn{padding:.6em 1em;position:relative}.cart-btn .count{position:absolute;top:-6px;right:-6px}.hdr-wa{padding:.6em 1.1em;display:none}.burger{border:1px solid var(--line);background:var(--paper);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.burger .ic{width:22px;height:22px}.mnav{border-top:1px solid #0000;grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.mnav.open{border-top-color:var(--line);grid-template-rows:1fr}.mnav-in{grid-template-columns:1fr 1fr;gap:4px;display:grid;overflow:hidden}.mnav.open .mnav-in{padding-top:10px;padding-bottom:14px}.mnav a{border-radius:12px;padding:10px 12px;font-weight:600}.mnav a:hover{background:var(--paper)}@media (width<=420px){.cart-btn-tx{display:none}}@media (width>=640px){.hdr-wa{display:inline-flex}}@media (width>=1140px){.nav{display:flex}.burger,.mnav{display:none}}.hero{padding:10px 10px 0}.hero-in{isolation:isolate;border-radius:var(--r-lg);color:#fff;background:radial-gradient(900px 520px at 88% -8%,#ffb21e52,#0000 62%),radial-gradient(700px 500px at -10% 110%,#2f6fed47,#0000 60%),linear-gradient(160deg,#0b1626 0%,#11264a 55%,#0b1626 100%);padding:48px 0 40px;position:relative;overflow:hidden}.hero-orb{z-index:-1;opacity:.6;background:radial-gradient(circle,#ffe2a1 0%,#ffb21e 30%,#ff8a1f00 68%);border-radius:50%;width:420px;height:420px;animation:9s ease-in-out infinite orb;position:absolute;top:-150px;right:-110px}@keyframes orb{50%{opacity:.75;transform:scale(1.08)}}.hero-cells{z-index:-1;transform-origin:bottom;background-image:linear-gradient(#78a0f038 1.5px,#0000 1.5px),linear-gradient(90deg,#78a0f038 1.5px,#0000 1.5px);background-size:56px 56px;height:52%;position:absolute;bottom:-10px;left:-20%;right:-20%;transform:perspective(420px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000 10%,#000 90%);mask-image:linear-gradient(#0000 10%,#000 90%)}.hero-grid{align-items:center;gap:36px;display:grid}.eyebrow{color:#ffd98a;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.eyebrow .ic{width:18px;height:18px}.hero h1{margin:18px 0 14px;font-size:clamp(2.15rem,6.4vw,3.7rem);line-height:1.34}.hl{color:#ffc23d}.lead{color:#ffffffc7;max-width:540px;font-size:clamp(1rem,2vw,1.15rem)}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-trust{color:#ffffffd1;flex-wrap:wrap;gap:8px 20px;margin-top:26px;font-size:.92rem;display:flex}.hero-trust li{align-items:center;gap:8px;display:inline-flex}.hero-trust .ic{color:#3ddc97;stroke-width:2.6px;background:#3ddc9729;border-radius:50%;width:22px;height:22px;padding:4px}.hero-stats{border-top:1px solid #ffffff1f;gap:28px;margin-top:28px;padding-top:22px;display:flex}.hero-stats b{font-size:1.7rem;line-height:1.2;display:block}.hero-stats span{color:#ffffffa6;font-size:.85rem}@media (width>=980px){.hero-in{padding:72px 0}.hero-grid{grid-template-columns:1.08fr .92fr;gap:56px}}.calc{background:var(--paper);color:var(--text);box-shadow:var(--shadow-lg);scroll-margin-top:calc(var(--hdr) + 16px);border-radius:24px;padding:22px}.calc-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.calc-ic{background:var(--sun-soft);width:46px;height:46px;color:var(--sun-text);border-radius:14px;flex:none;place-items:center;display:grid}.calc-ic .ic{width:24px;height:24px}.calc-head h2{font-size:1.2rem;line-height:1.4}.calc-head p{color:var(--muted);font-size:.86rem;line-height:1.5}.calc-label{color:var(--muted);font-size:.85rem;font-weight:600;display:block}.bill{border-bottom:2px solid var(--line2);align-items:baseline;gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex}.bill:focus-within{border-bottom-color:var(--sun)}.bill input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:clamp(1.8rem,6vw,2.2rem);font-weight:800;line-height:1.3}.bill span{color:var(--muted);font-size:1.4rem;font-weight:800}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--sun) var(--p,50%), #e9edf3 var(--p,50%));border-radius:999px;outline:none;width:100%;height:8px;margin:6px 0 4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:6px solid var(--sun2);cursor:grab;background:#fff;border-radius:50%;width:26px;height:26px;box-shadow:0 4px 10px #0b162640}input[type=range]::-moz-range-thumb{border:6px solid var(--sun2);cursor:grab;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 4px 10px #0b162640}.range-scale{color:var(--muted);justify-content:space-between;margin-bottom:16px;font-size:.74rem;display:flex}.seg{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.seg button{text-align:left;border:1.5px solid var(--line2);background:var(--paper);border-radius:14px;padding:10px 12px;line-height:1.4;transition:border-color .2s,background .2s}.seg button b{font-size:.95rem;display:block}.seg button small{color:var(--muted);font-size:.76rem}.seg button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.seg button[aria-pressed=true] small{color:#ffffffb3}.calc-out{grid-template-columns:1fr 1fr;gap:8px;display:grid}.calc-out div{background:#f4f6f9;border-radius:14px;padding:10px 12px}.calc-out span{color:var(--muted);font-size:.78rem;display:block}.calc-out b{white-space:nowrap;font-size:1.22rem;line-height:1.35}@media (width<=420px){.calc{padding:18px}.calc-out b{font-size:1.06rem}}.calc-out .save{background:var(--leaf-soft)}.calc-out .save b{color:var(--leaf)}.calc-budget{color:var(--muted);margin:12px 0 14px;font-size:.86rem}.calc-budget b{color:var(--text)}.calc-budget .dot{margin:0 8px}.calc-note{color:var(--muted);margin-top:10px;font-size:.74rem;line-height:1.6}.brands{padding:26px 0 6px}.brands-in{align-items:center;gap:20px;display:flex}.brands-label{color:var(--muted);flex:none;font-size:.82rem;font-weight:700}.marquee{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:44px;width:max-content;animation:36s linear infinite marquee;display:flex}.marquee-track span{color:#9aa3b2;white-space:nowrap;letter-spacing:.02em;font-size:1.15rem;font-weight:800}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}@media (width<=640px){.brands-label{display:none}}.sec{padding:64px 0}.sec-tint{background:#f0ece3}.sec-head{max-width:680px;margin-bottom:30px}.sec-head h2{margin:12px 0 10px;font-size:clamp(1.6rem,4vw,2.35rem)}.sec-head p{color:var(--muted)}.kicker{background:var(--sun-soft);color:var(--sun-text);border-radius:999px;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.kicker-dark{color:#ffc23d;background:#ffb21e24}@media (width>=900px){.sec{padding:92px 0}.sec-head{margin-bottom:40px}}.cat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.cat{border-radius:var(--r);border:1px solid var(--line);background:var(--paper);text-align:left;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.cat:hover{box-shadow:var(--shadow);border-color:#f2c77a;transform:translateY(-3px)}.cat-ic{background:var(--sun-soft);width:48px;height:48px;color:var(--sun-text);border-radius:14px;place-items:center;display:grid}.cat-ic .ic{width:26px;height:26px}.cat-tx{flex-direction:column;line-height:1.45;display:flex}.cat-tx b{font-size:.98rem}.cat-tx small{color:var(--muted);margin-top:2px;font-size:.78rem}.cat-n{color:var(--muted);background:var(--bg);border-radius:999px;padding:1px 9px;font-size:.74rem;font-weight:700;position:absolute;top:14px;right:14px}.cat.feature{background:var(--ink);border-color:var(--ink);color:#fff}.cat.feature .cat-ic{background:var(--sun);color:var(--ink)}.cat.feature small{color:#ffffffa6}.cat.feature .cat-n{color:#fff;background:#ffffff1a}.cat.feature .go{color:#ffc23d;align-items:center;gap:6px;margin-top:auto;font-size:.85rem;font-weight:700;display:inline-flex}.cat .go,.cat-art{display:none}@media (width>=640px){.cat.feature .cat-art{width:100%;margin-top:auto;padding:8px 4px 0;display:block}.cat.feature .cat-art .illus{width:100%;height:auto}.cat.feature .go{margin-top:0}.cat-grid{grid-template-columns:repeat(3,1fr);gap:14px}.cat.feature{grid-row:span 2}}@media (width>=1024px){.cat-grid{grid-template-columns:repeat(4,1fr)}.cat{padding:20px}}.tabs{background:var(--paper);border:1px solid var(--line);border-radius:999px;gap:4px;padding:5px;display:inline-flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 20px;font-weight:700;transition:background .2s,color .2s}.tabs button[aria-selected=true]{background:var(--ink);color:#fff}.sys-desc{color:var(--muted);max-width:640px;min-height:1.7em;margin:14px 0 26px}.pkg-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;display:grid}.pkg{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;padding:24px;animation:.45s both rise;display:flex;position:relative}.pkg.hot{border:2px solid var(--sun)}.ribbon{background:linear-gradient(135deg, #ffc23d, var(--sun2));color:var(--ink);border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:800;position:absolute;top:-12px;right:20px}.pkg-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sys-pill{color:#1f4fb8;background:#e8efff;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:800}.sys-pill.hybrid{background:var(--leaf-soft);color:var(--leaf)}.sys-pill.offgrid{background:var(--sun-soft);color:var(--sun-text)}.pkg-yield{color:var(--muted);align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:inline-flex}.pkg-yield .ic{width:16px;height:16px;color:var(--sun2)}.pkg-kw{align-items:baseline;gap:6px;margin:16px 0 2px;display:flex}.pkg-kw b{font-size:2.8rem;font-weight:800;line-height:1.1}.pkg-kw span{color:var(--muted);font-weight:700}.pkg h3{font-size:1.05rem}.pkg-fit{color:var(--muted);margin-top:4px;font-size:.86rem}.pkg-inc{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);gap:8px;margin:18px 0;padding:16px 0;display:grid}.pkg-inc li{gap:10px;font-size:.9rem;line-height:1.55;display:flex}.pkg-inc .ic{width:18px;height:18px;color:var(--leaf);stroke-width:2.6px;margin-top:3px}.pkg-price{margin-top:auto}.pkg-price s{color:var(--muted);font-size:.88rem;display:block}.pkg-price b{font-size:1.65rem;line-height:1.3;display:block}.pkg-price small{color:var(--muted);font-size:.8rem}.pkg-act{grid-template-columns:1fr auto;gap:8px;margin-top:16px;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.promo-wrap{margin-top:-8px;padding:0 0 8px}.sec-tint+.promo-wrap{background:linear-gradient(#f0ece3 50%, var(--bg) 50%)}.promo{isolation:isolate;border-radius:var(--r-lg);color:var(--ink);background:linear-gradient(120deg,#ffc23d 0%,#ff9a2b 60%,#ff7a1a 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:28px;display:flex;position:relative;overflow:hidden}.promo-sun{z-index:-1;border:36px solid #ffffff38;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-60px}.promo-k{background:#0b16261a;border-radius:999px;padding:3px 12px;font-size:.82rem;font-weight:800;display:inline-block}.promo p{max-width:640px;margin-top:8px;font-size:clamp(1.1rem,2.6vw,1.45rem);font-weight:800;line-height:1.5}@media (width>=900px){.promo{padding:36px 44px}}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.search{border:1px solid var(--line);background:var(--paper);border-radius:999px;flex:260px;align-items:center;gap:10px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--sun2);box-shadow:0 0 0 4px #ffb21e2e}.search .ic{color:var(--muted)}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 0}.sort select{appearance:none;border:1px solid var(--line);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b687c' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px;border-radius:999px;padding:12px 40px 12px 16px;font-weight:600}.chips{scrollbar-width:none;gap:8px;margin:0 -20px;padding:2px 20px 10px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--paper);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 14px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.chip small{color:var(--muted);font-size:.74rem;font-weight:700}.chip:hover{border-color:#cfc7b8}.chip[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chip[aria-selected=true] small{color:#fff9}.chip.sale{color:var(--red)}.chip.sale[aria-selected=true]{background:var(--red);border-color:var(--red);color:#fff}.result-n{color:var(--muted);margin:6px 0 14px;font-size:.85rem}.pgrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=720px){.pgrid{grid-template-columns:repeat(3,1fr);gap:16px}.chips{flex-wrap:wrap;margin:0;padding:2px 0 10px}}@media (width>=1024px){.pgrid{grid-template-columns:repeat(4,1fr);gap:20px}}.pcard{border-radius:var(--r);background:var(--paper);border:1px solid var(--line);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.4s both rise;display:flex;position:relative;overflow:hidden}.pcard:hover{box-shadow:var(--shadow);border-color:#ddd5c6;transform:translateY(-3px)}.pcard-hit{z-index:1;border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.pimg{aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%, #fff 0%, var(--tint,#eef2f6) 75%);place-items:center;display:grid;position:relative}.pimg .illus{width:78%;height:auto;transition:transform .35s}.pimg img{object-fit:cover;width:100%;height:100%}.pcard:hover .pimg .illus{transform:scale(1.05)}.badges{flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:10px;left:10px}.badge{border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:800;line-height:1.6}.badge.hot{background:var(--ink);color:#ffc23d}.badge.new{background:var(--leaf);color:#fff}.badge.sale{background:var(--red);color:#fff}.pbody{flex-direction:column;flex:1;padding:12px 14px 14px;display:flex}.pbrand{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700}.pname{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.95rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.pshort{color:var(--muted);margin-top:2px;font-size:.8rem;line-height:1.55}.prow{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:10px;display:flex}.pprice s{color:var(--muted);font-size:.76rem;line-height:1.3;display:block}.pprice b{font-size:1.02rem;line-height:1.35}.sale-p{color:var(--red)}.padd{z-index:2;background:var(--ink);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:transform .15s,background .2s;display:grid;position:relative}.padd:hover{background:var(--ink3)}.padd:active{transform:scale(.9)}.padd .ic{stroke-width:2.4px;width:20px;height:20px}.padd.in{background:var(--leaf)}.pq{background:var(--sun);min-width:19px;height:19px;color:var(--ink);border-radius:999px;padding:0 5px;font-size:.7rem;font-weight:800;line-height:19px;position:absolute;top:-5px;right:-5px}.pq:empty{display:none}@media (width<=420px){.pbody{padding:10px 12px 12px}.pname{font-size:.9rem}.pprice b{font-size:.95rem}.padd{width:36px;height:36px}}.empty{text-align:center;color:var(--muted);justify-items:center;gap:14px;padding:48px 20px;display:grid}.empty>.ic{width:42px;height:42px}.more-wrap{justify-content:center;margin-top:28px;display:flex}.sec-dark{background:var(--ink);color:#fff;position:relative;overflow:hidden}.sec-dark:before{content:"";background:radial-gradient(circle,#ffb21e2e,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:-260px;right:-200px}.why-grid{gap:40px;display:grid;position:relative}.why-copy h2{margin:12px 0 14px;font-size:clamp(1.6rem,4vw,2.35rem)}.why-about{color:#ffffffbd;max-width:560px}.feat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.feat{border-radius:var(--r);background:#ffffff0d;border:1px solid #ffffff17;padding:18px}.feat .ic{color:#ffc23d;background:#ffb21e24;border-radius:12px;width:40px;height:40px;margin-bottom:12px;padding:9px}.feat b{line-height:1.45;display:block}.feat p{color:#ffffff9e;margin-top:4px;font-size:.84rem;line-height:1.6}.steps{background:#ffffff0a;border:1px solid #ffffff17;border-radius:24px;padding:26px}.steps h3{margin-bottom:20px;font-size:1.2rem}.steps ol{counter-reset:s;gap:0;display:grid}.steps li{counter-increment:s;padding:0 0 22px 56px;position:relative}.steps li:last-child{padding-bottom:0}.steps li:before{content:counter(s);background:linear-gradient(135deg, #ffc23d, var(--sun2));width:38px;height:38px;color:var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:0;left:0}.steps li:after{content:"";background:#ffffff24;width:1.5px;position:absolute;top:42px;bottom:4px;left:18.5px}.steps li:last-child:after{display:none}.steps b{padding-top:6px;line-height:1.5;display:block}.steps p{color:#ffffffa3;margin-top:2px;font-size:.88rem;line-height:1.65}@media (width>=980px){.why-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:64px}.steps{padding:34px}}@media (width<=380px){.feat-grid{grid-template-columns:1fr}}.art-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;display:grid}.art{text-align:left;border-radius:var(--r);border:1px solid var(--line);background:var(--paper);flex-direction:column;gap:10px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.art:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.art-top{justify-content:space-between;align-items:center;display:flex}.art-tag{color:#1f4fb8;background:#e8efff;border-radius:999px;padding:2px 10px;font-size:.76rem;font-weight:700}.art-no{color:#e3ded3;font-size:1.6rem;font-weight:800;line-height:1}.art h3{font-size:1.04rem;line-height:1.5}.art p{color:var(--muted);font-size:.88rem}.art .more{align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:.88rem;font-weight:700;display:inline-flex}.art .more .ic{width:16px;height:16px;transition:transform .2s}.art:hover .more .ic{transform:translate(3px)}.faq-grid{gap:28px;display:grid}.faq-head .btn{margin-top:22px}.faq{gap:10px;display:grid}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:18px;transition:box-shadow .2s}.faq details[open]{box-shadow:var(--shadow)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;font-weight:700;line-height:1.55;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .ic{color:var(--muted);transition:transform .25s}.faq details[open] summary .ic{transform:rotate(180deg)}.faq details p{color:var(--muted);padding:0 20px 18px;font-size:.94rem}@media (width>=980px){.faq-grid{grid-template-columns:.8fr 1.2fr;gap:56px}.faq-head{top:calc(var(--hdr) + 24px);align-self:start;position:sticky}}.contact-grid{gap:18px;display:grid}.contact-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;align-content:start;gap:4px;padding:14px;display:grid}.ct{border-radius:16px;align-items:center;gap:14px;padding:10px;display:flex}a.ct:hover{background:var(--bg)}.ct-ic{background:var(--sun-soft);width:46px;height:46px;color:var(--sun-text);border-radius:14px;flex:none;place-items:center;display:grid}.ct-wa{color:var(--wa);background:#ddf6e6}.ct-fb{color:#1f5fd6;background:#e6eeff}.ct small{color:var(--muted);font-size:.78rem;display:block}.ct b{font-size:1rem;line-height:1.5}.pay{border-top:1px dashed var(--line);margin:8px 10px 6px;padding-top:16px}.pay h3{align-items:center;gap:8px;margin-bottom:8px;font-size:.98rem;display:flex}.pay li{color:var(--muted);padding-left:18px;font-size:.9rem;position:relative}.pay li:before{content:"";background:var(--sun);border-radius:50%;width:7px;height:7px;position:absolute;top:.7em;left:2px}.map{border:1px solid var(--line);background:#e9e5dc;border-radius:24px;min-height:340px;position:relative;overflow:hidden}.map iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.map-open{box-shadow:var(--shadow);position:absolute;bottom:14px;left:14px}@media (width>=900px){.contact-grid{grid-template-columns:.9fr 1.1fr}.map{min-height:100%}}.ftr{background:var(--ink);color:#ffffffb3;padding:56px 0 0;font-size:.92rem}.ftr-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.ftr-grid>:first-child{grid-column:1/-1}.ftr .logo-tx b{color:#fff}.ftr-tag{max-width:320px;margin-top:14px}.ftr h4{color:#fff;margin-bottom:12px;font-size:.95rem}.ftr li{margin-bottom:6px}.ftr a:hover{color:#ffc23d}.ftr-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:20px;padding-bottom:22px;font-size:.82rem;display:flex}@media (width>=900px){.ftr-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}.ftr-grid>:first-child{grid-column:auto}}.mbar{z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fffffff0;grid-template-columns:1fr 1.25fr 1fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.mbar a,.mbar button{border:1px solid var(--line);background:var(--paper);border-radius:14px;justify-content:center;align-items:center;gap:6px;height:46px;font-size:.9rem;font-weight:700;display:flex;position:relative}.mbar .mbar-wa{background:var(--wa);border-color:var(--wa);color:#fff}.mbar .count{position:absolute;top:-6px;right:8px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.fab-wa{display:none}@media (width>=860px){.mbar{display:none}body{padding-bottom:0}.fab-wa{z-index:60;background:var(--wa);color:#fff;border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .2s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 30px -10px #1fae55cc}.fab-wa:hover{transform:scale(1.06)}.fab-wa .ic{width:28px;height:28px}}dialog{color:var(--text)}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b16268c}.dlg{background:var(--paper);width:min(880px,100% - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);border:0;border-radius:26px;padding:0;overflow:auto}.dlg[open]{animation:.25s pop}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.98)}}.dlg-body{position:relative}.dlg-x{z-index:3;position:absolute;top:14px;right:14px}.pd{display:grid}.pd-img{background:radial-gradient(circle at 50% 40%, #fff 0%, var(--tint,#eef2f6) 75%);place-items:center;min-height:240px;display:grid}.pd-img .illus{width:min(82%,380px)}.pd-img img{object-fit:cover;width:100%;height:100%}.pd-info{flex-direction:column;gap:10px;padding:24px;display:flex}.pd-info h3{padding-right:36px;font-size:1.4rem;line-height:1.45}.pd-price{flex-wrap:wrap;align-items:baseline;gap:10px;margin:4px 0;display:flex}.pd-price b{font-size:1.7rem;line-height:1.3}.pd-price s{color:var(--muted)}.pd-desc{color:var(--muted);font-size:.94rem}.specs{border-collapse:collapse;width:100%;margin:4px 0;font-size:.88rem}.specs th,.specs td{text-align:left;border-bottom:1px solid var(--line2);vertical-align:top;padding:8px 0;line-height:1.55}.specs th{width:40%;color:var(--muted);padding-right:12px;font-weight:600}.pd-inc{gap:6px;font-size:.9rem;display:grid}.pd-inc li{gap:8px;display:flex}.pd-inc .ic{width:18px;height:18px;color:var(--leaf);stroke-width:2.6px;margin-top:3px}.pd-act{gap:10px;margin-top:8px;display:flex}.pd-act .btn{flex:1}.qty{border:1px solid var(--line);background:var(--paper);border-radius:999px;align-items:center;display:inline-flex}.qty button{background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.qty button:hover{background:var(--bg)}.qty button .ic{stroke-width:2.4px;width:16px;height:16px}.qty span{text-align:center;min-width:26px;font-size:.92rem;font-weight:800}.qty.big button{width:44px;height:44px}.qty.big span{min-width:32px;font-size:1rem}@media (width>=760px){.pd{grid-template-columns:1fr 1fr}.pd-img{min-height:100%}.pd-info{padding:32px}}.dlg-read{width:min(720px,100% - 32px)}.read{padding:32px 24px 28px}.read .art-tag{display:inline-block}.read h3{margin:12px 40px 18px 0;font-size:clamp(1.35rem,3.4vw,1.75rem);line-height:1.45}.read p{color:#33405a;margin-bottom:14px}.read b{color:var(--text)}.read-cta{background:var(--sun-soft);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:18px;display:flex}.read-cta p{color:var(--text);margin:0;font-weight:700}@media (width>=760px){.read{padding:44px 48px 40px}}@media (width<=640px){.dlg,.dlg-read{border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0}.dlg[open]{animation:.3s sheet}.pd-img{min-height:200px}}@keyframes sheet{0%{opacity:.4;transform:translateY(40px)}}.drawer{background:var(--paper);width:min(440px,100%);max-width:100%;height:100dvh;max-height:100dvh;box-shadow:var(--shadow-lg);border:0;border-radius:26px 0 0 26px;margin:0 0 0 auto;padding:0;overflow:hidden}.drawer[open]{animation:.3s slide}@keyframes slide{0%{opacity:.4;transform:translate(40px)}}.drawer-in{flex-direction:column;height:100%;display:flex}.drawer-head{border-bottom:1px solid var(--line2);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-head h2{align-items:center;gap:10px;font-size:1.15rem;display:flex}.drawer-body{flex:1;padding:8px 20px 20px;overflow:auto}.cart-list{display:grid}.ci{border-bottom:1px solid var(--line2);grid-template-columns:60px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.ci-img{background:var(--tint,#eef2f6);border-radius:14px;place-items:center;width:60px;height:60px;display:grid;overflow:hidden}.ci-img .illus{width:90%}.ci-img img{object-fit:cover;width:100%;height:100%}.ci-info b{font-size:.9rem;line-height:1.45;display:block}.ci-info small{color:var(--muted);margin:2px 0 6px;font-size:.78rem;display:block}.ci-end{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.ci-end b{white-space:nowrap;font-size:.9rem}.ci-del{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:4px}.ci-del:hover{color:var(--red);background:#fdeceb}.ci-del .ic{width:18px;height:18px}.cart-empty{text-align:center;color:var(--muted);justify-items:center;gap:14px;padding:56px 10px;display:grid}.cart-empty-ic{background:var(--bg);border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.cart-empty-ic .ic{width:32px;height:32px}.cust{gap:10px;margin-top:18px;display:grid}.cust h3{font-size:1rem}.cust h3 small{color:var(--muted);font-size:.8rem;font-weight:500}.cust label{color:var(--muted);gap:4px;font-size:.82rem;font-weight:600;display:grid}.cust input,.cust textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);resize:vertical;border-radius:12px;padding:10px 14px;font-size:1rem}.cust input:focus,.cust textarea:focus{border-color:var(--sun2);background:var(--paper);outline:0;box-shadow:0 0 0 4px #ffb21e29}.drawer-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line2);background:var(--paper);gap:10px;display:grid}.total{justify-content:space-between;align-items:baseline;display:flex}.total span{font-weight:700}.total b{font-size:1.45rem}.total-note{color:var(--muted);margin-top:-6px;font-size:.78rem}.sent-note{background:var(--leaf-soft);color:var(--leaf);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.82rem;font-weight:600;line-height:1.55;display:flex}.sent-note .ic{stroke-width:2.6px;width:18px;height:18px;margin-top:2px}.total-note b{color:var(--text)}.foot-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.foot-row .btn{padding:.6em .8em;font-size:.86rem}#clearOrder.armed{border-color:var(--red);color:var(--red)}@media (width<=640px){.drawer{border-radius:24px 24px 0 0;width:100%;height:92dvh;max-height:92dvh;margin:auto 0 0}.drawer[open]{animation:.3s sheet}}.toast{z-index:200;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;background:var(--ink);color:#fff;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);text-align:center;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width>=860px){.toast{bottom:32px}}.js .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.marquee-track{flex-wrap:wrap;gap:12px 28px;width:auto}.marquee-track .dup{display:none}}[data-feedback-widget]{transform:translateZ(0);z-index:65!important;width:0!important;height:0!important;display:block!important;position:fixed!important;bottom:64px!important;right:0!important}@media (width>=860px){[data-feedback-widget]{bottom:74px!important;right:17px!important}}