:root{--navy:#071833;--blue:#163d78;--gold:#c6a15b;--soft:#f3f6fa;--ink:#122036}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.topbar{background:#030d20;color:#fff;text-align:center;font-size:12px;letter-spacing:1.4px;padding:9px}header{height:92px;display:flex;align-items:center;gap:35px;padding:8px max(5vw,24px);border-bottom:1px solid #e4e9f1;position:sticky;top:0;background:#fff;z-index:9}.brand{display:flex;align-items:center;gap:10px;font-size:21px;white-space:nowrap}.brand img{height:72px;width:72px;object-fit:contain}.brand b{color:var(--blue)}nav{display:flex;gap:25px;flex:1;justify-content:center}nav a:hover{color:var(--blue)}.actions{display:flex;gap:15px;align-items:center}.cart{background:var(--navy);color:#fff;padding:12px 16px;border-radius:8px}.cart b{background:var(--gold);padding:2px 7px;border-radius:20px;margin-left:5px}.hamb{display:none}.hero{min-height:560px;background:radial-gradient(circle at 72% 35%,#3b5e91 0,#142b4f 27%,#06142c 58%),linear-gradient(135deg,#06142c,#1b477b);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:70px 8vw;overflow:hidden}.hero small{color:#e8c881;letter-spacing:3px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:18px 0}.hero p{max-width:620px;color:#ced9e9;font-size:18px;line-height:1.65}.btn{display:inline-block;background:var(--gold);color:#081326;border:0;border-radius:8px;padding:15px 22px;font-weight:700;cursor:pointer}.btn.alt{background:#fff}.device{height:390px;border-radius:28px;background:linear-gradient(145deg,#cbd3df,#69778b 35%,#182235);transform:perspective(800px) rotateY(-12deg) rotateX(4deg);box-shadow:0 45px 80px #0009;position:relative}.device:after{content:'RMV';position:absolute;inset:18px;border-radius:18px;background:radial-gradient(circle,#365b91,#071327 65%);display:grid;place-items:center;font-size:70px;font-weight:800;color:#ffffff12}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce3ec}.benefits div{background:#fff;padding:28px;text-align:center}.benefits b{display:block;margin:8px}.section{padding:75px max(6vw,24px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:36px;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{border:1px solid #e1e6ed;border-radius:14px;overflow:hidden;background:#fff;transition:.2s}.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px #15243e17}.product-img{height:220px;background:linear-gradient(145deg,#f8fafc,#dce3eb);display:grid;place-items:center;color:#8290a2;font-size:48px}.product-img img{width:100%;height:100%;object-fit:cover}.product-body{padding:18px}.tag{font-size:11px;text-transform:uppercase;color:var(--blue);font-weight:800;letter-spacing:1px}.product h3{margin:8px 0;min-height:44px}.price{font-weight:800;color:var(--blue);font-size:18px}.product .btn{display:block;text-align:center;margin-top:14px;padding:12px}.dark{background:var(--navy);color:#fff}.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cat{padding:30px 15px;background:#fff;color:var(--ink);border-radius:12px;text-align:center;font-weight:700}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid #dde3eb;padding:20px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#5d6979;line-height:1.6}.form-card{max-width:850px;margin:50px auto;padding:35px;border:1px solid #dde3eb;border-radius:14px;box-shadow:0 12px 40px #0c1a3010}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #ccd5e1;border-radius:8px}.full{grid-column:1/-1}.notice{padding:14px;background:#e9f7ef;color:#176b3c;border-radius:8px;margin-bottom:18px}.error{background:#fff0f0;color:#9c2929}.whatsapp{position:fixed;right:24px;bottom:22px;background:#24d366;color:white;padding:15px 20px;border-radius:28px;z-index:8;font-weight:700}footer{background:#061329;color:#cdd6e4;padding:55px 7vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer img{width:85px}footer a{display:block;margin:10px 0}.copyright{background:#030d20;color:#8f9bad;text-align:center;padding:18px;font-size:13px}.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:30px}.sidebar{background:var(--soft);padding:22px;border-radius:12px;height:max-content}.sidebar a{display:block;padding:10px 0;border-bottom:1px solid #dce2ea}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #dde3eb;text-align:left}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin-side{background:#071833;color:#fff;padding:25px}.admin-side a{display:block;padding:12px;border-radius:7px}.admin-side a:hover{background:#163d78}.admin-main{padding:35px;background:#f4f6fa}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;padding:22px;border-radius:10px}.stat strong{font-size:30px;display:block}.inline{display:flex;gap:10px;align-items:center}.danger{background:#a92e2e;color:#fff}.muted{color:#687588}@media(max-width:900px){header{height:auto;flex-wrap:wrap}.hamb{display:block;margin-left:auto}.actions{margin-left:auto}nav{display:none;order:4;flex-basis:100%;flex-direction:column;padding:15px}.open{display:flex}.hero{grid-template-columns:1fr}.device{display:none}.grid{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.catalog-layout,.admin-shell{grid-template-columns:1fr}.admin-side{display:flex;gap:4px;overflow:auto}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.statgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{min-height:520px;padding:55px 25px}.hero h1{font-size:44px}.actions>a:first-child{display:none}.benefits{grid-template-columns:1fr}.section h2{font-size:29px}footer{grid-template-columns:1fr}.statgrid{grid-template-columns:1fr}}
