
:root{--bg:#020715;--panel:#07152e;--panel2:#0a1d40;--blue:#126aff;--cyan:#4ddaff;--gold:#ffbd35;--text:#f8fbff;--muted:#9eafcc;--line:#1a3e75;--danger:#ff5570}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 70% 0,#0a2856 0,#020715 40%,#01030a 100%);color:var(--text)}a{text-decoration:none;color:inherit}.container{width:min(1180px,94%);margin:auto}
.ticker{overflow:hidden;background:#010309;border-bottom:1px solid #1a3155;color:#ffcc55;font-weight:800;font-size:13px}.ticker-track{display:flex;gap:24px;width:max-content;padding:8px 0;animation:ticker 28s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
nav{position:sticky;top:0;z-index:50;background:rgba(2,7,21,.94);backdrop-filter:blur(14px);border-bottom:1px solid #17345e}.navrow{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:5px;color:var(--cyan);margin-top:3px}.mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1283ff,#61dfff);display:grid;place-items:center;font-size:23px}.links{display:flex;gap:20px;font-weight:800;font-size:14px}.rightnav{display:flex;align-items:center;gap:12px}.langs{display:flex;gap:5px}.langs button{border:1px solid #31588e;background:#07142b;color:#fff;border-radius:8px;padding:8px 9px;cursor:pointer}.langs button.active{background:#1685e9}.call{padding:12px 16px;border-radius:13px;background:linear-gradient(135deg,#084cca,#1e8fff);font-weight:900}
.approved-hero{position:relative;background:#020715}.approved-hero>img{width:100%;display:block;max-height:540px;object-fit:cover;object-position:center top}.hot{position:absolute;display:block}.call-hot{left:4%;top:65%;width:14%;height:9%}.map-hot{left:19%;top:65%;width:16%;height:9%}.shop-hot{left:36%;top:65%;width:14%;height:9%}
.services-wrap{padding:18px 0 32px}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service,.card{background:linear-gradient(180deg,var(--panel2),#061025);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 35px #0008}.service{text-align:center;padding:19px 12px;min-height:145px}.service .icon{font-size:31px}.service b{display:block;margin:10px 0 5px}.service p{margin:0;color:var(--muted);font-size:13px}
.section{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section h2{font-size:32px;margin:0}.lead{color:var(--muted)}
.products{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.product{text-align:center;padding:13px}.product img{width:100%;height:180px;object-fit:contain;background:#071126;border-radius:12px}.product h3{font-size:15px;margin:10px 0 3px}.meta{font-size:12px;color:#aab9d2}.price{font-size:23px;font-weight:900}.old{text-decoration:line-through;color:#70829f;font-size:13px;margin-left:6px}.buy{display:block;padding:8px;margin-top:9px;border-radius:999px;background:linear-gradient(135deg,#063cb8,#167aff);font-weight:900}
.promo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.promo{min-height:260px;border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative;background:#07142b}.promo img{width:100%;height:100%;object-fit:cover;display:block}.promo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#020713e5,#02071335);padding:27px;display:flex;flex-direction:column;justify-content:end}.promo h3{font-size:30px;margin:0}.promo strong{font-size:25px;color:var(--gold);margin:6px 0 12px}
.carrier-section{background:#040b18}.carrier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.carrier{padding:14px;text-align:center}.carrier img,.simple-logo{width:100%;height:240px;object-fit:contain;background:#fff;border-radius:11px}.simple-logo{display:grid;place-items:center;background:#161616;color:#ef2730;font-size:28px;font-weight:900}.carrier strong{color:var(--cyan)}
.why-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:13px}.why-grid article{padding:22px;text-align:center}.why-grid .intro{text-align:left}.stat b{display:block;color:var(--gold);font-size:27px}.stat span{color:#d8e5f8}
.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.review{padding:24px}.stars{font-size:25px;color:var(--gold)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}.contact-grid article{padding:22px}.contact-grid table{width:100%;font-size:14px}.contact-grid td{padding:5px}.sat{color:var(--gold)}.button{display:inline-block;padding:12px 20px;border-radius:10px;background:linear-gradient(135deg,#084cca,#1e8fff);font-weight:900}
footer{padding:35px 0;border-top:1px solid #17345e;color:#9db0ca}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.floating{position:fixed;right:16px;bottom:22px;display:grid;gap:9px;z-index:60}.floating a{width:51px;height:51px;border-radius:50%;background:#0c68ff;border:2px solid #68dfff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 24px #006aff77}
html[dir=rtl] body{text-align:right}html[dir=rtl] .ticker-track{animation-direction:reverse}
.admin-body{background:#030917}.admin-shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:#051027;border-right:1px solid #1b3c6e;padding:22px;position:sticky;top:0;height:100vh}.sidebar button{display:block;width:100%;text-align:left;padding:12px;margin:4px 0;border:0;border-radius:9px;background:transparent;color:#dce9ff;cursor:pointer}.sidebar button:hover,.sidebar button.active{background:#12356f}.admin-main{padding:27px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.table-wrap{overflow:auto;background:#07152e;border:1px solid var(--line);border-radius:15px}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th,.data-table td{padding:12px;border-bottom:1px solid #16335d;text-align:left}.small{padding:7px 10px;border:0;border-radius:7px;font-weight:800;cursor:pointer}.edit{background:#167aff;color:#fff}.delete{background:var(--danger);color:#fff}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000b;z-index:100}.modal.open{display:flex}.modal-card{width:min(850px,94%);max-height:90vh;overflow:auto;background:#08172f;border:1px solid #2b558f;border-radius:20px;padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-grid label{font-size:13px;color:#b8c7dd}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:12px;border-radius:9px;border:1px solid #294b7c;background:#030a18;color:#fff;margin-top:5px}.btn{border:0;padding:12px 17px;border-radius:9px;background:#167aff;color:#fff;font-weight:900;cursor:pointer}.btn.gray{background:#182a48}.login-card{width:min(420px,94%)}
@media(max-width:950px){.links{display:none}.call{display:none}.approved-hero>img{min-height:360px;object-fit:cover;object-position:52% top}.services-grid{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.carrier-grid{grid-template-columns:repeat(2,1fr)}.promo-grid,.why-grid,.review-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.hot{display:none}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.form-grid{grid-template-columns:1fr}}


/* V3.2 visual corrections */
.navrow{display:grid;grid-template-columns:240px minmax(0,1fr) auto}
.links{justify-content:center;gap:14px;font-size:13px;white-space:nowrap}
.rightnav{min-width:max-content}.langs{display:flex!important;flex-wrap:nowrap}
.approved-hero{overflow:hidden}
.approved-hero>img{max-height:none;height:auto;object-fit:cover;object-position:center top}

/* The hero image begins below the old mockup navigation, so no duplicate row appears. */
.section-kicker{display:block;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:1.4px;margin-bottom:8px}
.repair-section{background:linear-gradient(180deg,#061127,#020816)}
.repair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.repair-card{padding:20px;position:relative;overflow:hidden}
.repair-card:before{content:"";position:absolute;inset:auto -35px -45px auto;width:130px;height:130px;border-radius:50%;background:#126aff22}
.repair-icon{font-size:32px}.repair-device{color:var(--cyan);font-size:12px;font-weight:900;margin-top:9px}
.repair-card h3{margin:5px 0 8px}.repair-price{font-size:27px;color:var(--gold);font-weight:900}
.repair-card p{color:var(--muted);margin:7px 0}.repair-card>span{font-size:12px;color:#bcd0ec}

.speaker-section{background:#030917}
.speaker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.speaker-card{padding:14px;text-align:center}
.speaker-card img{width:100%;height:260px;object-fit:contain;background:#030a18;border-radius:12px}
.speaker-card h3{margin:12px 0 7px}
.compact-promos{margin-top:18px}
.compact-promos .promo{min-height:210px}

.carrier-grid{grid-template-columns:repeat(4,1fr)}
.carrier-brand{height:190px;border-radius:12px;display:grid;place-items:center;padding:18px;font-size:28px;font-weight:900;letter-spacing:-1px;background:#fff;color:#111;position:relative;overflow:hidden}
.carrier-brand:after{content:"PREPAID • NO CONTRACT";position:absolute;bottom:10px;font-size:10px;letter-spacing:1px;opacity:.75}
.carrier-brand.gen{background:linear-gradient(145deg,#c71928,#f34850);color:#fff}
.carrier-brand.ultra{background:linear-gradient(145deg,#6a2c91,#cab8ea);color:#fff}
.carrier-brand.mobilex{background:linear-gradient(145deg,#171717,#303030);color:#65dc57}
.carrier-brand.simple{background:linear-gradient(145deg,#111,#242424);color:#ef2b37}
.carrier-brand.att{background:linear-gradient(145deg,#e9f8ff,#6bc8f2);color:#046ea8}
.carrier-brand.cricket{background:linear-gradient(145deg,#54a928,#a8df77);color:#fff}
.carrier-brand.boost{background:linear-gradient(145deg,#ff6a00,#ffb259);color:#fff}
.carrier-brand.h2o{background:linear-gradient(145deg,#1876c9,#57d4e7);color:#fff}

@media(max-width:1180px){
 .links{gap:10px;font-size:12px}
 .call{display:none}
}
@media(max-width:950px){
 .navrow{grid-template-columns:1fr auto}
 .links{display:none}
 .repair-grid{grid-template-columns:repeat(2,1fr)}
 .speaker-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .brand{font-size:13px;letter-spacing:2px}.mark{width:36px;height:36px}
 .langs button{padding:7px 8px}
 .repair-grid,.speaker-grid,.carrier-grid{grid-template-columns:1fr}
}


/* V3.3 rewards registration and login corrections */
.rewards-card{position:relative;overflow:hidden}
.rewards-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-100px;background:#126aff22;pointer-events:none}
.rewards-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;position:relative;z-index:1}
.rewards-form label{display:grid;gap:6px;color:#dce9ff;font-size:13px;font-weight:700}
.rewards-form input[type="text"],.rewards-form input[type="tel"],.rewards-form input[type="email"]{
 width:100%;padding:12px;border-radius:9px;border:1px solid #31588e;background:#030a18;color:#fff
}
.rewards-form label:nth-of-type(1){grid-column:1/-1}
.consent-row{grid-column:1/-1;display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;font-weight:400!important}
.consent-row input{margin-top:3px}.rewards-form .button{grid-column:1/-1;border:0;cursor:pointer}
.rewards-form small{grid-column:1/-1;color:#91a7c7}.hidden-field{display:none}
.success-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 0,#0b2a61,#020715 55%)}
.success-card{max-width:620px;padding:35px;text-align:center}.success-card h1{font-size:40px;margin:12px 0}
#loginError{line-height:1.35}
@media(max-width:650px){.rewards-form{grid-template-columns:1fr}.rewards-form label{grid-column:1!important}}


/* V3.4 — visible customer Rewards registration */
.rewards-join-section{
  background:
    radial-gradient(circle at 85% 10%,#126aff2a,transparent 32%),
    linear-gradient(180deg,#07152d,#030816);
  border-top:1px solid #1c447d;
  border-bottom:1px solid #1c447d;
}
.rewards-heading{margin-bottom:22px}
.rewards-heading h2{font-size:38px}
.rewards-card{border:2px solid #1f74dc;box-shadow:0 0 34px #126aff33,0 14px 40px #0009}
.rewards-benefits{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.rewards-benefits span{padding:7px 10px;border:1px solid #29558d;border-radius:999px;background:#07152c;color:#dceaff;font-size:12px;font-weight:800}
.rewards-form{background:#041027;border:1px solid #24528c;border-radius:14px;padding:17px}
.rewards-form input{font-size:16px}
.rewards-form .button{font-size:16px;padding:14px 18px;background:linear-gradient(135deg,#0656e4,#27b8ff)}
@media(max-width:650px){
  .rewards-heading h2{font-size:30px}
}


/* V3.5 — New Owner / New Look announcement */
.owner-announcement{
  background:
    linear-gradient(90deg,rgba(255,189,53,.12),rgba(18,106,255,.12)),
    #061127;
  border-top:1px solid #a97418;
  border-bottom:1px solid #245ba0;
  position:relative;
  overflow:hidden;
}
.owner-announcement:before{
  content:"";
  position:absolute;
  width:260px;height:260px;border-radius:50%;
  left:-120px;top:-130px;
  background:radial-gradient(circle,#ffbd3538,transparent 70%);
}
.owner-announcement:after{
  content:"";
  position:absolute;
  width:300px;height:300px;border-radius:50%;
  right:-150px;bottom:-170px;
  background:radial-gradient(circle,#126aff35,transparent 70%);
}
.owner-announcement-inner{
  min-height:150px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
  padding:24px 0;
  position:relative;
  z-index:1;
}
.owner-badge{
  min-width:150px;
  padding:15px 18px;
  border-radius:16px;
  background:linear-gradient(135deg,#ff9d16,#ffd65d);
  color:#18100a;
  font-weight:1000;
  text-align:center;
  box-shadow:0 10px 30px #ffad2438;
}
.owner-badge-icon{display:block;font-size:25px;margin-bottom:5px}
.owner-copy h2{
  margin:0 0 8px;
  font-size:29px;
  letter-spacing:.2px;
}
.owner-copy p{
  margin:0;
  color:#c9d8ee;
  line-height:1.55;
  max-width:760px;
}
.owner-announcement-button{
  white-space:nowrap;
  background:linear-gradient(135deg,#0757e1,#26b8ff);
}
@media(max-width:850px){
  .owner-announcement-inner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .owner-badge{justify-self:center}
  .owner-announcement-button{justify-self:center}
  .owner-copy p{margin:auto}
}


/* V3.6 — HDMI repair promotion */
.hdmi-repair-section{
  background:
    radial-gradient(circle at 80% 20%,#126aff28,transparent 35%),
    linear-gradient(180deg,#030a18,#061127);
  border-top:1px solid #1d4f8f;
  border-bottom:1px solid #1d4f8f;
}
.hdmi-promo-grid{display:grid;grid-template-columns:1fr}
.hdmi-promo-card{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);
  overflow:hidden;
  min-height:420px;
}
.hdmi-promo-card img{
  width:100%;
  height:100%;
  max-height:620px;
  object-fit:cover;
  object-position:center top;
  background:#020715;
}
.hdmi-promo-copy{
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg,#091a38,#061127);
}
.hdmi-promo-copy h3{font-size:31px;margin:8px 0}
.hdmi-promo-copy p{color:var(--muted);line-height:1.55}
.hdmi-price{
  font-size:54px;
  line-height:1;
  color:var(--gold);
  font-weight:1000;
  margin:12px 0 22px;
}
@media(max-width:900px){
  .hdmi-promo-card{grid-template-columns:1fr}
  .hdmi-promo-card img{max-height:none}
}
