:root{--bg:oklch(14% .01 260);--fg:oklch(97% .005 90);--card:oklch(18% .012 260);--card-2:oklch(21% .013 260);--muted:oklch(22% .012 260);--muted-fg:oklch(70% .015 260);--primary:oklch(70% .19 45);--primary-glow:oklch(80% .17 75);--on-primary:oklch(14% .01 260);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ok:oklch(72% .17 150);--warn:oklch(80% .15 85);--bad:oklch(65% .22 25);--radius:.625rem;--grad:linear-gradient(135deg,var(--primary),var(--primary-glow));--display:"Bebas Neue",Impact,"Arial Narrow",sans-serif;--body:"Barlow",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55}a{color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.wrap{max-width:80rem;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.display{font-family:var(--display);font-weight:400;letter-spacing:.03em;text-wrap:balance}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted-fg)}.eyebrow{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--primary)}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 26px;border-radius:calc(var(--radius) - 2px);font:600 14px var(--body);text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border:1px solid transparent;cursor:pointer;background:var(--muted);color:var(--fg)}.btn.primary{background:var(--grad);color:var(--on-primary);box-shadow:0 20px 50px -15px color-mix(in oklab,var(--primary) 55%,transparent)}.btn.ghost{background:color-mix(in oklab,var(--bg) 40%,transparent);border-color:var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn.small{height:34px;padding:0 14px;font-size:12px}.btn.danger{background:color-mix(in oklab,var(--bad) 20%,transparent);color:var(--fg);border-color:color-mix(in oklab,var(--bad) 50%,transparent)}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}label.field{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:600}label.field span.hint{font-weight:400;color:var(--muted-fg);font-size:12px}input,select,textarea{width:100%;min-width:0;background:var(--card);color:var(--fg);border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);padding:10px 12px;font:500 15px var(--body)}textarea{min-height:96px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--primary)}.form-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.alert{border-radius:calc(var(--radius) - 2px);padding:12px 14px;font-size:14px;border:1px solid var(--border);background:var(--card)}.alert.error{border-color:color-mix(in oklab,var(--bad) 60%,transparent);background:color-mix(in oklab,var(--bad) 12%,var(--card))}.alert.ok{border-color:color-mix(in oklab,var(--ok) 60%,transparent);background:color-mix(in oklab,var(--ok) 12%,var(--card))}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.announce{background:var(--grad);color:var(--on-primary);text-align:center;font-size:13px;font-weight:600;padding:6px 16px}header.top{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);z-index:50;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}header.top .wrap{justify-content:space-between;gap:16px;height:64px}.logo,header.top .wrap{display:flex;align-items:center}.logo{gap:8px;text-decoration:none}.logo .g{display:grid;place-items:center;width:36px;height:36px;border-radius:calc(var(--radius) - 2px);background:var(--grad);color:var(--on-primary);font-size:22px}.logo .g,.logo .name{font-family:var(--display)}.logo .name{font-size:26px;letter-spacing:.08em}.logo .name span{color:var(--primary)}nav.main{display:flex;gap:28px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--muted-fg)}nav.main a{text-decoration:none}nav.main a:hover{color:var(--fg)}.head-actions{display:flex;align-items:center;gap:10px;font-size:14px}.head-actions a{text-decoration:none}.cart-link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:999px}.cart-count{min-width:20px;height:20px;border-radius:999px;background:var(--grad);color:var(--on-primary);font-size:12px;font-weight:700;display:inline-grid;place-items:center;padding:0 6px}@media (max-width:860px){nav.main{display:none}.logo .name{font-size:22px}}.hero{position:relative;isolation:isolate;overflow:hidden}.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,oklch(14% .01 260/.95) 0,oklch(14% .01 260/.7) 45%,oklch(14% .01 260/.2) 100%),linear-gradient(0deg,var(--bg) 0,transparent 30%)}.hero .wrap{padding-block:clamp(72px,12vw,150px)}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in oklab,var(--primary) 40%,transparent);background:color-mix(in oklab,var(--primary) 10%,transparent);color:var(--primary);border-radius:999px;padding:4px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.2em}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}.hero h1{font-size:clamp(3.6rem,10vw,8rem);line-height:.9;margin:24px 0 0;max-width:14ch}.hero p.lead{margin:24px 0 0;max-width:36rem;font-size:1.125rem;color:var(--muted-fg)}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.why{border-block:1px solid var(--border);background:var(--card)}.why .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:32px;gap:32px;padding-block:48px}@media (max-width:860px){.why .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:440px){.why .wrap{grid-template-columns:1fr}}.feat{display:flex;gap:16px;align-items:flex-start}.feat .ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:calc(var(--radius) - 2px);background:color-mix(in oklab,var(--primary) 12%,transparent);color:var(--primary)}.feat h3{margin:0;font-size:1.5rem}.feat p{margin:2px 0 0;font-size:.875rem;color:var(--muted-fg)}.section{padding-block:80px}.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px}.sec-head h2,h1.page-title{margin:8px 0 0;font-size:clamp(2.8rem,6vw,3.75rem);line-height:1}.sec-head p{margin:0;max-width:28rem;color:var(--muted-fg)}.band{border-radius:calc(var(--radius) + 8px);background:var(--grad);color:var(--on-primary);padding:clamp(32px,6vw,64px);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}.band h2{margin:0;font-size:clamp(2.8rem,6vw,3.75rem);line-height:1;max-width:42rem}.band p{margin:16px 0 0;max-width:36rem;font-size:1.125rem;opacity:.9}.band .btn{background:var(--on-primary);color:var(--fg)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);background:transparent;color:var(--muted-fg);border-radius:999px;padding:7px 14px;font:600 13px var(--body);letter-spacing:.04em;text-decoration:none;cursor:pointer}.chip[aria-current=true],.chip[aria-pressed=true]{background:var(--grad);border-color:transparent;color:var(--on-primary)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:24px;gap:24px}.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--primary) 60%,transparent)}.ph{aspect-ratio:1/1;background:oklch(96% .004 90);display:grid;place-items:center;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover}.ph .none{font-family:var(--display);font-size:1.8rem;color:oklch(55% .01 260);letter-spacing:.05em;text-align:center;padding:12px}.card .body{display:flex;flex-direction:column;gap:6px;padding:16px;flex:1 1}.cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-fg)}.card h3{margin:0;font-family:var(--display);font-size:1.6rem;line-height:1.05;letter-spacing:.03em;font-weight:400}.card .price{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card .price b{font-size:1.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card .price small{color:var(--muted-fg);font-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--muted)}.badge.ok{color:var(--ok);border-color:color-mix(in oklab,var(--ok) 45%,transparent);background:color-mix(in oklab,var(--ok) 12%,transparent)}.badge.warn{color:var(--warn);border-color:color-mix(in oklab,var(--warn) 45%,transparent);background:color-mix(in oklab,var(--warn) 12%,transparent)}.badge.bad{color:var(--bad);border-color:color-mix(in oklab,var(--bad) 45%,transparent);background:color-mix(in oklab,var(--bad) 12%,transparent)}.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:48px;gap:48px;padding-block:48px 80px}@media (max-width:820px){.pdp{grid-template-columns:1fr;gap:24px}}.pdp .ph{border-radius:var(--radius)}.pdp h1{margin:6px 0 0;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:calc(var(--radius) - 4px);padding:8px 14px;font:600 14px var(--body);cursor:pointer}.opt[aria-pressed=true]{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 14%,transparent)}.opt:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}.big-price{font-size:2rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qty{display:inline-flex;align-items:center;border:1px solid var(--input);border-radius:calc(var(--radius) - 2px)}.qty button{width:40px;height:44px;color:var(--fg);font-size:18px;cursor:pointer}.qty button,.qty input{background:transparent;border:0}.qty input{width:56px;text-align:center;padding:0}.credit{font-size:12px;color:var(--muted-fg);overflow-wrap:anywhere}.cart-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.cart-row .ph{width:72px;border-radius:6px}.two-col{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:32px;gap:32px;align-items:start}@media (max-width:900px){.two-col{grid-template-columns:1fr}}.summary-line{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.summary-line.total{border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-weight:700;font-size:1.15rem}.pay-option{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);cursor:pointer}.pay-option:has(input:checked){border-color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,transparent)}.pay-option.disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-fg);background:var(--card);white-space:nowrap}table.t td,table.t th{padding:10px 14px;border-bottom:1px solid var(--border)}table.t td{vertical-align:top}table.t tr:last-child td{border-bottom:0}table.t td.num,table.t th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}footer.site{border-top:1px solid var(--border);background:var(--card);font-size:14px;color:var(--muted-fg);margin-top:40px}footer.site .wrap{padding-block:40px;display:grid;grid-gap:24px;gap:24px}.foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:760px){.foot-cols{grid-template-columns:1fr 1fr}}.foot-cols h4{margin:0 0 8px;color:var(--fg);font-size:13px;text-transform:uppercase;letter-spacing:.14em}.foot-cols a{display:block;text-decoration:none;padding:2px 0}.foot-cols a:hover,.foot-name{color:var(--fg)}.foot-name{font-family:var(--display);font-size:24px;letter-spacing:.08em}.foot-name span{color:var(--primary)}.admin{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.admin aside{background:var(--card);border-right:1px solid var(--border);padding:16px 10px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.admin aside a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--muted-fg);font-size:15px}.admin aside a:hover,.admin aside a[aria-current=page]{color:var(--fg);background:var(--muted)}.admin aside hr{border:0;border-top:1px solid var(--border);margin:10px 4px}.admin main{padding:28px max(16px,2vw) 60px;min-width:0}.admin h1{font-family:var(--display);font-weight:400;letter-spacing:.04em;font-size:2.6rem;margin:0 0 4px}.admin .bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat .k{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-fg)}.stat .v{font-size:1.8rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:4px}.stat .s{font-size:12px;color:var(--muted-fg)}.bars{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:8px}.bars div{flex:1 1;min-width:4px;background:var(--grad);border-radius:3px 3px 0 0;position:relative}.bars-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted-fg);margin-top:6px}@media (max-width:760px){.admin{grid-template-columns:1fr}.admin aside{position:static;height:auto;display:flex;flex-wrap:wrap;gap:4px}.admin aside hr{display:none}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}@media (max-width:520px){.wa-label{display:none}}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.testimonials blockquote{margin:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.testimonials blockquote p{margin:0 0 12px;font-size:1.05rem}.testimonials cite{font-style:normal;color:var(--muted-fg);font-size:14px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;counter-reset:step}.steps li{list-style:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;counter-increment:step}.steps li:before{content:counter(step);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--grad);color:var(--on-primary);font-weight:700;margin-bottom:8px}.steps b{display:block;margin-bottom:4px}@media print{.announce,.no-print,a[aria-label="Chat with us on WhatsApp"],footer.site,header.top{display:none!important}body{background:#fff;color:#000}.print-sheet,.print-sheet *{color:#000!important;background:transparent!important;border-color:#ccc!important}}.logo-img{height:56px;width:auto;display:block}header.top .wrap{height:74px}@media (max-width:520px){.logo-img{height:42px}header.top .wrap{height:64px}}