:root{
  --primary:#1a1a2e;--secondary:#16213e;--accent:#e94560;--gold:#f5a623;
  --green:#25d366;--text:#2d2d2d;--gray:#6c757d;--border:#e8e8e8;
  --light:#f8f9fb;--white:#fff;
  --samsung:#1428a0;--xiaomi:#ff6900;--oppo:#1d4289;--realme:#e69000;
  --vivo:#415fff;--infinix:#0077b6;--honor:#cf0a2c;--nokia:#005aff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Cairo',sans-serif;background:var(--light);color:var(--text);overflow-x:hidden;direction:rtl}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
button{cursor:pointer;font-family:'Cairo',sans-serif}

/* ====== TOPBAR ====== */
.topbar{background:var(--primary);color:rgba(255,255,255,.85);padding:7px 20px;font-size:12.5px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px}
.topbar a{color:var(--gold);font-weight:700}

/* ====== HEADER ====== */
header{background:linear-gradient(135deg,var(--primary) 0%,#0f3460 55%,#1a1a4e 100%);position:sticky;top:0;z-index:1000;box-shadow:0 4px 25px rgba(0,0,0,.35)}
.hdr{max-width:1450px;margin:0 auto;padding:13px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.logo-wrap{display:flex;align-items:center;gap:12px}
.logo-box{width:52px;height:52px;background:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff;box-shadow:0 4px 16px rgba(233,69,96,.5);flex-shrink:0}
.logo-title{font-family:'Tajawal',sans-serif;font-size:24px;font-weight:900;color:#fff;line-height:1}
.logo-sub{font-size:11px;color:rgba(255,255,255,.6)}
.main-nav{display:flex;gap:2px;list-style:none}
.main-nav a{color:rgba(255,255,255,.82);padding:7px 13px;border-radius:8px;font-size:13.5px;font-weight:600;transition:.2s;display:block;white-space:nowrap}
.main-nav a:hover,.main-nav a.active{background:rgba(255,255,255,.15);color:#fff}
.hdr-btns{display:flex;gap:10px;align-items:center}
.btn-cart{background:var(--accent);color:#fff;border:none;padding:9px 18px;border-radius:10px;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px;transition:.2s}
.btn-cart:hover{background:#c73652;transform:translateY(-1px)}
.cart-badge{background:#fff;color:var(--accent);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}
.btn-reg{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);padding:9px 15px;border-radius:10px;font-size:13px;font-weight:600;transition:.2s}
.btn-reg:hover{background:rgba(255,255,255,.22)}

/* ====== HERO ====== */
.hero{background:linear-gradient(135deg,#0f3460,#1a1a2e 60%,#16213e);padding:55px 25px;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-40%;right:-15%;width:550px;height:550px;background:radial-gradient(circle,rgba(233,69,96,.18) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(245,166,35,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.price-date{display:inline-block;background:var(--gold);color:var(--primary);padding:5px 18px;border-radius:20px;font-size:12.5px;font-weight:700;margin-bottom:16px;position:relative}
.hero h1{font-family:'Tajawal',sans-serif;font-size:44px;font-weight:900;color:#fff;margin-bottom:12px;position:relative;line-height:1.2}
.hero h1 span{color:var(--accent)}
.hero p{color:rgba(255,255,255,.72);font-size:17px;margin-bottom:25px;position:relative}
.hero-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative}
.hbadge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:7px 18px;border-radius:25px;font-size:13px;font-weight:600;backdrop-filter:blur(8px)}
.hbadge.hot{background:var(--accent);border-color:var(--accent)}

/* ====== PAGE TABS ====== */
.page-tabs{background:#fff;border-bottom:2px solid var(--border);position:sticky;top:79px;z-index:900;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.ptabs-inner{max-width:1450px;margin:0 auto;display:flex;overflow-x:auto;scrollbar-width:none;padding:0 20px}
.ptabs-inner::-webkit-scrollbar{display:none}
.ptab{padding:14px 20px;border:none;background:none;font-size:13.5px;font-weight:700;color:var(--gray);border-bottom:3px solid transparent;transition:.2s;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:7px}
.ptab:hover{color:var(--text);background:var(--light)}
.ptab.active{color:var(--accent);border-bottom-color:var(--accent)}
.bdot{width:9px;height:9px;border-radius:50%;flex-shrink:0}

/* ====== PAGES ====== */
.page-content{display:none;max-width:1450px;margin:0 auto;padding:28px 20px}
.page-content.active{display:block}

/* ====== BRAND HEADER ====== */
.brand-hdr{display:flex;align-items:center;gap:18px;padding:22px 28px;border-radius:16px;color:#fff;margin-bottom:28px;position:relative;overflow:hidden}
.brand-hdr::after{content:attr(data-brand);position:absolute;left:-5px;bottom:-20px;font-size:90px;font-weight:900;opacity:.07;letter-spacing:-3px;pointer-events:none}
.brand-icon-big{width:65px;height:65px;background:rgba(255,255,255,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;border:2px solid rgba(255,255,255,.3);flex-shrink:0}
.brand-hdr-txt h2{font-family:'Tajawal',sans-serif;font-size:28px;font-weight:800;margin-bottom:3px}
.brand-hdr-txt p{opacity:.78;font-size:13px}
.samsung-bg{background:linear-gradient(135deg,#1428a0,#0052cc)}
.xiaomi-bg{background:linear-gradient(135deg,#ff6900,#e65c00)}
.oppo-bg{background:linear-gradient(135deg,#1d4289,#2563eb)}
.realme-bg{background:linear-gradient(135deg,#e69000,#ffc107)}
.vivo-bg{background:linear-gradient(135deg,#415fff,#6b7fff)}
.infinix-bg{background:linear-gradient(135deg,#0077b6,#00b4d8)}
.honor-bg{background:linear-gradient(135deg,#cf0a2c,#e63950)}
.nokia-bg{background:linear-gradient(135deg,#005aff,#0077ff)}

/* ====== SEARCH ====== */
.search-wrap{max-width:580px;margin:0 auto 25px;position:relative}
.search-inp{width:100%;padding:12px 46px 12px 18px;border:2px solid var(--border);border-radius:12px;font-family:'Cairo',sans-serif;font-size:14px;outline:none;transition:.2s;background:#fff;direction:rtl}
.search-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(233,69,96,.1)}
.search-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:19px;color:var(--gray);pointer-events:none}

/* ====== SECTION TITLE ====== */
.sec-title{font-family:'Tajawal',sans-serif;font-size:20px;font-weight:800;color:var(--primary);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.sec-title::after{content:'';flex:1;height:2px;background:linear-gradient(to left,transparent,var(--border))}

/* ====== PHONES GRID ====== */
.phones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:35px}

/* ====== PHONE CARD ====== */
.pcard{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.055);transition:all .3s;border:2px solid transparent;position:relative;display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.13)}
.pcard-img{height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f0f2f8;position:relative}
.pcard-img img{height:145px;width:auto;object-fit:contain;transition:transform .3s;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}
.pcard:hover .pcard-img img{transform:scale(1.08)}
.pbadge{position:absolute;top:10px;right:10px;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;z-index:2}
.badge-5g{background:#0ea5e9}
.badge-pro{background:var(--accent)}
.badge-pro-plus{background:#7c3aed}
.badge-gt{background:#059669}
.badge-tablet{background:#d97706}
.badge-keypad{background:#64748b}
.pcard-body{padding:14px;flex:1}
.pcard-brand-name{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;opacity:.6}
.pcard-name{font-weight:700;font-size:13.5px;color:var(--primary);margin-bottom:8px;line-height:1.35}
.pcard-specs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}
.spec-tag{background:var(--light);padding:2px 8px;border-radius:5px;font-size:11px;color:var(--gray);font-weight:600}
.pcard-price{font-family:'Tajawal',sans-serif;font-size:22px;font-weight:900}
.pcard-price small{font-size:12px;font-weight:600;color:var(--gray)}
.pcard-actions{padding:0 14px 14px;display:flex;gap:8px}
.btn-addcart{flex:1;color:#fff;border:none;padding:9px;border-radius:9px;font-size:12.5px;font-weight:700;transition:.2s}
.btn-addcart:hover{filter:brightness(1.15);transform:translateY(-1px)}
.btn-wa{background:var(--green);color:#fff;border:none;padding:9px 13px;border-radius:9px;font-size:16px;transition:.2s}
.btn-wa:hover{background:#128c7e}

/* Brand-specific card styles */
.brand-samsung .pcard:hover{border-color:var(--samsung)}
.brand-samsung .pcard-brand-name{color:var(--samsung)}
.brand-samsung .pcard-price{color:var(--samsung)}
.brand-samsung .btn-addcart{background:var(--samsung)}
.brand-xiaomi .pcard:hover{border-color:var(--xiaomi)}
.brand-xiaomi .pcard-brand-name{color:var(--xiaomi)}
.brand-xiaomi .pcard-price{color:var(--xiaomi)}
.brand-xiaomi .btn-addcart{background:var(--xiaomi)}
.brand-oppo .pcard:hover{border-color:var(--oppo)}
.brand-oppo .pcard-brand-name{color:var(--oppo)}
.brand-oppo .pcard-price{color:var(--oppo)}
.brand-oppo .btn-addcart{background:var(--oppo)}
.brand-realme .pcard:hover{border-color:var(--realme)}
.brand-realme .pcard-brand-name{color:var(--realme)}
.brand-realme .pcard-price{color:var(--realme)}
.brand-realme .btn-addcart{background:var(--realme)}
.brand-vivo .pcard:hover{border-color:var(--vivo)}
.brand-vivo .pcard-brand-name{color:var(--vivo)}
.brand-vivo .pcard-price{color:var(--vivo)}
.brand-vivo .btn-addcart{background:var(--vivo)}
.brand-infinix .pcard:hover{border-color:var(--infinix)}
.brand-infinix .pcard-brand-name{color:var(--infinix)}
.brand-infinix .pcard-price{color:var(--infinix)}
.brand-infinix .btn-addcart{background:var(--infinix)}
.brand-honor .pcard:hover{border-color:var(--honor)}
.brand-honor .pcard-brand-name{color:var(--honor)}
.brand-honor .pcard-price{color:var(--honor)}
.brand-honor .btn-addcart{background:var(--honor)}
.brand-nokia .pcard:hover{border-color:var(--nokia)}
.brand-nokia .pcard-brand-name{color:var(--nokia)}
.brand-nokia .pcard-price{color:var(--nokia)}
.brand-nokia .btn-addcart{background:var(--nokia)}

/* ====== ACCESSORIES PAGE ====== */
.acc-hero{background:linear-gradient(135deg,#1a1a2e,#0f3460);padding:40px 25px;text-align:center;border-radius:18px;margin-bottom:30px;color:#fff}
.acc-hero h2{font-family:'Tajawal',sans-serif;font-size:32px;font-weight:800;margin-bottom:8px}
.acc-hero p{opacity:.75;font-size:15px}
.acc-cats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.acc-cat-btn{background:#fff;border:2px solid var(--border);padding:9px 18px;border-radius:25px;font-size:13px;font-weight:700;color:var(--gray);cursor:pointer;transition:.2s;display:flex;align-items:center;gap:6px}
.acc-cat-btn.active,.acc-cat-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:35px}
.acc-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);transition:all .3s;border:2px solid transparent;cursor:pointer}
.acc-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.12);border-color:var(--accent)}
.acc-img{height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9ff,#eef0ff);font-size:60px;position:relative}
.acc-badge{position:absolute;top:10px;right:10px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:5px}
.acc-body{padding:14px}
.acc-cat-label{font-size:10.5px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.acc-name{font-weight:700;font-size:13px;color:var(--primary);margin-bottom:6px;line-height:1.3}
.acc-compat{font-size:11px;color:var(--gray);margin-bottom:8px}
.acc-price{font-family:'Tajawal',sans-serif;font-size:19px;font-weight:900;color:var(--accent)}
.acc-actions{padding:0 14px 14px;display:flex;gap:8px}
.acc-actions .btn-addcart{background:var(--accent)}
.acc-actions .btn-addcart:hover{background:#c73652}

/* ====== CUSTOMER DB ====== */
.cdb-hero{background:linear-gradient(135deg,#0f3460,#1a1a2e);padding:40px 25px;text-align:center;border-radius:18px;margin-bottom:30px;color:#fff}
.cdb-hero h2{font-family:'Tajawal',sans-serif;font-size:30px;font-weight:800;margin-bottom:8px}
.cdb-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:25px;align-items:start}
.cdb-form-box,.cdb-list-box{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.07)}
.cdb-form-box h3,.cdb-list-box h3{font-family:'Tajawal',sans-serif;font-size:20px;font-weight:800;color:var(--primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.form-grid.full{grid-template-columns:1fr}
.fgroup{display:flex;flex-direction:column;gap:5px}
.fgroup label{font-size:12.5px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.3px}
.fgroup input,.fgroup select,.fgroup textarea{padding:10px 14px;border:2px solid var(--border);border-radius:10px;font-family:'Cairo',sans-serif;font-size:14px;outline:none;transition:.2s;direction:rtl;background:#fff;width:100%}
.fgroup input:focus,.fgroup select:focus,.fgroup textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(233,69,96,.1)}
.fgroup textarea{resize:vertical;min-height:70px}
.btn-submit{width:100%;background:var(--accent);color:#fff;border:none;padding:13px;border-radius:12px;font-size:15px;font-weight:700;transition:.2s;margin-top:5px}
.btn-submit:hover{background:#c73652;transform:translateY(-1px)}
.cdb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.stat-box{background:var(--light);border-radius:10px;padding:15px;text-align:center}
.stat-num{font-family:'Tajawal',sans-serif;font-size:26px;font-weight:900;color:var(--accent)}
.stat-lbl{font-size:11.5px;color:var(--gray);font-weight:600}
.cdb-search{position:relative;margin-bottom:16px}
.cdb-search input{width:100%;padding:10px 42px 10px 15px;border:2px solid var(--border);border-radius:10px;font-family:'Cairo',sans-serif;font-size:13.5px;outline:none;transition:.2s;direction:rtl}
.cdb-search input:focus{border-color:var(--accent)}
.cdb-search span{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:17px;color:var(--gray)}
.customers-table{width:100%;border-collapse:collapse;font-size:13px}
.customers-table th{background:var(--primary);color:#fff;padding:10px 12px;text-align:right;font-size:12px;font-weight:700;letter-spacing:.3px}
.customers-table td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:middle}
.customers-table tr:hover td{background:var(--light)}
.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}
.status-new{background:#dbeafe;color:#1d4ed8}
.status-contacted{background:#d1fae5;color:#065f46}
.status-purchased{background:#fce7f3;color:#9d174d}
.cust-del{background:none;border:none;color:#ccc;font-size:16px;cursor:pointer;transition:.2s;padding:3px}
.cust-del:hover{color:var(--accent)}
.empty-state{text-align:center;padding:35px;color:var(--gray)}
.empty-state .ei{font-size:45px;margin-bottom:10px;display:block}
.export-btns{display:flex;gap:10px;margin-top:16px}
.btn-export{flex:1;padding:9px;border-radius:9px;border:2px solid var(--border);background:#fff;font-size:12.5px;font-weight:700;color:var(--gray);transition:.2s;cursor:pointer}
.btn-export:hover{border-color:var(--accent);color:var(--accent)}

/* ====== CART DRAWER ====== */
.cart-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2000;backdrop-filter:blur(4px)}
.cart-overlay.open{display:flex;align-items:center;justify-content:center}
.cart-drawer{background:#fff;border-radius:20px;width:92%;max-width:480px;max-height:82vh;overflow-y:auto;padding:28px;animation:scaleIn .28s ease}
@keyframes scaleIn{from{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}
.cart-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.cart-hdr h3{font-family:'Tajawal',sans-serif;font-size:21px;font-weight:800}
.btn-close{background:var(--light);border:none;width:34px;height:34px;border-radius:50%;font-size:17px;display:flex;align-items:center;justify-content:center;transition:.2s}
.btn-close:hover{background:var(--border)}
.cart-item-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}
.ci-img{font-size:32px;width:45px;text-align:center}
.ci-info{flex:1}
.ci-name{font-weight:700;font-size:13.5px;margin-bottom:2px}
.ci-price{color:var(--accent);font-weight:700;font-size:14px}
.ci-del{background:none;border:none;color:#ccc;font-size:17px;transition:.2s}
.ci-del:hover{color:var(--accent)}
.cart-footer{margin-top:20px;background:var(--light);border-radius:14px;padding:18px}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cart-total-row strong{font-family:'Tajawal',sans-serif;font-size:22px;color:var(--accent)}
.btn-checkout{width:100%;background:var(--green);color:#fff;border:none;padding:14px;border-radius:12px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s}
.btn-checkout:hover{background:#128c7e}
.cart-empty{text-align:center;padding:30px}
.cart-empty .cei{font-size:48px;display:block;margin-bottom:10px}

/* ====== TOAST ====== */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);background:#1e1e1e;color:#fff;padding:11px 22px;border-radius:28px;font-size:13.5px;font-weight:600;z-index:3000;transition:transform .3s;white-space:nowrap;pointer-events:none}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast.ok{background:#25d366}

/* ====== WHATSAPP FLOAT ====== */
.wa-float{position:fixed;bottom:25px;left:25px;background:var(--green);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 5px 20px rgba(37,211,102,.45);z-index:999;transition:transform .2s;text-decoration:none}
.wa-float:hover{transform:scale(1.12)}

/* ====== FEATURES BAR ====== */
.features-bar{background:#fff;border-radius:16px;padding:22px 28px;margin-bottom:28px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;text-align:center}
.feat-item{display:flex;flex-direction:column;align-items:center;gap:6px}
.feat-icon{font-size:28px}
.feat-title{font-weight:700;font-size:13px;color:var(--primary)}
.feat-desc{font-size:11.5px;color:var(--gray)}

/* ====== MODAL SUCCESS ====== */
.modal-success{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:3000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(5px)}
.modal-success.open{display:flex}
.success-box{background:#fff;border-radius:20px;padding:40px;text-align:center;max-width:400px;width:90%;animation:scaleIn .3s ease}
.success-icon{font-size:60px;margin-bottom:15px;display:block}
.success-box h3{font-family:'Tajawal',sans-serif;font-size:24px;font-weight:800;color:var(--primary);margin-bottom:8px}
.success-box p{color:var(--gray);font-size:14px;line-height:1.7}
.btn-ok{background:var(--accent);color:#fff;border:none;padding:12px 35px;border-radius:12px;font-size:15px;font-weight:700;margin-top:18px;transition:.2s}
.btn-ok:hover{background:#c73652}

/* ====== FOOTER ====== */
footer{background:var(--primary);color:#fff;padding:50px 25px 20px;margin-top:60px}
.footer-grid{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;margin-bottom:40px}
.footer-brand h3{font-family:'Tajawal',sans-serif;font-size:22px;font-weight:800;margin-bottom:10px}
.footer-brand p{color:rgba(255,255,255,.58);font-size:13.5px;line-height:1.9}
.footer-col h4{font-weight:700;margin-bottom:14px;color:var(--gold);font-size:14px}
.footer-col ul{list-style:none}
.footer-col ul li{padding:4px 0;font-size:13px;color:rgba(255,255,255,.58)}
.footer-col ul li a{color:rgba(255,255,255,.58);transition:.2s}
.footer-col ul li a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;display:flex;justify-content:space-between;max-width:1450px;margin:0 auto;font-size:12.5px;color:rgba(255,255,255,.45);flex-wrap:wrap;gap:8px}

/* ====== RESPONSIVE ====== */
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}.cdb-layout{grid-template-columns:1fr}}
@media(max-width:768px){
  .hdr{padding:10px 15px}.main-nav{display:none}
  .hero h1{font-size:28px}.hero{padding:40px 15px}
  .phones-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .acc-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .cdb-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
  .phones-grid{grid-template-columns:1fr}
  .acc-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}