:root{--navy:#06162e;--gold:#d7a32e;--red:#da191f;--ink:#20242b;--muted:#667085;--bg:#f4f6f8;--card:#fff;--line:#e3e7ec}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}.hidden{display:none!important}
.intro{min-height:100vh;display:grid;place-content:center;text-align:center;padding:32px;background:radial-gradient(circle at top,#12315f 0,var(--navy) 55%,#020b18 100%)}
.brand-entry{border:0;background:transparent;cursor:pointer;color:white;display:flex;flex-direction:column;align-items:center;gap:14px;transition:.25s}.brand-entry:hover{transform:scale(1.025)}.brand-entry img{width:min(720px,88vw);border-radius:20px;box-shadow:0 26px 70px #0008}.brand-entry span{font-size:clamp(24px,4vw,44px);font-weight:800;color:var(--gold)}.brand-entry small{font-size:16px}.intro-caption{max-width:850px;color:#dce6f3;line-height:1.55;margin:28px auto 0}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 5vw;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 16px #0000000b}.topbrand{display:flex;align-items:center;gap:12px}.topbrand img{width:72px;height:48px;object-fit:cover;object-position:center;border-radius:8px}.topbrand div{display:flex;flex-direction:column}.topbrand span{font-size:13px;color:var(--muted)}.whats{background:#16a34a;color:#fff;text-decoration:none;padding:12px 18px;border-radius:999px;font-weight:700}
.hero{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center;padding:50px 6vw;background:linear-gradient(120deg,#fff,#eef2f7)}.hero img{width:100%;max-height:110px;object-fit:contain}.hero h1{font-size:clamp(30px,4vw,54px);line-height:1.03;margin:0 0 14px;color:var(--navy)}.hero p{font-size:18px;line-height:1.55;color:var(--muted);max-width:850px}
.payment-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 5vw;background:var(--navy)}.payment-strip article{background:#ffffff10;border:1px solid #ffffff2c;color:white;padding:18px;border-radius:14px;display:flex;flex-direction:column;gap:8px}.payment-strip b{color:#ffd66e;font-size:19px}.payment-strip span{line-height:1.35}
main{padding:34px 5vw 60px}.filters{display:flex;gap:12px;margin-bottom:24px}.filters input,.filters select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.filters input{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px #1018280a;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #10182816}.card img{width:100%;height:230px;object-fit:contain;background:#fff;padding:16px}.card-body{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1}.tag{font-size:12px;color:var(--red);text-transform:uppercase;font-weight:800}.card h3{margin:0;font-size:22px}.code{font-size:13px;color:var(--muted)}.desc{color:#475467;line-height:1.4;min-height:58px}.price-label{font-size:12px;color:var(--muted)}.price{font-size:25px;font-weight:850;color:var(--navy)}.card button{border:0;background:var(--red);color:#fff;padding:13px;border-radius:11px;font-weight:800;cursor:pointer;margin-top:auto}
.catalogs{background:#fff;padding:36px 5vw;border-top:1px solid var(--line)}.catalogs h2{margin-top:0}.catalogs div{display:flex;flex-wrap:wrap;gap:12px}.catalogs a{padding:12px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--navy);font-weight:700}footer{padding:24px 5vw;background:var(--navy);color:#dce6f3;text-align:center;line-height:1.5}
dialog{width:min(980px,94vw);border:0;border-radius:20px;padding:0;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#0009}.close{position:absolute;right:15px;top:12px;width:38px;height:38px;border:0;border-radius:50%;font-size:28px;cursor:pointer}.detail{display:grid;grid-template-columns:42% 58%}.detail-image{padding:30px;background:#f8fafc;display:grid;place-items:center}.detail-image img{width:100%;max-height:520px;object-fit:contain}.detail-info{padding:38px}.detail-info h2{font-size:34px;margin:0 0 7px}.detail-info p{line-height:1.45}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700;font-size:14px}.field select{padding:12px;border:1px solid var(--line);border-radius:10px}.summary{background:#f8fafc;border:1px solid var(--line);padding:17px;border-radius:14px}.summary-row{display:flex;justify-content:space-between;gap:14px;margin:8px 0}.summary .final{font-size:22px;font-weight:900;color:var(--navy);border-top:1px solid var(--line);padding-top:12px}.buy{display:block;text-align:center;margin-top:16px;background:#16a34a;color:#fff;text-decoration:none;padding:14px;border-radius:12px;font-weight:850}.fine{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:760px){.hero{grid-template-columns:1fr;text-align:center}.hero img{max-width:260px;margin:auto}.payment-strip{grid-template-columns:1fr}.filters{flex-direction:column}.detail{grid-template-columns:1fr}.detail-image{padding:20px}.detail-info{padding:25px}.options{grid-template-columns:1fr}.topbrand span{display:none}.whats{font-size:13px;padding:10px 12px}}