.app{--max:1100px;padding-block:24px clamp(40px,6vw,72px)}.app--wide{--max:1240px}.app h1{font-size:var(--step-4);font-weight:800}.app h2{font-size:var(--step-1);font-weight:800}.muted{color:var(--muted)}.small{font-size:.8125rem}.strong{color:var(--heading);font-weight:700}.prewrap{white-space:pre-line}.ok{color:var(--approved);font-size:var(--step--1);font-weight:700}.error{color:#c4321c;font-size:var(--step--1);font-weight:500}.info{border-radius:var(--radius-sm);color:#1d4fb8;font-size:var(--step--1);background:#eef3fe;padding:10px 12px}.notice{border-radius:var(--radius-sm);background:var(--amber-soft);color:var(--amber-text);font-size:var(--step--1);padding:12px 14px;font-weight:500}.sample-note{color:var(--muted);margin-block-start:14px;font-size:.8125rem}.back{color:var(--amber-text);font-size:var(--step--1);margin-block-end:6px;font-weight:700;text-decoration:none;display:inline-block}.back:hover{text-decoration:underline}.btn--lg{min-height:52px;font-size:var(--step-0)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{flex:none;width:18px;height:18px}.link{color:var(--amber-text);font:inherit;font-size:var(--step--1);cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:700}.link:disabled{color:var(--muted);cursor:default}.pill{background:var(--surface);border:1px solid var(--hairline);color:var(--heading);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.pill--paid,.pill--delivered{color:var(--approved);background:#e7f4ec;border-color:#c6e6d2}.pill--cancelled{color:#c4321c;background:#fdecea;border-color:#f6cdc7}.panel{gap:14px;min-width:0;margin:0;padding:18px 20px 20px;display:grid}legend{float:inline-start;width:100%;color:var(--heading);font-size:var(--step-1);padding:0;font-weight:800}.state{color:var(--muted);text-align:center;justify-items:center;gap:12px;padding:40px 20px;display:grid}.state h2{font-size:var(--step-2)}.state p{max-width:42ch}.state__icon{background:var(--amber-soft);width:56px;height:56px;color:var(--amber-text);border-radius:50%;place-items:center;display:grid}.state__icon svg{width:26px;height:26px}.spinner{border:3px solid var(--hairline);border-top-color:var(--amber-hover);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}.details{max-width:100%;font-size:.8125rem}.details summary{cursor:pointer}.details code{border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:left;white-space:pre-wrap;word-break:break-word;margin-block-start:8px;padding:8px 10px;display:block}@keyframes spin{to{transform:rotate(360deg)}}.field{color:var(--heading);font-size:var(--step--1);gap:6px;font-weight:500;display:grid}.field input,.field select,.field textarea,.readout,.coupon input,.toolbar input,.toolbar select{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--card);width:100%;min-height:44px;color:var(--heading);font:inherit;padding:8px 12px;font-weight:400}.field input:focus,.field select:focus,.field textarea:focus,.coupon input:focus,.toolbar input:focus,.toolbar select:focus{border-color:var(--amber-hover);outline:none;box-shadow:0 0 0 3px #fcbf294d}.field [aria-invalid=true]{border-color:#c4321c}.readout{background:var(--surface);align-items:center;display:flex}.row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stack{align-content:start;gap:16px;display:grid}.map{border-radius:var(--radius-sm);border:1px solid var(--hairline);overflow:hidden}.map--tall{height:calc(100vh - 120px);min-height:420px}.map--sm{height:280px}.picker{cursor:crosshair}.picker-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.thumb{object-fit:contain;background:var(--surface);width:100%;height:150px;display:block}.thumb--lg{height:360px}.thumb--empty{color:#c3c6cc;place-items:center;display:grid}.thumb--empty svg{width:56px;height:56px}.tabs{background:var(--surface);border-radius:12px;gap:6px;width:fit-content;max-width:100%;margin-block-end:14px;padding:4px;display:flex;overflow-x:auto}.tabs button{min-height:40px;color:var(--text);font:inherit;font-size:var(--step--1);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 18px;font-weight:700}.tabs .is-on{background:var(--card);color:var(--heading);box-shadow:0 1px 3px #1018281f}.toolbar{flex-wrap:wrap;gap:10px;padding:10px;display:flex}.toolbar__q{flex:260px;position:relative}.toolbar__q svg{top:50%;width:18px;height:18px;color:var(--muted);position:absolute;inset-inline-start:12px;transform:translateY(-50%)}.toolbar__q input{padding-inline-start:38px}.toolbar label:not(.toolbar__q){flex:0 180px}.chips{gap:8px;margin-block:14px 0;padding-block-end:4px;display:flex;overflow-x:auto}.chips button{border:1px solid var(--hairline);background:var(--card);min-height:40px;color:var(--heading);font:inherit;font-size:var(--step--1);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:500;display:inline-flex}.chips img{object-fit:contain;width:28px;height:22px}.chips .is-on{border-color:var(--amber);background:var(--amber-soft);font-weight:700}.browse>.state{margin-block-start:16px}.results-bar{color:var(--muted);font-size:var(--step--1);justify-content:space-between;align-items:center;margin-block:16px 12px;display:flex}.results-bar strong{color:var(--heading)}.toggle{gap:6px;display:none}.toggle [aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:20px;display:grid}.results .grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.mapcol{position:sticky;top:80px}.lcard{flex-direction:column;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.lcard:hover,.lcard.is-active{border-color:var(--amber);box-shadow:var(--shadow-lift)}.lcard__img{display:block;position:relative}.lcard__tag{top:10px;color:#fff;background:#c4321c;border-radius:6px;padding:2px 10px;font-size:.75rem;font-weight:700;position:absolute;inset-inline-start:10px}.lcard__body{flex:1;gap:4px;padding:12px 14px 14px;display:grid}.lcard__title{font-size:var(--step-0)}.lcard__title a{text-decoration:none}.lcard__title a:hover{text-decoration:underline}.lcard__meta,.lcard__company{color:var(--muted);font-size:.8125rem}.lcard__foot{border-block-start:1px solid var(--hairline);justify-content:space-between;align-items:end;gap:10px;margin-block-start:auto;padding-block-start:10px;display:flex}.lcard__price{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:0 4px;font-size:.75rem;display:flex}.lcard__price strong{color:var(--amber-text);font-size:var(--step-2);font-weight:800;line-height:1.1}.lcard__price s{flex-basis:100%}.lcard .btn{min-height:38px;padding-inline:14px}.detail__grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;margin-block-start:8px;display:grid}.detail__main,.detail__side{gap:16px;display:grid}.detail__side{position:sticky;top:80px}.gallery{overflow:hidden}.gallery__main{object-fit:contain;background:var(--surface);width:100%;height:400px}.gallery__strip{gap:8px;padding:10px;display:flex;overflow-x:auto}.gallery__strip button{background:var(--surface);cursor:pointer;border:2px solid #0000;border-radius:8px;flex:none;padding:0;overflow:hidden}.gallery__strip [aria-pressed=true]{border-color:var(--amber)}.gallery__strip img{object-fit:cover;width:76px;height:56px}.specs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0;display:grid}.specs div{border-radius:var(--radius-sm);background:var(--surface);padding:10px 12px}.specs dt{color:var(--muted);font-size:.8125rem}.specs dd{color:var(--heading);margin:0;font-weight:700}.buy h1{font-size:var(--step-3)}.buy__price{color:var(--muted);align-items:baseline;gap:6px;display:flex}.buy__price strong{color:var(--amber-text);font-size:var(--step-4);font-weight:800;line-height:1}.buy__was{color:var(--muted);align-items:center;gap:8px;display:flex}.buy__was .pill{color:#c4321c;background:#fdecea;border-color:#f6cdc7}.buy__contact{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn--wa{color:#128c4b}.company .label{color:var(--muted);font-size:.8125rem;font-weight:700}.company__row{align-items:center;gap:12px;display:flex}.company__logo{object-fit:cover;background:var(--amber-soft);width:48px;height:48px;color:var(--amber-text);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.checkout h1{margin-block-end:18px}.checkout__grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.coupon{gap:8px;display:flex}.agree{font-size:var(--step--1);align-items:center;gap:10px;display:flex}.agree input{width:18px;height:18px;accent-color:var(--amber-hover)}.secure{color:var(--muted);font-size:.8125rem}.methods{flex-wrap:wrap;gap:6px;display:flex}.methods li{border:1px solid var(--hairline);color:var(--heading);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:700}.summary{position:sticky;top:88px}.summary__item{align-items:center;gap:12px;display:flex}.summary__item .thumb{border-radius:var(--radius-sm);flex:none;width:96px;height:64px}.totals{border-block-start:1px solid var(--hairline);font-size:var(--step--1);gap:8px;margin:0;padding-block-start:14px;display:grid}.totals div{justify-content:space-between;gap:12px;display:flex}.totals dt{color:var(--muted)}.totals dd{color:var(--heading);white-space:nowrap;margin:0;font-weight:500}.totals__total{border-block-start:1px solid var(--hairline);padding-block-start:10px}.totals__total dt,.totals__total dd{color:var(--heading);font-size:var(--step-1);font-weight:800}.result{text-align:center;justify-items:center;gap:12px;max-width:520px;margin:clamp(16px,5vw,48px) auto;padding:32px 24px;display:grid}.result h1{font-size:var(--step-3)}.result__icon{background:var(--amber-soft);width:64px;height:64px;color:var(--amber-text);border-radius:50%;place-items:center;display:grid}.result[data-state=paid] .result__icon{color:var(--approved);background:#e7f4ec}.result[data-state=failed] .result__icon{color:#c4321c;background:#fdecea}.result__icon svg{width:32px;height:32px}.facts{border-block-start:1px solid var(--hairline);width:100%;font-size:var(--step--1);gap:8px;margin:8px 0 0;padding-block-start:14px;display:grid}.facts div{text-align:start;justify-content:space-between;gap:12px;display:flex}.facts dt{color:var(--muted)}.facts dd{color:var(--heading);word-break:break-all;margin:0;font-weight:500}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-block-start:8px;display:flex}.login{justify-items:center;gap:16px;max-width:440px;margin:clamp(8px,5vw,48px) auto;padding:32px 24px;display:grid}.login__icon{background:var(--amber);width:64px;height:64px;color:var(--ink);border-radius:18px;place-items:center;display:grid}.login__icon svg{width:32px;height:32px}.login__form{text-align:center;gap:14px;width:100%;display:grid}.login__form .field{text-align:start}.login h1{font-size:var(--step-3)}.phone{border:1px solid var(--hairline);border-radius:var(--radius-sm);align-items:stretch;display:flex;overflow:hidden}.phone:focus-within{border-color:var(--amber-hover);box-shadow:0 0 0 3px #fcbf294d}.phone__cc{background:var(--surface);border-inline-end:1px solid var(--hairline);color:var(--heading);place-items:center;padding-inline:12px;font-weight:700;display:grid}.field .phone input{box-shadow:none;font-size:var(--step-1);letter-spacing:.04em;border:0;border-radius:0}.field .otp{font-size:var(--step-3);letter-spacing:.5em;text-align:center}.login__row{font-size:var(--step--1);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.fine{font-size:.8125rem}.fine a{color:var(--muted)}.account{gap:16px;max-width:760px;margin-inline:auto;display:grid}.account__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.orders{display:grid}.orders li{border-block-end:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.orders li:last-child{border-block-end:0}@media (width<=900px){.toggle{display:flex}.split,.detail__grid,.checkout__grid{grid-template-columns:1fr}.split[data-view=list] .mapcol,.split[data-view=map] .results{display:none}.mapcol,.detail__side,.summary{position:static}.map--tall{height:70vh}.gallery__main,.thumb--lg{height:280px}.summary{order:-1}}@media (width<=520px){.row{grid-template-columns:1fr}.toolbar label:not(.toolbar__q),.toolbar .btn{flex:140px}}
