.page{max-width:1120px;margin:auto;padding:28px 18px}.hero{display:grid;gap:18px;padding:42px 0}.hero h1{max-width:650px;margin:0;font-size:clamp(2.2rem,8vw,4.4rem);line-height:1.02}.hero p{max-width:560px;color:var(--muted);font-size:1.1rem}.button{display:inline-block;border:0;border-radius:12px;padding:12px 18px;text-decoration:none;font-weight:700}.primary{background:var(--saffron);color:#fff}.secondary{background:#f2e6d8;color:var(--ink)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:26px 0 14px}.section-head h2{margin:0}.muted{color:var(--muted)}.category{margin-top:28px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.product-image{width:100%;height:150px;object-fit:cover;background:#f1e1d0}.card-body{padding:15px}.card h3{margin:0 0 5px}.card p{margin:0 0 12px;color:var(--muted);font-size:.92rem}.price{font-weight:800;color:var(--green)}.card-actions,.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}.qty button{border:0;background:#fff;padding:7px 11px}.qty span{min-width:28px;text-align:center}.cart-list{display:grid;gap:12px}.cart-line{padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.addon-list{display:grid;gap:8px;margin-top:10px}.addon-list label{display:flex;justify-content:space-between;padding:9px;border:1px solid var(--line);border-radius:10px}.summary{padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}.total{font-size:1.25rem;font-weight:800}.form{display:grid;gap:12px;max-width:620px}.form label{display:grid;gap:5px;font-weight:650}.form input,.form textarea{width:100%;border:1px solid #cfc0b2;border-radius:10px;padding:11px;background:#fff}.form textarea{min-height:90px;resize:vertical}.error{padding:14px;border-radius:12px;background:#fff0ed;color:#a53c2b}.success{padding:14px;border-radius:12px;background:#eaf6ed;color:#245a3b}.toast{position:fixed;right:18px;bottom:18px;z-index:10;max-width:340px;padding:12px 16px;border-radius:12px;background:var(--ink);color:#fff;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}.timeline{display:grid;gap:10px}.step{padding:12px;border-left:4px solid var(--line)}.step.active{border-color:var(--green);background:#eef7ef}.upsell{margin:18px 0;padding:18px;background:#fff7e9;border:1px solid #f1d7af;border-radius:16px}.skeleton{height:100px;background:linear-gradient(90deg,#f3e7da,#fff,#f3e7da);background-size:200% 100%;animation:shine 1.2s infinite;border-radius:14px}@keyframes shine{to{background-position:-200% 0}}