:root{color-scheme:light;--brand:#1fa3ff;--brand-2:#0b6aa8;--bg:#f7fbfe;--card:#fff;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--ok:#10b981}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:24px}header{position:-webkit-sticky;position:sticky;top:0;z-index:9;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:saturate(150%) blur(8px);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--border)}header .wrap{gap:16px;padding:10px 16px;max-width:980px;margin:0 auto}header .logo,header .wrap{display:flex;align-items:center}header .logo{gap:10px}header .cta{margin-left:auto}.btn{display:inline-flex;align-items:center;gap:10px;border:none;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer;background:var(--brand);color:#fff;transition:transform .15s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(31,163,255,.2)}.btn.sec{background:var(--ok)}.hero{padding:32px 16px 8px}.hero h1{margin:.2rem 0 0;font-size:clamp(28px,5vw,40px)}.hero p{color:var(--muted);margin:8px 0 0}.table{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card)}.table-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--border)}.table-row:first-child{border-top:none}.cell-title{display:flex;align-items:center;gap:8px;min-width:0}.cell-price{font-weight:800;min-width:96px}.cell-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width:640px){.table-row{grid-template-columns:1fr;gap:10px}.cell-actions{justify-content:flex-start}}.check{display:inline-flex;align-items:center;gap:10px;margin-right:4px}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.8px solid var(--brand-2);border-radius:4px;display:grid;place-items:center}.check input:checked{background:var(--brand);border-color:var(--brand)}.check input:checked+span{position:relative}.check input:checked+span:after{content:"";position:absolute;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);top:2px;left:3px}.qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden}.qty-btn{padding:8px 12px;cursor:pointer;font-size:18px;line-height:1}.qty-btn,.qty-input{background:#fff;border:none}.qty-input{width:56px;text-align:center;padding:8px 0}.qty-input:focus{outline:2px solid rgba(31,163,255,.25)}.grid-2{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}@media (min-width:980px){.grid-2{grid-template-columns:1fr 360px}}.cart{position:-webkit-sticky;position:sticky;top:80px;align-self:start;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cart-list li{display:flex;justify-content:space-between;gap:8px}.cart-title{min-width:0}.cart-subtotal{font-weight:700}.cart-total{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border);margin-top:4px}.link{background:none;border:none;color:var(--brand-2);cursor:pointer;font-weight:600;padding:6px 8px;border-radius:8px}.link:hover{background:rgba(31,163,255,.08)}.chip{background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:700}.chip-active{border-color:var(--brand);box-shadow:0 0 0 2px rgba(31,163,255,.12)}.label{font-size:12px;color:var(--muted)}.textarea{width:100%;min-height:200px;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff;resize:vertical}.textarea:focus{outline:2px solid rgba(31,163,255,.25)}footer{padding:36px 16px;color:var(--muted);text-align:center}.section{margin:28px 0}.section-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.section-head h2{font-size:clamp(20px,3vw,28px);margin:0}