*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:16px/1.5 var(--font-body,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif);color:var(--ink);background:var(--bg)}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--a);outline-offset:2px}.sr{width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip,.sr{position:absolute}.skip{left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:50}.skip:focus{left:8px}.shop{--ink:#18202b;--muted:#5d6676;--line:#e6e3dc;--bg:#fbf8f2;--surface:#fff;--radius:10px;--font-head:inherit;--pill:999px;min-height:100vh;display:flex;flex-direction:column}.shop[data-theme=Classic]{--bg:#fbf8f2;--surface:#fff;--radius:8px;--font-head:Georgia,"Times New Roman",serif}.shop[data-theme=Fresh]{--bg:#f6faf7;--surface:#fff;--radius:16px;--line:#e2ece5}.shop[data-theme=Bold]{--bg:#f4f2ee;--surface:#fff;--radius:4px;--ink:#111;--line:#d9d5cc}.shop[data-theme=Minimal]{--bg:#fff;--surface:#fff;--radius:0px;--line:#ececec;--pill:0px}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}h1,h2,h3{font-family:var(--font-head);line-height:1.2;margin:0 0 .4em}h1{font-size:clamp(1.6rem,4.5vw,2.4rem)}h2{font-size:1.3rem}.muted{color:var(--muted)}.small{font-size:.875rem}.bar-demo{background:#fff4d6;color:#5c4300}.bar-demo,.bar-preview{font-size:.85rem;text-align:center;padding:6px 12px}.bar-preview{background:#1f2d54;color:#fff}.hdr{background:var(--surface);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.shop[data-theme=Bold] .hdr,.shop[data-theme=Fresh] .hdr{background:var(--p);color:var(--on-p);border-bottom:0}.shop[data-theme=Bold] .hdr{background:#111;color:#fff;border-bottom:3px solid var(--a)}.hdr .wrap{gap:12px;min-height:60px}.brand,.hdr .wrap{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;font-weight:700;font-family:var(--font-head);font-size:1.15rem;min-width:0}.brand img{height:38px;width:auto;max-width:140px;object-fit:contain;border-radius:4px;background:#fff}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-search{flex:1 1;display:none}.hdr-search input{width:100%;height:40px;border:1px solid var(--line);border-radius:var(--pill);padding:0 14px;background:#fff;color:#18202b}.hdr-act{margin-left:auto;display:flex}.hdr-act,.ibtn{gap:6px;align-items:center}.ibtn{display:inline-flex;justify-content:center;height:40px;min-width:40px;padding:0 10px;border-radius:var(--pill);text-decoration:none;border:1px solid transparent;background:transparent;cursor:pointer;font-weight:600;font-size:.95rem}.ibtn:hover{background:rgba(127,127,127,.12)}.badge{background:var(--a);color:#fff;border-radius:999px;font-size:.75rem;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}.cats{display:flex;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.chip{flex:none;padding:7px 14px;border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);text-decoration:none;font-size:.9rem;white-space:nowrap;color:var(--ink)}.chip.on{background:var(--p);color:var(--on-p);border-color:var(--p)}@media (min-width:760px){.hdr-search{display:block;max-width:420px}.only-sm{display:none!important}}@media (max-width:759px){.only-lg{display:none!important}}.hero{padding:28px 0 8px}.hero p{font-size:1.05rem;max-width:640px}.shop[data-theme=Bold] .hero h1{text-transform:uppercase;letter-spacing:.02em}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:650;cursor:pointer;color:var(--ink)}.btn.primary{background:var(--p);color:var(--on-p);border-color:var(--p)}.btn.accent{background:var(--a);color:#fff;border-color:var(--a)}.btn.wa{background:#1f8f4d;border-color:#1f8f4d;color:#fff}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.sm{min-height:36px;padding:0 12px;font-size:.9rem}.link{background:none;border:0;padding:0;color:var(--p);text-decoration:underline;cursor:pointer}.sec{padding-top:18px;padding-bottom:18px}.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}@media (min-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (min-width:1080px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}.shop[data-theme=Minimal] .card{border:0}.card .ph{aspect-ratio:1/1;background:#f1efe9;display:flex;align-items:center;justify-content:center;overflow:hidden}.card .ph img{width:100%;height:100%;object-fit:cover}.ph-empty{font-family:var(--font-head);font-size:2rem;color:var(--muted);opacity:.6}.card .body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1 1}.card .nm{font-weight:600;font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{font-weight:750;font-size:1.05rem}.tag{position:absolute;top:8px;left:8px;background:rgba(17,17,17,.78);color:#fff;font-size:.75rem;padding:3px 8px;border-radius:var(--pill)}.tag.low{background:var(--a)}.stockline{font-size:.8rem;color:var(--muted)}.pdp{display:grid;grid-gap:20px;gap:20px;padding:18px 0 30px}@media (min-width:860px){.pdp{grid-template-columns:1.1fr 1fr;gap:36px}}.gallery .main{aspect-ratio:1/1;background:#f1efe9;border-radius:var(--radius);overflow:hidden}.gallery .main img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:8px;margin-top:8px;overflow-x:auto}.thumbs button{flex:none;width:64px;height:64px;border-radius:6px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:#eee}.thumbs button[aria-pressed=true]{border-color:var(--p)}.thumbs img{width:100%;height:100%;object-fit:cover}.opts{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}.opt{min-width:48px;padding:8px 14px;border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:600}.opt[aria-pressed=true]{border-color:var(--p);box-shadow:inset 0 0 0 1px var(--p)}.opt:disabled{text-decoration:line-through;opacity:.5;cursor:not-allowed}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--pill);overflow:hidden;background:var(--surface)}.qty button{width:42px;cursor:pointer;font-size:1.2rem}.qty button,.qty input{height:44px;border:0;background:transparent}.qty input{width:48px;text-align:center}.buy{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.desc{white-space:pre-line}.crumbs{font-size:.85rem;padding-top:12px;display:flex;flex-wrap:wrap;gap:6px}.crumbs,.crumbs a{color:var(--muted)}.share{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.stack{grid-gap:14px;gap:14px}.stack,.two{display:grid}.two{grid-gap:18px;gap:18px}@media (min-width:900px){.two{grid-template-columns:1.4fr 1fr;align-items:start}.sticky{position:-webkit-sticky;position:sticky;top:84px}}label.f{display:grid;grid-gap:4px;gap:4px;font-size:.9rem;font-weight:600}label.f>span.h{font-weight:400;color:var(--muted);font-size:.82rem}.in{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cfcbc2;border-radius:8px;background:#fff;color:#18202b}.in:focus{border-color:var(--p)}.row2{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.choice{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:#fff}.choice:has(input:checked){border-color:var(--p);box-shadow:inset 0 0 0 1px var(--p)}.choice input{margin-top:4px;accent-color:var(--p)}.err{color:#b42318}.err,.ok{font-size:.9rem}.ok{color:#1f7a47}.note{background:#fff8e6;border:1px solid #f2dfaa;border-radius:8px;padding:10px 12px;font-size:.9rem}.lines{list-style:none;padding:0;margin:0;grid-gap:12px}.line,.lines{display:grid;gap:12px}.line{grid-template-columns:64px 1fr auto;grid-gap:12px;align-items:center}.line .thumb,.line img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#f1efe9}.sum{display:grid;grid-gap:6px;gap:6px}.sum div{display:flex;justify-content:space-between;gap:12px}.sum .tot{font-weight:800;font-size:1.15rem;border-top:1px solid var(--line);padding-top:8px}.steps{display:flex;gap:0;list-style:none;padding:0;margin:10px 0 0}.steps li{flex:1 1;text-align:center;font-size:.78rem;color:var(--muted);position:relative;padding-top:26px}.steps li:before{top:6px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%}.steps li:after,.steps li:before{content:"";position:absolute;background:#d9d5cc}.steps li:after{top:12px;left:calc(50% + 10px);right:calc(-50% + 10px);height:2px}.steps li:last-child:after{display:none}.steps li.done{color:var(--ink);font-weight:600}.steps li.done:after,.steps li.done:before{background:var(--p)}.qrbox{display:grid;justify-items:center;grid-gap:8px;gap:8px;text-align:center}.qrbox img{width:220px;height:220px;image-rendering:pixelated;background:#fff;padding:8px;border-radius:8px;border:1px solid var(--line)}.status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:700;background:#eef2ff;color:#273a87}.status.good{background:#e6f6ec;color:#1f6b3e}.status.warn{background:#fff4d6;color:#7a5600}.status.bad{background:#fde8e8;color:#9b1c1c}.ftr{margin-top:auto;background:var(--surface);border-top:1px solid var(--line);padding:26px 0 18px;font-size:.9rem}.shop[data-theme=Bold] .ftr{background:#111;color:#ddd}.ftr .cols{display:grid;grid-gap:18px;gap:18px}@media (min-width:760px){.ftr .cols{grid-template-columns:2fr 1fr 1fr}}.ftr a{color:inherit}.ftr ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.powered{margin-top:18px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.82rem}.powered a{font-weight:700;color:inherit}.fab-wa{position:fixed;right:16px;bottom:16px;z-index:30;width:54px;height:54px;border-radius:50%;background:#1f8f4d;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2)}.empty{text-align:center;padding:40px 16px}.policy{white-space:pre-line;max-width:760px}