:root{
  --bg:#06111f;--bg-2:#091a2d;--cyan:#10c8df;--cyan-2:#42d8e9;
  --white:#fff;--muted:#aab9c7;--line:rgba(255,255,255,.12);
  --shadow:0 24px 60px rgba(0,0,0,.34);--container:1240px;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Vazirmatn",sans-serif;background:#f4f7fb;color:#102033}
a{text-decoration:none;color:inherit}button{font:inherit}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:1000;color:#fff;background:radial-gradient(circle at 78% 0%,rgba(16,200,223,.12),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg-2));box-shadow:0 12px 35px rgba(0,0,0,.18)}
.topbar{border-bottom:1px solid var(--line)}
.topbar__inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.82rem}
.topbar__support,.topbar__phone{display:inline-flex;align-items:center;gap:8px}
.topbar__phone{direction:ltr;color:#fff;font-weight:800}
.status-dot{
  position:relative;
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(180deg,#3ef3a1,#22c97e);
  box-shadow:
    0 0 0 3px rgba(39,214,143,.12),
    0 0 12px rgba(39,214,143,.38);
  animation:statusPulse 1.8s ease-in-out infinite;
}
.status-dot::before,
.status-dot::after{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:10px;
  height:10px;
  border-radius:50%;
  border:2px solid rgba(39,214,143,.55);
  transform:translate(-50%,-50%) scale(.7);
  opacity:0;
}
.status-dot::before{
  animation:radarWave 1.8s linear infinite;
}
.status-dot::after{
  animation:radarWave 1.8s linear infinite .9s;
}
@keyframes radarWave{
  0%{
    opacity:.65;
    transform:translate(-50%,-50%) scale(.7);
  }
  70%{
    opacity:.16;
  }
  100%{
    opacity:0;
    transform:translate(-50%,-50%) scale(2.7);
  }
}
@keyframes statusPulse{
  0%,100%{
    transform:scale(1);
    filter:brightness(1);
  }
  50%{
    transform:scale(1.16);
    filter:brightness(1.12);
  }
}
.navbar{border-bottom:1px solid rgba(255,255,255,.06)}
.navbar__inner{min-height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}
.brand__mark{width:48px;height:56px;display:grid;place-items:center;font-weight:800;font-size:1.25rem;border:2px solid var(--cyan);clip-path:polygon(50% 0,95% 18%,88% 76%,50% 100%,12% 76%,5% 18%);background:linear-gradient(180deg,rgba(16,200,223,.18),rgba(255,255,255,.02))}
.brand__copy{display:grid;gap:2px}.brand__copy strong{font-size:1.14rem}.brand__copy small{font-size:.72rem;color:var(--muted)}
.main-menu{display:flex;justify-content:center;align-items:center;gap:4px}
.menu-link{position:relative;min-height:48px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;background:none;color:#d8e4ed;cursor:pointer;font-weight:600}
.menu-link::after{content:"";position:absolute;right:14px;left:14px;bottom:1px;height:2px;border-radius:99px;background:var(--cyan);transform:scaleX(0);transition:.2s}
.menu-link:hover,.menu-link:focus-visible,.menu-link.is-active{color:#fff}.menu-link:hover::after,.menu-link:focus-visible::after,.menu-link.is-active::after{transform:scaleX(1)}
.menu-dropdown{position:relative}.menu-dropdown__toggle svg{width:16px;height:16px}
.mega-menu{position:fixed;top:122px;left:50%;width:min(1180px,calc(100% - 32px));transform:translate(-50%,10px);display:grid;grid-template-columns:.8fr 1fr 1fr;gap:18px;padding:18px;opacity:0;visibility:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(6,17,31,.98);box-shadow:var(--shadow);transition:.22s ease}
.menu-dropdown:hover .mega-menu,.menu-dropdown:focus-within .mega-menu,.menu-dropdown.is-open .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-menu__intro{padding:24px;border-radius:18px;background:linear-gradient(145deg,rgba(16,200,223,.14),rgba(255,255,255,.03));border:1px solid rgba(16,200,223,.16)}
.mega-menu__badge{display:inline-flex;padding:7px 11px;border-radius:999px;color:var(--cyan-2);background:rgba(16,200,223,.09);font-size:.78rem}
.mega-menu__intro h3{margin:18px 0 8px;font-size:1.35rem}.mega-menu__intro p{margin:0;color:var(--muted);line-height:1.9;font-size:.9rem}
.mega-menu__all{display:inline-flex;margin-top:20px;color:var(--cyan-2);font-weight:700}
.mega-menu__column{padding:18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.mega-menu__heading{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.mega-menu__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#00141c;background:linear-gradient(135deg,var(--cyan-2),var(--cyan));font-weight:800}
.mega-menu__heading div{display:grid;gap:3px}.mega-menu__heading strong{font-size:1rem}.mega-menu__heading small{color:var(--muted);font-size:.75rem}
.mega-menu__links{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:12px}
.mega-menu__links a{position:relative;padding:10px 12px;border-radius:10px;color:#d9e5ee;font-size:.88rem}
.mega-menu__links a::before{content:"";position:absolute;right:0;top:50%;width:4px;height:4px;border-radius:50%;background:var(--cyan);transform:translateY(-50%)}
.mega-menu__links a:hover{color:#fff;background:rgba(16,200,223,.09)}
.header-actions{display:flex;align-items:center;gap:10px}.header-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:12px;font-weight:800;transition:.2s}.header-btn:hover{transform:translateY(-2px)}
.header-btn--outline{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.03)}
.header-btn--primary{color:#00141c;background:linear-gradient(135deg,var(--cyan-2),var(--cyan));box-shadow:0 10px 28px rgba(16,200,223,.25)}
.menu-toggle{display:none;width:46px;height:46px;padding:0 11px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.04)}
.menu-toggle span{display:block;height:2px;margin:5px 0;border-radius:99px;background:#fff}
.demo-space{min-height:620px;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(circle at 25% 25%,rgba(16,200,223,.18),transparent 25%),linear-gradient(135deg,#071626,#0b2035 65%,#06101c)}
.demo-space__content span{display:inline-block;padding:8px 14px;border:1px solid rgba(16,200,223,.22);border-radius:999px;color:var(--cyan-2);background:rgba(16,200,223,.07)}
.demo-space__content h1{margin:18px 0 0;font-size:clamp(2rem,5vw,4.5rem)}
@media(max-width:1080px){
  .navbar__inner{grid-template-columns:auto auto 1fr}.menu-toggle{display:block}
  .main-menu{position:absolute;top:122px;right:16px;left:16px;display:none;align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(6,17,31,.98);box-shadow:var(--shadow)}
  .main-menu.is-open{display:grid}.menu-link{width:100%;justify-content:space-between}
  .mega-menu{position:static;width:100%;transform:none!important;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;margin-top:8px;padding:10px;box-shadow:none}
  .menu-dropdown.is-open .mega-menu{display:grid}
  .mega-menu__intro{display:none}.mega-menu__links{grid-template-columns:1fr 1fr}
  .header-actions{justify-content:flex-end}
}
@media(max-width:760px){
  .topbar__inner{min-height:34px;font-size:.72rem}.topbar__support span:last-child{display:none}
  .navbar__inner{min-height:72px;grid-template-columns:1fr auto;gap:12px}.brand__mark{width:40px;height:47px}.brand__copy small{display:none}
  .header-actions{position:fixed;right:12px;left:12px;bottom:12px;z-index:1100;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(6,17,31,.92);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
  .header-actions .header-btn{flex:1}.main-menu{top:108px}.mega-menu__links{grid-template-columns:1fr}
  .demo-space{padding-bottom:90px}
}

.warranty-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:320px;
  padding:10px;
  display:grid;
  gap:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(6,17,31,.98);
  box-shadow:var(--shadow);
  transition:.22s ease;
}
.menu-dropdown:hover .warranty-menu,
.menu-dropdown:focus-within .warranty-menu,
.menu-dropdown.is-open .warranty-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.warranty-menu a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px;
  border-radius:12px;
  color:#dce7ef;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
}
.warranty-menu a:hover{
  color:#fff;
  background:rgba(16,200,223,.09);
  border-color:rgba(16,200,223,.18);
}
.warranty-menu__icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:11px;
  color:#00141c;
  background:linear-gradient(135deg,var(--cyan-2),var(--cyan));
  font-weight:800;
}
.warranty-menu a span:last-child{
  display:grid;
  gap:2px;
}
.warranty-menu strong{
  font-size:.94rem;
}
.warranty-menu small{
  color:var(--muted);
  font-size:.74rem;
}

@media(max-width:1080px){
  .warranty-menu{
    position:static;
    width:100%;
    margin-top:8px;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
    background:rgba(255,255,255,.03);
  }
  .menu-dropdown.is-open .warranty-menu{
    display:grid;
  }
}


/* Luxury live status */
.status-dot{
  position:relative;
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%,#d8ffea 0 8%,#50f5a6 20%,#19c978 68%,#079a59 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.22),
    0 0 10px rgba(38,226,139,.55),
    0 0 22px rgba(38,226,139,.22);
  animation:luxuryCore 2.4s ease-in-out infinite;
}
.status-dot::before,
.status-dot::after{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:9px;
  height:9px;
  border-radius:50%;
  border:1px solid rgba(60,245,161,.68);
  transform:translate(-50%,-50%) scale(.8);
  opacity:0;
  pointer-events:none;
}
.status-dot::before{animation:luxuryRadar 2.4s cubic-bezier(.22,.61,.36,1) infinite}
.status-dot::after{animation:luxuryRadar 2.4s cubic-bezier(.22,.61,.36,1) infinite 1.2s}

@keyframes luxuryRadar{
  0%{opacity:.72;transform:translate(-50%,-50%) scale(.8)}
  60%{opacity:.18}
  100%{opacity:0;transform:translate(-50%,-50%) scale(3.25)}
}
@keyframes luxuryCore{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.08);filter:brightness(1.15)}
}

/* City selector */
.topbar__support-group{
  display:flex;
  align-items:center;
  gap:18px;
}
.city-selector{
  position:relative;
}
.city-selector__toggle{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  color:#eef8fb;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  cursor:pointer;
  transition:.2s ease;
}
.city-selector__toggle:hover,
.city-selector.is-open .city-selector__toggle{
  border-color:rgba(16,200,223,.32);
  background:rgba(16,200,223,.07);
  box-shadow:0 0 0 3px rgba(16,200,223,.05);
}
.city-selector__toggle svg{
  width:16px;
  height:16px;
  color:var(--cyan-2);
}
.city-selector__chevron{
  width:14px!important;
  height:14px!important;
  color:var(--muted)!important;
  transition:transform .2s ease;
}
.city-selector.is-open .city-selector__chevron{
  transform:rotate(180deg);
}
.city-selector__label{
  font-weight:700;
  font-size:.78rem;
}
.city-selector__menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:310px;
  max-height:390px;
  overflow:auto;
  padding:10px;
  display:grid;
  gap:7px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:
    radial-gradient(circle at 80% 0%,rgba(16,200,223,.09),transparent 35%),
    rgba(5,17,30,.985);
  box-shadow:0 24px 58px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
  transition:.2s ease;
}
.city-selector.is-open .city-selector__menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.city-option{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  color:#dce8f0;
  background:rgba(255,255,255,.025);
  text-align:right;
}
.city-option span:first-child{
  display:grid;
  gap:2px;
}
.city-option strong{
  font-size:.9rem;
}
.city-option small{
  color:var(--muted);
  font-size:.7rem;
}
.city-option.is-active{
  border-color:rgba(16,200,223,.25);
  background:rgba(16,200,223,.08);
}
.city-option:disabled{
  opacity:.72;
  cursor:not-allowed;
}
.city-status{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  color:#9eafbc;
  background:rgba(255,255,255,.06);
  font-size:.68rem;
  font-weight:700;
}
.city-status--active{
  color:#39e79a;
  background:rgba(39,214,143,.10);
  box-shadow:inset 0 0 0 1px rgba(39,214,143,.15);
}

@media(max-width:760px){
  .topbar__support-group{
    gap:8px;
  }
  .city-selector__toggle{
    padding-inline:8px;
  }
  .city-selector__label{
    font-size:.72rem;
  }
  .city-selector__menu{
    position:fixed;
    top:82px;
    right:12px;
    left:12px;
    width:auto;
    max-height:65vh;
  }
}


/* Solid overlay: prevents underlying hero text from showing through */
.city-selector{
  z-index:2100;
}
.city-selector__menu{
  z-index:2200;
  background:#061321;
  background-image:
    radial-gradient(circle at 85% 0%,rgba(16,200,223,.11),transparent 34%);
  border-color:rgba(69,211,229,.18);
  box-shadow:
    0 28px 70px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.025) inset;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  isolation:isolate;
}
.city-selector__menu::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:#061321;
}
.city-option{
  background:#0a1b2c;
}
.city-option:hover:not(:disabled){
  border-color:rgba(16,200,223,.28);
  background:#0d263a;
  cursor:pointer;
}
.city-option.is-active{
  background:#0a3040;
}

/* Compact services menu */
.menu-dropdown--services{
  position:relative;
}
.services-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:2050;
  width:390px;
  padding:12px;
  display:grid;
  gap:9px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  border:1px solid rgba(69,211,229,.16);
  border-radius:20px;
  background:#061321;
  box-shadow:0 28px 70px rgba(0,0,0,.52);
  transition:.2s ease;
}
.menu-dropdown--services:hover .services-menu,
.menu-dropdown--services:focus-within .services-menu,
.menu-dropdown--services.is-open .services-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.services-menu__header{
  display:grid;
  gap:3px;
  padding:8px 8px 11px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.services-menu__header span{
  color:#fff;
  font-weight:800;
}
.services-menu__header small{
  color:var(--muted);
  font-size:.74rem;
}
.service-route{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  color:#e4edf3;
  background:#0a1b2c;
  transition:.2s ease;
}
.service-route:hover{
  transform:translateX(-2px);
  border-color:rgba(16,200,223,.25);
  background:#0d263a;
}
.service-route__icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:var(--cyan-2);
  background:rgba(16,200,223,.09);
  box-shadow:inset 0 0 0 1px rgba(16,200,223,.12);
}
.service-route__content{
  display:grid;
  gap:3px;
}
.service-route__content strong{
  font-size:.92rem;
}
.service-route__content small{
  color:var(--muted);
  font-size:.72rem;
}
.service-route__arrow{
  color:var(--cyan-2);
  font-size:1.15rem;
}
.services-menu__booking{
  min-height:52px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:6px;
  padding:0 18px;
  border-radius:16px;
  border:0;
  color:#06202b !important;
  font-weight:900;
  font-size:.96rem;
  line-height:1;
  text-decoration:none !important;
  background:linear-gradient(135deg,var(--cyan-2),var(--cyan));
  box-shadow:0 12px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.32);
  position:relative;
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.services-menu__booking::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,.15),transparent 45%,rgba(255,255,255,.08));
  opacity:.9;
}
.services-menu__booking span,
.services-menu__booking svg{
  position:relative;
  z-index:1;
}
.services-menu__booking span{
  color:inherit !important;
}
.services-menu__booking svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.services-menu__booking:hover,
.services-menu__booking:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 16px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.34);
  filter:saturate(1.04);
}

@media(max-width:1080px){
  .services-menu{
    position:static;
    width:100%;
    margin-top:8px;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
  }
  .menu-dropdown--services.is-open .services-menu{
    display:grid;
  }
}


/* Service hover information */
.services-menu{
  width:430px;
}
.service-route-wrap{
  position:relative;
}
.service-info-card{
  max-height:0;
  overflow:hidden;
  opacity:0;
  margin-top:0;
  padding:0 14px;
  border:0 solid rgba(16,200,223,.16);
  border-radius:14px;
  color:#dce8ef;
  background:#071a2b;
  transform:translateY(-5px);
  transition:
    max-height .32s ease,
    opacity .22s ease,
    margin-top .25s ease,
    padding .25s ease,
    border-width .25s ease,
    transform .25s ease;
}
.service-route-wrap:hover .service-info-card,
.service-route-wrap:focus-within .service-info-card,
.service-route-wrap.is-preview-open .service-info-card{
  max-height:300px;
  opacity:1;
  margin-top:8px;
  padding:14px;
  border-width:1px;
  transform:translateY(0);
}
.service-info-card__title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.service-info-card__title strong{
  color:#fff;
  font-size:.84rem;
}
.service-info-card__title span{
  flex:0 0 auto;
  padding:4px 7px;
  border-radius:999px;
  color:var(--cyan-2);
  background:rgba(16,200,223,.09);
  font-size:.62rem;
  font-weight:700;
}
.service-info-card p{
  margin:10px 0;
  color:#afbfcb;
  font-size:.73rem;
  line-height:1.95;
}
.service-info-card__features{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.service-info-card__features span{
  position:relative;
  padding:5px 15px 5px 8px;
  border-radius:8px;
  color:#d8e5ed;
  background:rgba(255,255,255,.045);
  font-size:.65rem;
}
.service-info-card__features span::before{
  content:"";
  position:absolute;
  right:7px;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--cyan);
  transform:translateY(-50%);
}

@media(max-width:1080px){
  .services-menu{
    width:100%;
  }
  .service-info-card{
    max-height:none;
    opacity:1;
    margin-top:8px;
    padding:12px;
    border-width:1px;
    transform:none;
  }
}


/* Warranty information panels */
.warranty-menu{
  width:370px;
  background:#061321;
}
.warranty-route-wrap{
  position:relative;
}
.warranty-route{
  display:grid!important;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:13px!important;
  border-radius:13px!important;
  color:#dce7ef!important;
  background:#0a1b2c!important;
  border:1px solid rgba(255,255,255,.065)!important;
  transition:.2s ease;
}
.warranty-route:hover,
.warranty-route:focus-visible{
  border-color:rgba(16,200,223,.25)!important;
  background:#0d263a!important;
}
.warranty-route__content{
  display:grid;
  gap:2px;
}
.warranty-route__content small{
  color:var(--muted);
  font-size:.72rem;
}
.warranty-route__arrow{
  color:var(--cyan-2);
  font-size:1.1rem;
}
.warranty-info-card{
  max-height:0;
  overflow:hidden;
  opacity:0;
  margin-top:0;
  padding:0 13px;
  border:0 solid rgba(16,200,223,.16);
  border-radius:13px;
  color:#dce8ef;
  background:#071a2b;
  transform:translateY(-5px);
  transition:
    max-height .32s ease,
    opacity .22s ease,
    margin-top .25s ease,
    padding .25s ease,
    border-width .25s ease,
    transform .25s ease;
}
.warranty-route-wrap:hover .warranty-info-card,
.warranty-route-wrap:focus-within .warranty-info-card,
.warranty-route-wrap.is-preview-open .warranty-info-card{
  max-height:260px;
  opacity:1;
  margin-top:8px;
  padding:13px;
  border-width:1px;
  transform:translateY(0);
}
.warranty-info-card strong{
  color:#fff;
  font-size:.82rem;
}
.warranty-info-card p{
  margin:8px 0 10px;
  color:#afbfcb;
  font-size:.72rem;
  line-height:1.9;
}
.warranty-info-card__steps{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.warranty-info-card__steps span{
  position:relative;
  padding:5px 14px 5px 8px;
  border-radius:8px;
  color:#d8e5ed;
  background:rgba(255,255,255,.045);
  font-size:.64rem;
}
.warranty-info-card__steps span::before{
  content:"";
  position:absolute;
  right:7px;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--cyan);
  transform:translateY(-50%);
}

/* Mobile-first cleanup */
@media(max-width:1080px){
  body{
    padding-bottom:84px;
  }

  .site-header{
    position:sticky;
  }

  .topbar{
    position:relative;
    z-index:1200;
  }

  .topbar__inner{
    min-height:40px;
  }

  .topbar__support-group{
    width:100%;
    justify-content:space-between;
  }

  .main-menu{
    max-height:calc(100vh - 132px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  .menu-dropdown{
    width:100%;
  }

  .menu-dropdown__toggle{
    border-radius:10px;
  }

  .menu-dropdown.is-open > .menu-dropdown__toggle{
    color:#fff;
    background:rgba(16,200,223,.07);
  }

  .services-menu,
  .warranty-menu{
    position:static;
    width:100%;
    max-height:none;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    margin-top:7px;
    padding:9px;
    border-radius:15px;
    box-shadow:none;
    background:#071625;
  }

  .menu-dropdown.is-open .services-menu,
  .menu-dropdown.is-open .warranty-menu{
    display:grid;
  }

  .service-info-card,
  .warranty-info-card{
    max-height:none;
    opacity:1;
    margin-top:7px;
    padding:11px;
    border-width:1px;
    transform:none;
  }

  .city-selector__menu{
    z-index:2600;
  }
}

@media(max-width:760px){
  .container{
    width:min(calc(100% - 20px),var(--container));
  }

  .topbar__inner{
    gap:8px;
  }

  .topbar__phone{
    display:none;
  }

  .topbar__support-group{
    gap:7px;
  }

  .topbar__support{
    min-width:0;
  }

  .topbar__support .support-city-text{
    display:block!important;
    max-width:150px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:.66rem;
  }

  .city-selector__toggle{
    min-height:29px;
  }

  .navbar__inner{
    grid-template-columns:1fr auto;
  }

  .brand{
    min-width:0;
  }

  .brand__copy{
    min-width:0;
  }

  .brand__copy strong{
    white-space:nowrap;
    font-size:.98rem;
  }

  .menu-toggle{
    display:block;
    grid-column:2;
    grid-row:1;
  }

  .main-menu{
    top:106px;
    right:10px;
    left:10px;
    padding:10px;
    border-radius:16px;
  }

  .menu-link{
    min-height:46px;
    padding-inline:12px;
  }

  .services-menu__header{
    padding-inline:6px;
  }

  .service-route,
  .warranty-route{
    grid-template-columns:auto 1fr auto;
    padding:11px!important;
  }

  .service-route__icon,
  .warranty-menu__icon{
    width:38px;
    height:38px;
  }

  .service-route__content strong,
  .warranty-route__content strong{
    font-size:.84rem;
  }

  .service-route__content small,
  .warranty-route__content small{
    font-size:.66rem;
  }

  .service-info-card p,
  .warranty-info-card p{
    font-size:.68rem;
  }

  .header-actions{
    right:8px;
    left:8px;
    bottom:8px;
    padding:7px;
    gap:7px;
  }

  .header-btn{
    min-height:44px;
    padding-inline:10px;
    font-size:.78rem;
  }

  .header-btn svg{
    width:18px;
    height:18px;
  }

  .city-selector__menu{
    top:48px;
    right:8px;
    left:8px;
    max-height:70vh;
    padding:8px;
    border-radius:16px;
  }

  .city-option{
    padding:10px 11px;
  }
}

@media(max-width:430px){
  .topbar__support .support-city-text{
    max-width:120px;
  }

  .brand__mark{
    width:36px;
    height:43px;
  }

  .brand__copy strong{
    font-size:.9rem;
  }

  .header-btn span{
    font-size:.73rem;
  }

  .service-info-card__features,
  .warranty-info-card__steps{
    gap:5px;
  }

  .service-info-card__features span,
  .warranty-info-card__steps span{
    font-size:.6rem;
  }
}


/* Wider spacing between green radar dot and support text */
.topbar__support{
  gap:18px;
}


/* Genuine transparent SVG logo */
.brand--real-logo{
  position:relative;
  width:290px;
  height:72px;
  min-width:290px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid transparent;
  border-radius:20px;
  background:transparent;
  transition:
    transform .28s ease,
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.brand--real-logo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  opacity:0;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,.025) 48%,
      rgba(16,200,223,.08));
  transition:opacity .28s ease;
}

.brand--real-logo::after{
  content:"";
  position:absolute;
  top:-35%;
  right:-45%;
  width:34%;
  height:170%;
  opacity:0;
  transform:rotate(17deg);
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.34),
    rgba(255,255,255,.02)
  );
  transition:
    opacity .3s ease,
    right .55s cubic-bezier(.22,.61,.36,1);
}

.brand--real-logo:hover,
.brand--real-logo:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(112,226,240,.23);
  background:rgba(255,255,255,.055);
  box-shadow:
    0 14px 32px rgba(0,0,0,.23),
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 8px 30px rgba(16,200,223,.12);
  backdrop-filter:blur(12px) saturate(135%);
  -webkit-backdrop-filter:blur(12px) saturate(135%);
}

.brand--real-logo:hover::before,
.brand--real-logo:focus-visible::before{
  opacity:1;
}

.brand--real-logo:hover::after,
.brand--real-logo:focus-visible::after{
  opacity:1;
  right:118%;
}

.brand__real-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:
    drop-shadow(0 6px 12px rgba(0,0,0,.22))
    drop-shadow(0 0 8px rgba(16,200,223,.09));
  transition:
    transform .28s ease,
    filter .28s ease;
}

.brand--real-logo:hover .brand__real-image,
.brand--real-logo:focus-visible .brand__real-image{
  transform:scale(1.025);
  filter:
    drop-shadow(0 9px 16px rgba(0,0,0,.27))
    drop-shadow(0 0 14px rgba(16,200,223,.17));
}

@media(max-width:1180px){
  .brand--real-logo{
    width:240px;
    min-width:240px;
  }
}

@media(max-width:760px){
  .brand--real-logo{
    width:190px;
    min-width:190px;
    height:57px;
    padding:4px 7px;
    border-radius:16px;
  }
}

@media(max-width:430px){
  .brand--real-logo{
    width:165px;
    min-width:165px;
    height:52px;
  }
}


/* Exact user-selected Namyran Service logo */
.brand--real-logo{
  width:310px;
  min-width:310px;
  height:74px;
  padding:5px 9px;
}
.brand__real-image{
  object-fit:contain;
  object-position:center;
}
@media(max-width:1180px){
  .brand--real-logo{
    width:265px;
    min-width:265px;
    height:68px;
  }
}
@media(max-width:760px){
  .brand--real-logo{
    width:205px;
    min-width:205px;
    height:58px;
    padding:4px 6px;
  }
}
@media(max-width:430px){
  .brand--real-logo{
    width:178px;
    min-width:178px;
    height:52px;
  }
}


/* Final selected wide Namyran logo */
.brand--real-logo{
  width:320px;
  min-width:320px;
  height:72px;
  padding:4px 8px;
}
.brand__real-image{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
@media(max-width:1180px){
  .brand--real-logo{
    width:270px;
    min-width:270px;
    height:66px;
  }
}
@media(max-width:760px){
  .brand--real-logo{
    width:205px;
    min-width:205px;
    height:56px;
    padding:3px 5px;
  }
}
@media(max-width:430px){
  .brand--real-logo{
    width:178px;
    min-width:178px;
    height:50px;
  }
}


/* Latest user-selected logo */
.brand--real-logo{
  width:325px;
  min-width:325px;
  height:74px;
  padding:3px 7px;
}
.brand__real-image{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
@media(max-width:1180px){
  .brand--real-logo{
    width:275px;
    min-width:275px;
    height:66px;
  }
}
@media(max-width:760px){
  .brand--real-logo{
    width:205px;
    min-width:205px;
    height:56px;
    padding:2px 4px;
  }
}
@media(max-width:430px){
  .brand--real-logo{
    width:176px;
    min-width:176px;
    height:50px;
  }
}


/* =========================================================
   HERO SECTION
========================================================= */
.hero{
  position:relative;
  min-height:720px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 18% 34%,rgba(16,200,223,.18),transparent 25%),
    radial-gradient(circle at 78% 25%,rgba(38,119,184,.15),transparent 24%),
    linear-gradient(135deg,#061322 0%,#082037 55%,#061322 100%);
}

.hero__mesh{
  position:absolute;
  inset:0;
  opacity:.26;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}

.hero__orb{
  position:absolute;
  border-radius:50%;
  filter:blur(8px);
  pointer-events:none;
}
.hero__orb--one{
  width:420px;
  height:420px;
  left:-180px;
  top:120px;
  background:radial-gradient(circle,rgba(16,200,223,.14),transparent 68%);
}
.hero__orb--two{
  width:360px;
  height:360px;
  right:18%;
  top:20px;
  background:radial-gradient(circle,rgba(61,141,221,.12),transparent 68%);
}

.hero__inner{
  position:relative;
  z-index:2;
  min-height:640px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:58px;
  padding-block:62px 48px;
}

.hero__content{
  max-width:690px;
}

.hero__eyebrow{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 13px;
  border:1px solid rgba(16,200,223,.24);
  border-radius:999px;
  color:#7AE8F2;
  background:rgba(16,200,223,.07);
  font-size:.82rem;
  font-weight:700;
}

.hero__eyebrow-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#36E39A;
  box-shadow:0 0 0 5px rgba(54,227,154,.09),0 0 13px rgba(54,227,154,.35);
}

.hero__title{
  margin:24px 0 16px;
  font-size:clamp(2.45rem,4.8vw,4.65rem);
  line-height:1.25;
  letter-spacing:-.04em;
}
.hero__title span{
  display:block;
  color:#3ED9E9;
  text-shadow:0 0 32px rgba(62,217,233,.12);
}

.hero__description{
  max-width:630px;
  margin:0;
  color:#B5C4D0;
  font-size:1rem;
  line-height:2.05;
}

.hero__actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:28px;
}

.hero-btn{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 20px;
  border-radius:14px;
  font-weight:800;
  transition:.22s ease;
}
.hero-btn:hover{
  transform:translateY(-2px);
}
.hero-btn--primary{
  color:#00141C;
  background:linear-gradient(135deg,#45E2EF,#0EBBD3);
  box-shadow:0 16px 34px rgba(14,187,211,.24);
}
.hero-btn--secondary{
  min-width:205px;
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  background:rgba(255,255,255,.035);
}
.hero-btn--secondary span{
  direction:ltr;
  display:grid;
  gap:1px;
}
.hero-btn--secondary small{
  direction:rtl;
  color:#AFC0CD;
  font-size:.67rem;
  font-weight:500;
}

.hero-btn--tracking span{
  direction:rtl;
  text-align:right;
}

.hero__trust{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:30px;
}

.trust-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.trust-item__icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:11px;
  color:#38D5E6;
  background:rgba(16,200,223,.08);
}
.trust-item span:last-child{
  display:grid;
  gap:2px;
}
.trust-item strong{
  font-size:.78rem;
}
.trust-item small{
  color:#93A7B6;
  font-size:.64rem;
}

.hero__visual{
  position:relative;
  min-height:545px;
  display:grid;
  place-items:center;
}

.hero-device-card{
  position:relative;
  width:min(100%,500px);
  height:530px;
  border:1px solid rgba(100,225,240,.13);
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 28%,rgba(35,204,222,.15),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:
    0 38px 80px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.025) inset;
  overflow:hidden;
  isolation:isolate;
}

.hero-device-card::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:23px;
  pointer-events:none;
}

.hero-device-card__shine{
  position:absolute;
  top:-22%;
  right:-32%;
  width:36%;
  height:150%;
  transform:rotate(19deg);
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0));
  filter:blur(3px);
}

.technician{
  position:absolute;
  inset:24px 40px 0;
  display:grid;
  place-items:center;
}
.technician__halo{
  position:absolute;
  width:330px;
  height:330px;
  top:65px;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(30,205,222,.18),rgba(30,205,222,.04) 48%,transparent 70%);
  box-shadow:0 0 90px rgba(16,200,223,.12);
}
.technician__illustration{
  position:relative;
  z-index:2;
  width:100%;
  max-width:390px;
  height:auto;
  align-self:end;
}
.technician__base{
  position:absolute;
  right:12%;
  left:12%;
  bottom:16px;
  height:35px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(16,200,223,.22),transparent 70%);
  filter:blur(8px);
}

.floating-card{
  position:absolute;
  z-index:4;
  width:205px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid rgba(86,225,241,.18);
  border-radius:15px;
  background:#081A2B;
  box-shadow:0 18px 38px rgba(0,0,0,.3);
}
.floating-card__icon{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:11px;
  color:#38D7E8;
  background:rgba(16,200,223,.09);
}
.floating-card span:last-child{
  display:grid;
  gap:2px;
}
.floating-card strong{
  font-size:.78rem;
}
.floating-card small{
  color:#91A6B5;
  font-size:.63rem;
}
.floating-card--fast{
  top:64px;
  right:-28px;
}
.floating-card--dispatch{
  top:218px;
  left:-36px;
}
.floating-card--warranty{
  right:-18px;
  bottom:72px;
}

.hero__bottom-strip{
  position:relative;
  z-index:3;
  min-height:78px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  margin-top:-18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px 18px 0 0;
  background:rgba(5,20,34,.86);
  backdrop-filter:blur(12px);
  box-shadow:0 -10px 34px rgba(0,0,0,.12);
}

.hero-feature{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding-inline:14px;
  color:#D6E3EC;
  font-size:.78rem;
  font-weight:700;
  border-left:1px solid rgba(255,255,255,.07);
}
.hero-feature:last-child{
  border-left:0;
}
.hero-feature svg{
  color:#2DD2E4;
}

@media(max-width:1080px){
  .hero__inner{
    grid-template-columns:1fr;
    gap:20px;
    padding-top:44px;
  }
  .hero__content{
    max-width:760px;
    margin-inline:auto;
    text-align:center;
  }
  .hero__eyebrow{
    margin-inline:auto;
  }
  .hero__description{
    margin-inline:auto;
  }
  .hero__actions{
    justify-content:center;
  }
  .hero__visual{
    min-height:500px;
  }
  .hero-device-card{
    height:490px;
  }
  .hero__bottom-strip{
    margin-top:0;
  }
}

@media(max-width:760px){
  .hero{
    min-height:auto;
  }
  .hero__inner{
    padding-block:34px 28px;
  }
  .hero__title{
    margin-top:18px;
    font-size:clamp(2rem,10vw,3.1rem);
  }
  .hero__description{
    font-size:.88rem;
    line-height:1.95;
  }
  .hero__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .hero-btn{
    width:100%;
  }
  .hero__trust{
    grid-template-columns:1fr;
  }
  .trust-item{
    justify-content:flex-start;
  }
  .hero__visual{
    min-height:435px;
  }
  .hero-device-card{
    width:100%;
    height:420px;
    border-radius:24px;
  }
  .technician{
    inset:28px 26px 0;
  }
  .technician__illustration{
    max-width:310px;
  }
  .floating-card{
    width:170px;
    padding:9px;
  }
  .floating-card--fast{
    top:26px;
    right:8px;
  }
  .floating-card--dispatch{
    top:165px;
    left:8px;
  }
  .floating-card--warranty{
    right:8px;
    bottom:38px;
  }
  .floating-card strong{
    font-size:.7rem;
  }
  .floating-card small{
    font-size:.57rem;
  }
  .hero__bottom-strip{
    grid-template-columns:1fr 1fr;
    border-radius:16px 16px 0 0;
  }
  .hero-feature{
    border-bottom:1px solid rgba(255,255,255,.07);
  }
}

@media(max-width:430px){
  .hero__eyebrow{
    width:100%;
    justify-content:center;
    font-size:.7rem;
  }
  .hero-device-card{
    height:390px;
  }
  .floating-card{
    width:155px;
  }
  .floating-card--dispatch{
    top:150px;
  }
  .hero-feature{
    font-size:.68rem;
    padding-inline:8px;
  }
}


/* Final hero photo replacement */
.hero__title{
  font-size:clamp(2rem,3.6vw,3.55rem);
  line-height:1.3;
  max-width:680px;
}

.hero__description{
  max-width:610px;
  font-size:.95rem;
}

.hero__visual--photo{
  min-height:500px;
}

.hero-photo{
  position:relative;
  width:min(100%,560px);
  aspect-ratio:16/10;
  overflow:hidden;
  border:1px solid rgba(100,225,240,.14);
  border-radius:28px;
  background:#071625;
  box-shadow:
    0 34px 80px rgba(0,0,0,.32),
    0 0 0 1px rgba(255,255,255,.025) inset;
  isolation:isolate;
}

.hero-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.hero-photo__overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,16,29,.42) 0%,rgba(4,16,29,.08) 38%,transparent 62%),
    linear-gradient(180deg,transparent 58%,rgba(4,16,29,.28) 100%);
}

.hero-photo__glow{
  position:absolute;
  inset:auto 8% -12% 8%;
  height:26%;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(16,200,223,.18),transparent 70%);
  filter:blur(18px);
}

@media(max-width:1080px){
  .hero__title{
    max-width:760px;
    margin-inline:auto;
    font-size:clamp(2rem,6vw,3.25rem);
  }

  .hero__visual--photo{
    min-height:auto;
  }

  .hero-photo{
    width:min(100%,760px);
    margin-inline:auto;
    aspect-ratio:16/9;
  }
}

@media(max-width:760px){
  .hero__title{
    font-size:clamp(1.75rem,8.5vw,2.45rem);
    line-height:1.42;
  }

  .hero__description{
    font-size:.84rem;
  }

  .hero-photo{
    aspect-ratio:4/3;
    border-radius:22px;
  }

  .hero-photo img{
    object-position:68% center;
  }
}

@media(max-width:430px){
  .hero__title{
    font-size:1.8rem;
  }

  .hero-photo{
    aspect-ratio:1/1;
  }

  .hero-photo img{
    object-position:72% center;
  }
}


/* Final responsive hero title sizing */
.hero__title{
  max-width:640px;
  margin:20px 0 14px;
  font-size:clamp(2rem,3.1vw,3.15rem);
  line-height:1.34;
  letter-spacing:-.025em;
}

.hero__title span{
  margin-top:2px;
}

@media(max-width:1080px){
  .hero__title{
    max-width:700px;
    margin-inline:auto;
    font-size:clamp(1.9rem,5vw,2.8rem);
    line-height:1.38;
  }
}

@media(max-width:760px){
  .hero__content{
    text-align:center;
  }

  .hero__title{
    max-width:100%;
    margin:16px auto 12px;
    padding-inline:4px;
    font-size:clamp(1.55rem,7vw,2rem);
    line-height:1.5;
    letter-spacing:-.015em;
  }

  .hero__title span{
    display:block;
    margin-top:0;
  }
}

@media(max-width:430px){
  .hero__title{
    font-size:1.58rem;
    line-height:1.55;
  }
}


/* Luxury glass icons for hero bottom features */
.hero__bottom-strip{
  gap:10px;
  padding:10px;
  border-radius:22px 22px 0 0;
  background:
    linear-gradient(180deg,rgba(8,27,45,.88),rgba(5,18,31,.94));
  border:1px solid rgba(106,225,239,.10);
  box-shadow:
    0 -12px 36px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.hero-feature{
  position:relative;
  min-height:62px;
  gap:12px;
  padding:8px 12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 20px rgba(0,0,0,.10);
  border-left:1px solid rgba(255,255,255,.065);
  transition:
    transform .24s ease,
    border-color .24s ease,
    background .24s ease,
    box-shadow .24s ease;
}

.hero-feature::before{
  content:"";
  position:absolute;
  top:-65%;
  right:-25%;
  width:38%;
  height:220%;
  opacity:0;
  transform:rotate(20deg);
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.22),
    rgba(255,255,255,.015)
  );
  transition:
    opacity .28s ease,
    right .5s cubic-bezier(.22,.61,.36,1);
}

.hero-feature:hover{
  transform:translateY(-3px);
  border-color:rgba(55,215,232,.22);
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(16,200,223,.035));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 14px 28px rgba(0,0,0,.18),
    0 0 24px rgba(16,200,223,.07);
}

.hero-feature:hover::before{
  opacity:1;
  right:108%;
}

.hero-feature svg{
  position:relative;
  z-index:1;
  width:22px;
  height:22px;
  flex:0 0 auto;
  padding:10px;
  box-sizing:content-box;
  border:1px solid rgba(95,226,240,.20);
  border-radius:13px;
  color:#62E2EF;
  background:
    linear-gradient(145deg,rgba(88,229,242,.16),rgba(16,200,223,.045));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -8px 16px rgba(0,0,0,.06),
    0 8px 20px rgba(0,0,0,.16),
    0 0 18px rgba(16,200,223,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:
    transform .24s ease,
    color .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;
}

.hero-feature:hover svg{
  transform:translateY(-1px) scale(1.05);
  color:#A4F5FB;
  border-color:rgba(95,226,240,.36);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 10px 24px rgba(0,0,0,.2),
    0 0 24px rgba(16,200,223,.16);
}

.hero-feature span{
  position:relative;
  z-index:1;
  color:#E0EAF0;
  font-size:.78rem;
  font-weight:750;
}

@media(max-width:760px){
  .hero__bottom-strip{
    gap:8px;
    padding:8px;
  }

  .hero-feature{
    min-height:58px;
    justify-content:flex-start;
    gap:9px;
    padding:8px 9px;
    border-bottom:1px solid rgba(255,255,255,.06);
  }

  .hero-feature svg{
    width:18px;
    height:18px;
    padding:8px;
    border-radius:11px;
  }

  .hero-feature span{
    font-size:.67rem;
  }
}

@media(max-width:430px){
  .hero-feature{
    min-height:54px;
  }

  .hero-feature span{
    font-size:.62rem;
  }
}


/* Final selected hero image */
.hero-photo img{
  object-fit:cover;
  object-position:center center;
}

@media(max-width:1080px){
  .hero-photo img{
    object-position:center center;
  }
}

@media(max-width:760px){
  .hero-photo img{
    object-position:64% center;
  }
}

@media(max-width:430px){
  .hero-photo img{
    object-position:68% center;
  }
}


/* Replaced hero image crop tuning */
.hero-photo img{
  object-fit:cover;
  object-position:center center;
}

@media(max-width:1080px){
  .hero-photo img{
    object-position:center center;
  }
}

@media(max-width:760px){
  .hero-photo img{
    object-position:63% center;
  }
}

@media(max-width:430px){
  .hero-photo img{
    object-position:66% center;
  }
}


/* Final hero image replacement */
.hero-photo img{
  object-fit:cover;
  object-position:center center;
}

@media(max-width:1080px){
  .hero-photo img{
    object-position:center center;
  }
}

@media(max-width:760px){
  .hero-photo img{
    object-position:64% center;
  }
}

@media(max-width:430px){
  .hero-photo img{
    object-position:68% center;
  }
}


/* Locked final hero title sizes — prevents older rules from overriding */
.hero .hero__title{
  width:100%;
  max-width:620px;
  margin:18px 0 14px;
  font-size:clamp(1.85rem,2.7vw,2.85rem) !important;
  line-height:1.38 !important;
  letter-spacing:-.02em !important;
}

.hero .hero__title span{
  display:block;
  margin-top:0;
  font-size:inherit !important;
  line-height:inherit !important;
}

@media(max-width:1080px){
  .hero .hero__title{
    max-width:680px;
    margin-inline:auto;
    font-size:clamp(1.75rem,4.2vw,2.45rem) !important;
    line-height:1.42 !important;
  }
}

@media(max-width:760px){
  .hero .hero__title{
    max-width:100%;
    padding-inline:6px;
    margin:14px auto 10px;
    font-size:clamp(1.35rem,6vw,1.75rem) !important;
    line-height:1.55 !important;
    letter-spacing:-.01em !important;
  }
}

@media(max-width:430px){
  .hero .hero__title{
    font-size:1.38rem !important;
    line-height:1.58 !important;
  }
}


/* Remove excessive gap between header and hero content */
.hero{
  padding-top:0 !important;
}

.hero__inner{
  min-height:auto !important;
  padding-top:18px !important;
  padding-bottom:34px !important;
}

.hero__content,
.hero__visual{
  margin-top:0 !important;
}

@media(max-width:1080px){
  .hero__inner{
    padding-top:14px !important;
    padding-bottom:26px !important;
  }
}

@media(max-width:760px){
  .hero__inner{
    padding-top:10px !important;
    padding-bottom:22px !important;
  }
}


/* Final desktop title reduction + latest hero image */
@media(min-width:1081px){
  .hero .hero__title{
    max-width:560px !important;
    margin:16px 0 12px !important;
    font-size:clamp(1.65rem,2.15vw,2.35rem) !important;
    line-height:1.42 !important;
    letter-spacing:-.012em !important;
  }

  .hero .hero__title span{
    font-size:inherit !important;
    line-height:inherit !important;
  }
}

.hero-photo img{
  object-fit:cover;
  object-position:center center;
}

@media(max-width:1080px){
  .hero-photo img{
    object-position:center center;
  }
}

@media(max-width:760px){
  .hero-photo img{
    object-position:64% center;
  }
}

@media(max-width:430px){
  .hero-photo img{
    object-position:68% center;
  }
}


/* Center-align hero title on desktop for visual comparison */
@media(min-width:1081px){
  .hero__content{
    text-align:center;
  }

  .hero .hero__title{
    margin-right:auto !important;
    margin-left:auto !important;
    text-align:center !important;
  }

  .hero__description{
    margin-right:auto;
    margin-left:auto;
    text-align:center;
  }

  .hero__actions{
    justify-content:center;
  }

  .hero__eyebrow{
    margin-right:auto;
    margin-left:auto;
  }
}


/* =========================================================
   SERVICES SHOWCASE
========================================================= */
.services-showcase{
  position:relative;
  overflow:hidden;
  padding:88px 0 92px;
  background:
    radial-gradient(circle at 15% 10%,rgba(16,200,223,.08),transparent 28%),
    linear-gradient(180deg,#F7FAFC 0%,#EEF4F8 100%);
  color:#0A2135;
}

.services-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.48;
  background-image:
    linear-gradient(rgba(9,47,73,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(9,47,73,.035) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to bottom,#000,transparent 88%);
}

.services-showcase .container{
  position:relative;
  z-index:1;
}

.section-heading{
  max-width:720px;
  margin:0 auto 38px;
  text-align:center;
}

.section-heading__eyebrow{
  display:inline-flex;
  padding:7px 12px;
  border:1px solid rgba(11,182,205,.16);
  border-radius:999px;
  color:#087E98;
  background:rgba(16,200,223,.065);
  font-size:.76rem;
  font-weight:800;
}

.section-heading h2{
  margin:15px 0 8px;
  color:#071D30;
  font-size:clamp(1.8rem,3.2vw,2.7rem);
  line-height:1.35;
}

.section-heading p{
  margin:0;
  color:#678092;
  line-height:1.9;
  font-size:.92rem;
}

.services-showcase__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.service-glass-card{
  position:relative;
  min-height:390px;
  display:flex;
  flex-direction:column;
  padding:24px;
  overflow:hidden;
  border:1px solid rgba(10,69,96,.10);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.56));
  box-shadow:
    0 20px 50px rgba(17,53,74,.09),
    inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.service-glass-card::before{
  content:"";
  position:absolute;
  top:-65%;
  right:-22%;
  width:34%;
  height:220%;
  opacity:0;
  transform:rotate(18deg);
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0));
  transition:
    opacity .3s ease,
    right .62s cubic-bezier(.22,.61,.36,1);
}

.service-glass-card:hover{
  transform:translateY(-7px);
  border-color:rgba(16,200,223,.24);
  box-shadow:
    0 28px 66px rgba(16,67,91,.15),
    0 0 0 1px rgba(255,255,255,.65) inset;
}

.service-glass-card:hover::before{
  opacity:.68;
  right:112%;
}

.service-glass-card--featured{
  background:
    radial-gradient(circle at 80% 0%,rgba(16,200,223,.12),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,250,252,.72));
}

.service-glass-card--warranty{
  background:
    radial-gradient(circle at 85% 0%,rgba(40,102,190,.10),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(241,246,253,.74));
}

.service-glass-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px;
}

.service-glass-card__number{
  color:#9EB0BD;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
}

.service-glass-card__icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(16,200,223,.17);
  border-radius:16px;
  color:#0CAEC7;
  background:
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(16,200,223,.08));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 24px rgba(13,139,162,.10);
}

.service-glass-card__icon svg{
  width:25px;
  height:25px;
}

.service-glass-card__content{
  position:relative;
  z-index:1;
}

.service-glass-card__label{
  color:#08849C;
  font-size:.72rem;
  font-weight:800;
}

.service-glass-card__content h3{
  margin:7px 0 10px;
  color:#071D30;
  font-size:1.25rem;
}

.service-glass-card__content p{
  margin:0;
  min-height:84px;
  color:#607889;
  font-size:.84rem;
  line-height:2;
}

.service-glass-card__devices{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:20px 0 22px;
}

.service-glass-card__devices span{
  padding:6px 9px;
  border:1px solid rgba(12,128,151,.09);
  border-radius:9px;
  color:#4C697B;
  background:rgba(234,244,248,.72);
  font-size:.66rem;
  font-weight:700;
}

.service-glass-card__cta{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding:0 15px;
  border:1px solid rgba(8,130,153,.12);
  border-radius:13px;
  color:#087E98;
  background:rgba(16,200,223,.055);
  font-size:.78rem;
  font-weight:800;
  transition:.22s ease;
}

.service-glass-card__cta:hover{
  color:#003541;
  background:rgba(16,200,223,.12);
  border-color:rgba(8,130,153,.22);
}

.service-glass-card__dual-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:auto;
}

.service-glass-card__dual-actions a{
  min-height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  font-size:.75rem;
  font-weight:800;
}

.service-glass-card__dual-actions a:first-child{
  color:#003742;
  background:linear-gradient(135deg,#48E0ED,#12BDD4);
}

.service-glass-card__dual-actions a:last-child{
  color:#087E98;
  border:1px solid rgba(8,130,153,.14);
  background:rgba(16,200,223,.05);
}

.services-showcase__footer{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:22px;
  padding:10px 14px 10px 20px;
  border:1px solid rgba(10,69,96,.08);
  border-radius:17px;
  background:rgba(255,255,255,.62);
  box-shadow:0 12px 32px rgba(17,53,74,.06);
}

.services-showcase__footer > span{
  color:#657E8F;
  font-size:.78rem;
}

.services-showcase__footer a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  border-radius:12px;
  color:#001A21;
  background:linear-gradient(135deg,#49E1EE,#11BDD4);
  font-size:.76rem;
  font-weight:900;
}

@media(max-width:900px){
  .services-showcase{
    padding-block:70px;
  }

  .services-showcase__grid{
    grid-template-columns:1fr;
  }

  .service-glass-card{
    min-height:auto;
  }

  .service-glass-card__content p{
    min-height:auto;
  }
}

@media(max-width:760px){
  .services-showcase{
    padding:58px 0 64px;
  }

  .section-heading{
    margin-bottom:28px;
  }

  .section-heading h2{
    font-size:1.75rem;
  }

  .section-heading p{
    font-size:.82rem;
  }

  .service-glass-card{
    padding:19px;
    border-radius:20px;
  }

  .service-glass-card__top{
    margin-bottom:18px;
  }

  .service-glass-card__icon{
    width:46px;
    height:46px;
    border-radius:14px;
  }

  .service-glass-card__content h3{
    font-size:1.08rem;
  }

  .service-glass-card__content p{
    font-size:.78rem;
  }

  .service-glass-card__dual-actions{
    grid-template-columns:1fr;
  }

  .services-showcase__footer{
    display:grid;
    justify-items:stretch;
    text-align:center;
    padding:14px;
  }

  .services-showcase__footer a{
    justify-content:center;
  }
}


.service-glass-card--hidden{
  opacity:0;
  transform:translateY(24px);
}

.service-glass-card{
  transition:
    opacity .55s ease,
    transform .55s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}


/* =========================================================
   COMPACT QUICK SERVICES
========================================================= */
.quick-services{
  position:relative;
  padding:54px 0 58px;
  color:#0A2135;
  background:
    radial-gradient(circle at 12% 0%,rgba(16,200,223,.07),transparent 25%),
    linear-gradient(180deg,#F8FBFD,#EFF5F8);
}

.quick-services__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:22px;
}

.quick-services__head > div{
  min-width:0;
}

.quick-services__head span{
  color:#07849D;
  font-size:.7rem;
  font-weight:850;
}

.quick-services__head h2{
  margin:5px 0 0;
  color:#071D30;
  font-size:clamp(1.45rem,2.5vw,2rem);
  line-height:1.4;
}

.quick-services__head p{
  max-width:430px;
  margin:0;
  color:#6C8291;
  font-size:.78rem;
  line-height:1.85;
}

.quick-services__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}

.quick-service-card{
  position:relative;
  min-width:0;
  min-height:92px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:11px;
  padding:13px;
  overflow:hidden;
  border:1px solid rgba(15,80,107,.09);
  border-radius:17px;
  color:#102A3D;
  background:rgba(255,255,255,.76);
  box-shadow:
    0 10px 26px rgba(19,61,82,.06),
    inset 0 1px 0 rgba(255,255,255,.88);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.quick-service-card::before{
  content:"";
  position:absolute;
  top:-80%;
  right:-28%;
  width:32%;
  height:250%;
  opacity:0;
  transform:rotate(18deg);
  background:linear-gradient(180deg,rgba(255,255,255,.65),transparent);
  transition:opacity .24s ease,right .5s ease;
}

.quick-service-card:hover{
  transform:translateY(-4px);
  border-color:rgba(16,200,223,.23);
  background:rgba(255,255,255,.94);
  box-shadow:
    0 16px 34px rgba(16,71,94,.11),
    0 0 22px rgba(16,200,223,.045);
}

.quick-service-card:hover::before{
  opacity:.65;
  right:112%;
}

.quick-service-card__icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(16,200,223,.16);
  border-radius:13px;
  color:#0DAFC7;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(16,200,223,.08));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 8px 17px rgba(12,135,155,.075);
}

.quick-service-card__icon svg{
  width:21px;
  height:21px;
}

.quick-service-card__copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.quick-service-card__copy strong{
  overflow:hidden;
  color:#0B2437;
  font-size:.82rem;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.quick-service-card__copy small{
  overflow:hidden;
  color:#728694;
  font-size:.64rem;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.quick-service-card__arrow{
  color:#0AA8C0;
  font-size:1rem;
  transition:transform .2s ease;
}

.quick-service-card:hover .quick-service-card__arrow{
  transform:translateX(-3px);
}

.quick-service-card--warranty{
  grid-template-columns:auto 1fr;
}

.quick-service-card__warranty-links{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

.quick-service-card__warranty-links a{
  min-height:29px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#087C94;
  background:rgba(16,200,223,.07);
  font-size:.62rem;
  font-weight:850;
}

.quick-service-card__warranty-links a:first-child{
  color:#002D36;
  background:linear-gradient(135deg,#58E3EE,#20C3D7);
}

.quick-services__action{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:14px;
  color:#708390;
  font-size:.72rem;
}

.quick-services__action a{
  padding:8px 12px;
  border-radius:9px;
  color:#087C94;
  background:rgba(16,200,223,.08);
  font-size:.7rem;
  font-weight:850;
}

@media(max-width:1100px){
  .quick-services__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .quick-services{
    padding:42px 0 46px;
  }

  .quick-services__head{
    display:grid;
    gap:8px;
    margin-bottom:17px;
    text-align:center;
  }

  .quick-services__head h2{
    font-size:1.5rem;
  }

  .quick-services__head p{
    max-width:100%;
    font-size:.72rem;
  }

  .quick-services__grid{
    grid-template-columns:1fr;
    gap:8px;
  }

  .quick-service-card{
    min-height:76px;
    padding:10px 11px;
    border-radius:14px;
  }

  .quick-service-card__icon{
    width:39px;
    height:39px;
    border-radius:11px;
  }

  .quick-service-card__copy strong{
    font-size:.78rem;
  }

  .quick-service-card__copy small{
    font-size:.62rem;
  }

  .quick-services__action{
    display:grid;
    gap:7px;
    text-align:center;
  }
}


/* Centered heading for compact services section */
.quick-services__head{
  display:grid !important;
  justify-items:center;
  align-items:center;
  gap:8px;
  margin-bottom:22px;
  text-align:center;
}

.quick-services__head > div{
  display:grid;
  justify-items:center;
}

.quick-services__head span,
.quick-services__head h2,
.quick-services__head p{
  text-align:center;
}

.quick-services__head p{
  max-width:560px;
  margin:0 auto;
}


/* Force true horizontal centering of services heading block */
.quick-services__head{
  width:100% !important;
  max-width:720px !important;
  margin-right:auto !important;
  margin-left:auto !important;
  margin-bottom:22px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  direction:rtl;
}

.quick-services__head > div{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.quick-services__head span,
.quick-services__head h2,
.quick-services__head p{
  width:100% !important;
  margin-right:auto !important;
  margin-left:auto !important;
  text-align:center !important;
  justify-content:center !important;
}

.quick-services__head p{
  max-width:560px !important;
}


/* Darker luxury glass effect for quick service cards */
.quick-service-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(115, 226, 239, .16) !important;
  background:
    linear-gradient(145deg, rgba(11, 31, 47, .82), rgba(14, 43, 63, .70)) !important;
  box-shadow:
    0 16px 34px rgba(8, 25, 39, .18),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -10px 22px rgba(0,0,0,.08),
    0 0 24px rgba(16,200,223,.04) !important;
  backdrop-filter: blur(15px) saturate(145%);
  -webkit-backdrop-filter: blur(15px) saturate(145%);
}

.quick-service-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.02) 35%, rgba(255,255,255,0) 100%);
  opacity:.7;
}

.quick-service-card::after{
  content:"";
  position:absolute;
  top:-55%;
  right:-34%;
  width:34%;
  height:230%;
  pointer-events:none;
  transform:rotate(18deg);
  background:
    linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.03) 55%, rgba(255,255,255,0));
  filter:blur(2px);
  opacity:.65;
  animation:quickGlassSweep 6.5s cubic-bezier(.22,.61,.36,1) infinite;
}

@keyframes quickGlassSweep{
  0%{
    right:-38%;
    opacity:0;
  }
  8%{
    opacity:.18;
  }
  20%{
    opacity:.52;
  }
  33%{
    right:112%;
    opacity:0;
  }
  100%{
    right:112%;
    opacity:0;
  }
}

.quick-service-card:hover{
  border-color:rgba(115, 226, 239, .28) !important;
  background:
    linear-gradient(145deg, rgba(13, 37, 55, .90), rgba(18, 53, 74, .78)) !important;
  box-shadow:
    0 22px 42px rgba(7, 21, 34, .24),
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 26px rgba(16,200,223,.08) !important;
}

.quick-service-card__copy strong{
  color:#F4FAFD !important;
}

.quick-service-card__copy small{
  color:#B9CAD4 !important;
}

.quick-service-card__arrow{
  color:#8DECF5 !important;
}

.quick-service-card__icon{
  border:1px solid rgba(124, 233, 244, .26) !important;
  color:#8BEAF3 !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(16,200,223,.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 22px rgba(0,0,0,.16),
    0 0 18px rgba(16,200,223,.06) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.quick-service-card--warranty .quick-service-card__warranty-links a{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(115, 226, 239, .16);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
}

.quick-service-card--warranty .quick-service-card__warranty-links a:first-child{
  color:#032D35 !important;
  background:linear-gradient(135deg, rgba(102,233,243,.94), rgba(26,192,212,.92)) !important;
}

.quick-service-card--warranty .quick-service-card__warranty-links a:last-child{
  color:#DDF5F8 !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(16,200,223,.06)) !important;
}

.quick-service-card--warranty .quick-service-card__warranty-links a::after{
  content:"";
  position:absolute;
  top:-55%;
  right:-50%;
  width:36%;
  height:220%;
  transform:rotate(18deg);
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0));
  opacity:.55;
  animation:quickGlassSweepButton 7s ease-in-out infinite;
}

@keyframes quickGlassSweepButton{
  0%{ right:-50%; opacity:0; }
  10%{ opacity:.16; }
  28%{ opacity:.45; }
  40%{ right:116%; opacity:0; }
  100%{ right:116%; opacity:0; }
}

@media(max-width:760px){
  .quick-service-card{
    background:
      linear-gradient(145deg, rgba(11, 31, 47, .88), rgba(15, 41, 58, .76)) !important;
  }

  .quick-service-card::after{
    animation-duration:7.2s;
  }
}


/* Slightly larger heading fonts for services section */
.quick-services__head span{
  font-size:.8rem !important;
}

.quick-services__head h2{
  font-size:clamp(1.7rem,2.9vw,2.25rem) !important;
  line-height:1.42 !important;
}

@media(max-width:760px){
  .quick-services__head span{
    font-size:.75rem !important;
  }

  .quick-services__head h2{
    font-size:1.7rem !important;
  }
}


/* Final services heading hierarchy */
.quick-services__head span{
  font-size:clamp(1.65rem,3.1vw,2.45rem) !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  color:#071D30 !important;
}

.quick-services__head h2{
  margin-top:6px !important;
  font-size:clamp(1.05rem,1.8vw,1.35rem) !important;
  line-height:1.5 !important;
  font-weight:800 !important;
  color:#087F97 !important;
}

@media(max-width:760px){
  .quick-services__head span{
    font-size:1.75rem !important;
  }

  .quick-services__head h2{
    font-size:1.08rem !important;
  }
}


/* =========================================================
   WHY NAMYRAN
========================================================= */
.why-namyran{
  position:relative;
  padding:68px 0 72px;
  background:#071A2A;
  color:#fff;
  overflow:hidden;
}

.why-namyran::before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  top:-180px;
  left:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(16,200,223,.14),transparent 68%);
  pointer-events:none;
}

.why-namyran__panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);
  gap:28px;
  align-items:center;
  padding:28px;
  border:1px solid rgba(120,226,239,.12);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 60px rgba(0,0,0,.18);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.why-namyran__intro{
  padding:6px 4px;
}

.why-namyran__eyebrow{
  color:#78E7F1;
  font-size:.74rem;
  font-weight:900;
}

.why-namyran__intro h2{
  margin:9px 0 10px;
  font-size:clamp(1.55rem,2.7vw,2.2rem);
  line-height:1.45;
}

.why-namyran__intro p{
  margin:0;
  color:#B4C3CC;
  font-size:.8rem;
  line-height:1.9;
}

.why-namyran__more{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
  color:#83EAF3;
  font-size:.72rem;
  font-weight:850;
}

.why-namyran__features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.why-feature{
  min-height:112px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(120,226,239,.09);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.why-feature:hover{
  transform:translateY(-3px);
  border-color:rgba(120,226,239,.22);
  background:rgba(255,255,255,.055);
}

.why-feature__icon{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:13px;
  border:1px solid rgba(120,226,239,.17);
  color:#80E9F2;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(16,200,223,.07));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

.why-feature__icon svg{
  width:21px;
  height:21px;
}

.why-feature h3{
  margin:0 0 4px;
  font-size:.82rem;
}

.why-feature p{
  margin:0;
  color:#AABAC4;
  font-size:.67rem;
  line-height:1.75;
}

.why-namyran__stats{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  margin-top:18px;
  padding:14px 18px;
  border:1px solid rgba(120,226,239,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}

.why-namyran__stats div{
  display:grid;
  gap:3px;
  text-align:center;
}

.why-namyran__stats strong{
  color:#F4FBFD;
  font-size:.72rem;
}

.why-namyran__stats span{
  color:#91A7B5;
  font-size:.62rem;
}

.why-namyran__stats i{
  width:1px;
  height:28px;
  background:rgba(255,255,255,.09);
}

@media(max-width:900px){
  .why-namyran__panel{
    grid-template-columns:1fr;
  }

  .why-namyran__intro{
    text-align:center;
  }
}

@media(max-width:760px){
  .why-namyran{
    padding:52px 0 56px;
  }

  .why-namyran__panel{
    padding:18px;
    border-radius:20px;
  }

  .why-namyran__features{
    grid-template-columns:1fr;
  }

  .why-feature{
    min-height:92px;
  }

  .why-namyran__stats{
    display:grid;
    gap:12px;
  }

  .why-namyran__stats i{
    width:44px;
    height:1px;
    margin:auto;
  }
}


/* Larger 'چرا نامیران سرویس؟' label */
.why-namyran__eyebrow{
  display:inline-block;
  font-size:clamp(1.15rem,2vw,1.55rem) !important;
  line-height:1.4 !important;
  font-weight:900 !important;
  letter-spacing:-.01em;
}

@media(max-width:760px){
  .why-namyran__eyebrow{
    font-size:1.18rem !important;
  }
}


/* =========================================================
   SERVICE PROCESS
========================================================= */
.service-process{
  position:relative;
  padding:72px 0 76px;
  overflow:hidden;
  color:#0A2135;
  background:
    radial-gradient(circle at 85% 12%,rgba(16,200,223,.08),transparent 26%),
    linear-gradient(180deg,#F7FAFC 0%,#EEF4F8 100%);
}

.service-process__head{
  max-width:700px;
  margin:0 auto 30px;
  text-align:center;
}

.service-process__head > span{
  display:inline-block;
  color:#07849D;
  font-size:.78rem;
  font-weight:900;
}

.service-process__head h2{
  margin:7px 0 8px;
  color:#071D30;
  font-size:clamp(1.65rem,2.9vw,2.25rem);
  line-height:1.4;
}

.service-process__head p{
  margin:0;
  color:#6B8190;
  font-size:.78rem;
  line-height:1.9;
}

.service-process__steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.service-process__steps::before{
  content:"";
  position:absolute;
  top:38px;
  right:10%;
  left:10%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(12,164,190,.22),transparent);
  pointer-events:none;
}

.process-step{
  position:relative;
  z-index:1;
  min-height:206px;
  padding:18px 16px;
  text-align:center;
  border:1px solid rgba(10,69,96,.09);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:
    0 12px 30px rgba(17,53,74,.07),
    inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.process-step:hover{
  transform:translateY(-5px);
  border-color:rgba(16,200,223,.24);
  box-shadow:0 18px 40px rgba(17,53,74,.11);
}

.process-step__number{
  position:absolute;
  top:12px;
  right:13px;
  color:#A0B1BC;
  font-size:.62rem;
  font-weight:900;
}

.process-step__icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
  border:1px solid rgba(16,200,223,.18);
  border-radius:16px;
  color:#0CAEC7;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(16,200,223,.08));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 10px 22px rgba(12,139,160,.09);
}

.process-step__icon svg{
  width:24px;
  height:24px;
}

.process-step h3{
  margin:0 0 7px;
  color:#0A2437;
  font-size:.86rem;
}

.process-step p{
  margin:0;
  color:#6A808F;
  font-size:.67rem;
  line-height:1.85;
}

.service-process__cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:18px;
  padding:14px 16px 14px 20px;
  border:1px solid rgba(10,69,96,.08);
  border-radius:16px;
  background:rgba(255,255,255,.66);
  box-shadow:0 10px 26px rgba(17,53,74,.055);
}

.service-process__cta > div{
  display:grid;
  gap:3px;
}

.service-process__cta strong{
  color:#0A2437;
  font-size:.76rem;
}

.service-process__cta > div span{
  color:#708592;
  font-size:.65rem;
}

.service-process__cta a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:0 15px;
  border-radius:11px;
  color:#002C35;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5);
  font-size:.71rem;
  font-weight:900;
}

@media(max-width:1000px){
  .service-process__steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .service-process__steps::before{
    display:none;
  }
}

@media(max-width:760px){
  .service-process{
    padding:54px 0 58px;
  }

  .service-process__head{
    margin-bottom:22px;
  }

  .service-process__head h2{
    font-size:1.65rem;
  }

  .service-process__steps{
    grid-template-columns:1fr;
    gap:9px;
  }

  .process-step{
    min-height:auto;
    display:grid;
    grid-template-columns:auto 1fr;
    column-gap:12px;
    padding:14px;
    text-align:right;
  }

  .process-step__icon{
    grid-row:1 / span 2;
    margin:0;
  }

  .process-step h3{
    align-self:end;
    margin-bottom:3px;
  }

  .process-step p{
    align-self:start;
  }

  .process-step__number{
    left:13px;
    right:auto;
  }

  .service-process__cta{
    display:grid;
    text-align:center;
    padding:14px;
  }

  .service-process__cta a{
    justify-content:center;
  }
}


/* Match service-process heading with the final services heading style */
.service-process__head{
  width:100% !important;
  max-width:720px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  margin-right:auto !important;
  margin-left:auto !important;
  margin-bottom:30px !important;
  text-align:center !important;
  direction:rtl;
}

.service-process__head > span{
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  color:#071D30 !important;
  font-size:clamp(1.65rem,3.1vw,2.45rem) !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  text-align:center !important;
}

.service-process__head h2{
  width:100% !important;
  margin:0 auto !important;
  color:#087F97 !important;
  font-size:clamp(1.05rem,1.8vw,1.35rem) !important;
  line-height:1.5 !important;
  font-weight:800 !important;
  text-align:center !important;
}

.service-process__head p{
  width:100% !important;
  max-width:560px !important;
  margin:0 auto !important;
  color:#6B8190 !important;
  font-size:.78rem !important;
  line-height:1.9 !important;
  text-align:center !important;
}

@media(max-width:760px){
  .service-process__head{
    margin-bottom:22px !important;
  }

  .service-process__head > span{
    font-size:1.75rem !important;
  }

  .service-process__head h2{
    font-size:1.08rem !important;
  }

  .service-process__head p{
    font-size:.72rem !important;
  }
}


/* Match process cards with dark glass quick-service cards */
.service-process__steps{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:11px !important;
}

.service-process__steps::before{
  display:none !important;
}

.process-step{
  position:relative;
  min-width:0;
  min-height:92px !important;
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:11px !important;
  row-gap:3px !important;
  padding:13px !important;
  overflow:hidden !important;
  text-align:right !important;
  border:1px solid rgba(115,226,239,.16) !important;
  border-radius:17px !important;
  background:
    linear-gradient(145deg,rgba(11,31,47,.82),rgba(14,43,63,.70)) !important;
  box-shadow:
    0 16px 34px rgba(8,25,39,.18),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -10px 22px rgba(0,0,0,.08),
    0 0 24px rgba(16,200,223,.04) !important;
  backdrop-filter:blur(15px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(15px) saturate(145%) !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease !important;
}

.process-step::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 35%,rgba(255,255,255,0) 100%);
  opacity:.7;
}

.process-step::after{
  content:"";
  position:absolute;
  top:-55%;
  right:-34%;
  width:34%;
  height:230%;
  pointer-events:none;
  transform:rotate(18deg);
  background:
    linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.03) 55%,rgba(255,255,255,0));
  filter:blur(2px);
  opacity:.65;
  animation:processGlassSweep 6.5s cubic-bezier(.22,.61,.36,1) infinite;
}

.process-step:nth-child(2)::after{ animation-delay:1s; }
.process-step:nth-child(3)::after{ animation-delay:2s; }
.process-step:nth-child(4)::after{ animation-delay:3s; }

@keyframes processGlassSweep{
  0%{ right:-38%; opacity:0; }
  8%{ opacity:.18; }
  20%{ opacity:.52; }
  33%{ right:112%; opacity:0; }
  100%{ right:112%; opacity:0; }
}

.process-step:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(115,226,239,.28) !important;
  background:
    linear-gradient(145deg,rgba(13,37,55,.90),rgba(18,53,74,.78)) !important;
  box-shadow:
    0 22px 42px rgba(7,21,34,.24),
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 26px rgba(16,200,223,.08) !important;
}

.process-step__icon{
  position:relative;
  z-index:1;
  grid-row:1 / span 2 !important;
  width:44px !important;
  height:44px !important;
  margin:0 !important;
  border:1px solid rgba(124,233,244,.26) !important;
  border-radius:13px !important;
  color:#8BEAF3 !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(16,200,223,.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 22px rgba(0,0,0,.16),
    0 0 18px rgba(16,200,223,.06) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.process-step__icon svg{
  width:21px !important;
  height:21px !important;
}

.process-step__number{
  position:absolute !important;
  z-index:2;
  top:9px !important;
  left:10px !important;
  right:auto !important;
  color:#8DECF5 !important;
  font-size:.58rem !important;
  font-weight:900 !important;
  opacity:.78;
}

.process-step h3{
  position:relative;
  z-index:1;
  align-self:end;
  margin:0 !important;
  color:#F4FAFD !important;
  font-size:.82rem !important;
  line-height:1.45 !important;
}

.process-step p{
  position:relative;
  z-index:1;
  align-self:start;
  margin:0 !important;
  color:#B9CAD4 !important;
  font-size:.64rem !important;
  line-height:1.7 !important;
}

.service-process__cta{
  min-height:48px !important;
  margin-top:14px !important;
  padding:10px 14px !important;
  border:1px solid rgba(10,69,96,.08) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.66) !important;
}

@media(max-width:1100px){
  .service-process__steps{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .service-process__steps{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .process-step{
    min-height:76px !important;
    padding:10px 11px !important;
    border-radius:14px !important;
  }

  .process-step__icon{
    width:39px !important;
    height:39px !important;
    border-radius:11px !important;
  }

  .process-step h3{
    font-size:.78rem !important;
  }

  .process-step p{
    font-size:.62rem !important;
  }

  .process-step::after{
    animation-duration:7.2s;
  }
}


/* Final spacing and number-position fixes for service process */
.service-process{
  padding-top:34px !important;
}

.process-step__number{
  top:9px !important;
  right:10px !important;
  left:auto !important;
}

@media(max-width:760px){
  .service-process{
    padding-top:30px !important;
  }

  .process-step__number{
    right:10px !important;
    left:auto !important;
  }
}


/* =========================================================
   SERVICE COVERAGE
========================================================= */
.service-coverage{
  position:relative;
  padding:58px 0 66px;
  color:#fff;
  background:
    radial-gradient(circle at 12% 8%,rgba(16,200,223,.10),transparent 28%),
    linear-gradient(180deg,#081C2C,#061725);
  overflow:hidden;
}

.service-coverage__head{
  width:100%;
  max-width:720px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin:0 auto 26px;
  text-align:center;
}

.service-coverage__head > span{
  color:#F4FAFD;
  font-size:clamp(1.65rem,3.1vw,2.45rem);
  line-height:1.35;
  font-weight:900;
}

.service-coverage__head h2{
  margin:0;
  color:#75E8F2;
  font-size:clamp(1.05rem,1.8vw,1.35rem);
  line-height:1.5;
}

.service-coverage__head p{
  max-width:560px;
  margin:0;
  color:#A8BAC5;
  font-size:.76rem;
  line-height:1.9;
}

.service-coverage__layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:14px;
}

.coverage-devices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.coverage-device{
  position:relative;
  min-height:82px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:11px;
  padding:11px 13px;
  overflow:hidden;
  border:1px solid rgba(115,226,239,.14);
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
  transition:.22s ease;
}

.coverage-device::after{
  content:"";
  position:absolute;
  top:-70%;
  right:-35%;
  width:32%;
  height:240%;
  transform:rotate(18deg);
  background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);
  opacity:.45;
  animation:coverageSweep 7s ease-in-out infinite;
}

.coverage-device:nth-child(2)::after{animation-delay:1s}
.coverage-device:nth-child(3)::after{animation-delay:2s}
.coverage-device:nth-child(4)::after{animation-delay:3s}
.coverage-device:nth-child(5)::after{animation-delay:4s}
.coverage-device:nth-child(6)::after{animation-delay:5s}

@keyframes coverageSweep{
  0%{right:-35%;opacity:0}
  10%{opacity:.16}
  28%{opacity:.45}
  40%{right:112%;opacity:0}
  100%{right:112%;opacity:0}
}

.coverage-device:hover{
  transform:translateY(-3px);
  border-color:rgba(115,226,239,.26);
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(16,200,223,.045));
}

.coverage-device__icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(115,226,239,.20);
  border-radius:12px;
  color:#7EE9F2;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(16,200,223,.07));
}

.coverage-device__icon svg{
  width:21px;
  height:21px;
}

.coverage-device > span:last-child{
  display:grid;
  gap:3px;
}

.coverage-device strong{
  font-size:.78rem;
}

.coverage-device small{
  color:#AABBC5;
  font-size:.62rem;
}

.coverage-brands{
  display:flex;
  flex-direction:column;
  padding:17px;
  border:1px solid rgba(115,226,239,.14);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}

.coverage-brands__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.coverage-brands__top > div{
  display:grid;
  gap:4px;
}

.coverage-brands__top span{
  color:#72E5EF;
  font-size:.65rem;
  font-weight:850;
}

.coverage-brands__top h3{
  margin:0;
  font-size:.88rem;
  line-height:1.55;
}

.coverage-brands__top > a{
  flex:0 0 auto;
  padding:7px 9px;
  border:1px solid rgba(115,226,239,.15);
  border-radius:9px;
  color:#CFF7FA;
  background:rgba(16,200,223,.07);
  font-size:.6rem;
  font-weight:800;
}

.coverage-brands__list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.coverage-brands__list span{
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:8px;
  color:#DCE7EC;
  background:rgba(255,255,255,.045);
  font-size:.6rem;
  font-weight:700;
}

.coverage-brands__note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:14px;
  color:#98ABB6;
  font-size:.63rem;
}

.coverage-brands__note a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#7CE8F1;
  font-weight:800;
}

@media(max-width:980px){
  .service-coverage__layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .service-coverage{
    padding:48px 0 54px;
  }

  .service-coverage__head > span{
    font-size:1.75rem;
  }

  .service-coverage__head h2{
    font-size:1.08rem;
  }

  .coverage-devices{
    grid-template-columns:1fr;
  }

  .coverage-device{
    min-height:74px;
  }

  .coverage-brands__top,
  .coverage-brands__note{
    display:grid;
  }

  .coverage-brands__top > a{
    width:max-content;
  }
}


/* Bigger miscellaneous brand button */
.coverage-brands__top > a{
  padding:10px 14px !important;
  border-radius:11px !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

@media(max-width:760px){
  .coverage-brands__top > a{
    padding:10px 14px !important;
    font-size:.72rem !important;
  }
}


/* Reduce gap before service coverage section */
.service-process{
  padding-bottom:34px !important;
}

.service-coverage{
  padding-top:28px !important;
}

.service-coverage__head{
  margin-top:0 !important;
}

@media(max-width:760px){
  .service-process{
    padding-bottom:28px !important;
  }

  .service-coverage{
    padding-top:24px !important;
  }
}


/* =========================================================
   WARRANTY HUB
========================================================= */
.warranty-hub{
  position:relative;
  padding:54px 0 62px;
  color:#0A2135;
  background:
    radial-gradient(circle at 88% 4%,rgba(16,200,223,.08),transparent 26%),
    linear-gradient(180deg,#F7FAFC,#EEF4F8);
  overflow:hidden;
}

.warranty-hub__head{
  width:100%;
  max-width:720px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin:0 auto 25px;
  text-align:center;
}

.warranty-hub__head > span{
  color:#071D30;
  font-size:clamp(1.65rem,3.1vw,2.45rem);
  line-height:1.35;
  font-weight:900;
}

.warranty-hub__head h2{
  margin:0;
  color:#087F97;
  font-size:clamp(1.05rem,1.8vw,1.35rem);
  line-height:1.5;
}

.warranty-hub__head p{
  max-width:560px;
  margin:0;
  color:#6B8190;
  font-size:.76rem;
  line-height:1.9;
}

.warranty-hub__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}

.warranty-card{
  position:relative;
  min-height:286px;
  display:flex;
  flex-direction:column;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(10,69,96,.10);
  border-radius:21px;
  background:rgba(255,255,255,.76);
  box-shadow:
    0 16px 38px rgba(17,53,74,.08),
    inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.warranty-card::after{
  content:"";
  position:absolute;
  top:-65%;
  right:-34%;
  width:30%;
  height:230%;
  transform:rotate(18deg);
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);
  opacity:.35;
  animation:warrantySweep 7s ease-in-out infinite;
}

.warranty-card--check::after{
  animation-delay:2.2s;
}

@keyframes warrantySweep{
  0%{right:-36%;opacity:0}
  10%{opacity:.14}
  28%{opacity:.38}
  40%{right:112%;opacity:0}
  100%{right:112%;opacity:0}
}

.warranty-card__badge{
  position:absolute;
  top:16px;
  left:16px;
  padding:6px 9px;
  border:1px solid rgba(8,127,151,.10);
  border-radius:9px;
  color:#087F97;
  background:rgba(16,200,223,.07);
  font-size:.62rem;
  font-weight:900;
}

.warranty-card__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border:1px solid rgba(16,200,223,.18);
  border-radius:14px;
  color:#0CAEC7;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(16,200,223,.08));
  box-shadow:0 10px 22px rgba(12,139,160,.08);
}

.warranty-card__icon svg{
  width:23px;
  height:23px;
}

.warranty-card__content h3{
  margin:0 0 7px;
  color:#0A2437;
  font-size:1rem;
}

.warranty-card__content p{
  margin:0;
  color:#697F8E;
  font-size:.72rem;
  line-height:1.9;
}

.warranty-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:17px 0;
}

.warranty-card__meta span{
  padding:6px 8px;
  border-radius:8px;
  color:#547081;
  background:#EDF5F7;
  font-size:.61rem;
  font-weight:750;
}

.warranty-card__action{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding:0 14px;
  border-radius:11px;
  color:#002D36;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5);
  font-size:.71rem;
  font-weight:900;
}

.warranty-serial{
  margin-top:auto;
}

.warranty-serial label{
  display:block;
  margin-bottom:7px;
  color:#567080;
  font-size:.63rem;
  font-weight:800;
}

.warranty-serial > div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
}

.warranty-serial input{
  min-width:0;
  min-height:44px;
  padding:0 12px;
  border:1px solid rgba(10,69,96,.12);
  border-radius:11px;
  color:#102A3D;
  background:rgba(244,249,251,.9);
  outline:none;
  font:inherit;
  font-size:.7rem;
}

.warranty-serial input:focus{
  border-color:rgba(16,200,223,.42);
  box-shadow:0 0 0 3px rgba(16,200,223,.08);
}

.warranty-serial button{
  min-height:44px;
  padding:0 16px;
  border:0;
  border-radius:11px;
  color:#002D36;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5);
  font:inherit;
  font-size:.7rem;
  font-weight:900;
  cursor:pointer;
}

.warranty-hub__note{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
  padding:11px 14px;
  border:1px solid rgba(10,69,96,.08);
  border-radius:14px;
  color:#647B8A;
  background:rgba(255,255,255,.62);
  font-size:.65rem;
}

.warranty-hub__note-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:9px;
  color:#0CAEC7;
  background:rgba(16,200,223,.08);
}

.warranty-hub__note-icon svg{
  width:16px;
  height:16px;
}

.warranty-hub__note a{
  margin-right:auto;
  color:#087F97;
  font-weight:850;
}

@media(max-width:900px){
  .warranty-hub__grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .warranty-hub{
    padding:46px 0 52px;
  }

  .warranty-hub__head > span{
    font-size:1.75rem;
  }

  .warranty-hub__head h2{
    font-size:1.08rem;
  }

  .warranty-card{
    min-height:auto;
    padding:17px;
  }

  .warranty-hub__note{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .warranty-hub__note a{
    width:100%;
    margin-right:38px;
  }
}


/* Make warranty section cards more compact */
.warranty-hub{
  padding-top:42px !important;
  padding-bottom:48px !important;
}

.warranty-hub__head{
  margin-bottom:18px !important;
}

.warranty-hub__grid{
  gap:10px !important;
}

.warranty-card{
  min-height:220px !important;
  padding:16px !important;
  border-radius:18px !important;
}

.warranty-card__badge{
  top:12px !important;
  left:12px !important;
  padding:5px 8px !important;
  font-size:.58rem !important;
}

.warranty-card__icon{
  width:42px !important;
  height:42px !important;
  margin-bottom:10px !important;
  border-radius:12px !important;
}

.warranty-card__icon svg{
  width:20px !important;
  height:20px !important;
}

.warranty-card__content h3{
  font-size:.9rem !important;
  margin-bottom:5px !important;
  line-height:1.5 !important;
}

.warranty-card__content p{
  font-size:.66rem !important;
  line-height:1.8 !important;
}

.warranty-card__meta{
  margin:12px 0 !important;
  gap:5px !important;
}

.warranty-card__meta span{
  padding:5px 7px !important;
  font-size:.56rem !important;
}

.warranty-card__action{
  min-height:40px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  font-size:.67rem !important;
}

.warranty-serial label{
  margin-bottom:6px !important;
  font-size:.58rem !important;
}

.warranty-serial > div{
  gap:6px !important;
}

.warranty-serial input{
  min-height:40px !important;
  padding:0 10px !important;
  border-radius:10px !important;
  font-size:.66rem !important;
}

.warranty-serial button{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  font-size:.66rem !important;
}

.warranty-hub__note{
  margin-top:10px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  font-size:.61rem !important;
}

@media(max-width:900px){
  .warranty-card{
    min-height:auto !important;
  }
}

@media(max-width:760px){
  .warranty-hub{
    padding-top:36px !important;
    padding-bottom:42px !important;
  }

  .warranty-hub__head{
    margin-bottom:15px !important;
  }

  .warranty-card{
    min-height:auto !important;
    padding:14px !important;
    border-radius:16px !important;
  }

  .warranty-card__content h3{
    font-size:.86rem !important;
  }

  .warranty-card__content p{
    font-size:.64rem !important;
  }

  .warranty-card__action,
  .warranty-serial input,
  .warranty-serial button{
    min-height:38px !important;
  }
}


/* =========================================================
   CUSTOMER REVIEWS
========================================================= */
.customer-reviews{
  position:relative;
  padding:52px 0 60px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 15% 8%,rgba(16,200,223,.10),transparent 28%),
    linear-gradient(180deg,#081B2B,#061624);
}

.customer-reviews__head{
  width:100%;
  max-width:720px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin:0 auto 24px;
  text-align:center;
}

.customer-reviews__head > span{
  color:#F4FAFD;
  font-size:clamp(1.65rem,3.1vw,2.45rem);
  line-height:1.35;
  font-weight:900;
}

.customer-reviews__head h2{
  margin:0;
  color:#75E8F2;
  font-size:clamp(1.05rem,1.8vw,1.35rem);
  line-height:1.5;
}

.customer-reviews__head p{
  max-width:560px;
  margin:0;
  color:#A8BAC5;
  font-size:.75rem;
  line-height:1.9;
}

.customer-reviews__layout{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr);
  gap:13px;
}

.reviews-summary{
  min-height:280px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:20px;
  text-align:center;
  border:1px solid rgba(115,226,239,.14);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}

.reviews-summary__score{
  display:flex;
  align-items:flex-end;
  gap:6px;
}

.reviews-summary__score strong{
  font-size:2.8rem;
  line-height:1;
}

.reviews-summary__score span{
  color:#9CB0BC;
  font-size:.7rem;
}

.reviews-summary__stars{
  margin:10px 0 8px;
  color:#FFD75A;
  font-size:1rem;
  letter-spacing:.12em;
}

.reviews-summary p{
  max-width:260px;
  margin:0;
  color:#AABBC5;
  font-size:.67rem;
  line-height:1.8;
}

.reviews-summary__points{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
  margin:14px 0;
}

.reviews-summary__points span{
  padding:6px 8px;
  border-radius:8px;
  color:#CDEFF3;
  background:rgba(16,200,223,.07);
  font-size:.58rem;
  font-weight:800;
}

.reviews-summary > a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 13px;
  border-radius:10px;
  color:#002D36;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5);
  font-size:.67rem;
  font-weight:900;
}

.reviews-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

.review-card{
  position:relative;
  min-height:180px;
  padding:15px;
  overflow:hidden;
  border:1px solid rgba(115,226,239,.12);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.review-card::after{
  content:"";
  position:absolute;
  top:-70%;
  right:-35%;
  width:32%;
  height:240%;
  transform:rotate(18deg);
  background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);
  opacity:.35;
  animation:reviewSweep 7s ease-in-out infinite;
}

.review-card:nth-child(2)::after{animation-delay:1.7s}
.review-card:nth-child(3)::after{animation-delay:3.4s}

@keyframes reviewSweep{
  0%{right:-35%;opacity:0}
  10%{opacity:.14}
  28%{opacity:.38}
  40%{right:112%;opacity:0}
  100%{right:112%;opacity:0}
}

.review-card:hover{
  transform:translateY(-4px);
  border-color:rgba(115,226,239,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(16,200,223,.035));
}

.review-card__top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:9px;
}

.review-card__avatar{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(115,226,239,.18);
  border-radius:11px;
  color:#7EE9F2;
  background:rgba(16,200,223,.07);
  font-size:.72rem;
  font-weight:900;
}

.review-card__top > div:nth-child(2){
  display:grid;
  gap:2px;
}

.review-card__top strong{
  font-size:.72rem;
}

.review-card__top span{
  color:#A8BAC5;
  font-size:.56rem;
}

.review-card__stars{
  color:#FFD75A !important;
  font-size:.58rem !important;
  letter-spacing:.06em;
}

.review-card p{
  position:relative;
  z-index:1;
  margin:13px 0 0;
  color:#B9C8D0;
  font-size:.64rem;
  line-height:1.85;
}

@media(max-width:1000px){
  .customer-reviews__layout{
    grid-template-columns:1fr;
  }

  .reviews-summary{
    min-height:auto;
  }
}

@media(max-width:760px){
  .customer-reviews{
    padding:46px 0 52px;
  }

  .customer-reviews__head > span{
    font-size:1.75rem;
  }

  .customer-reviews__head h2{
    font-size:1.08rem;
  }

  .reviews-list{
    grid-template-columns:1fr;
  }

  .review-card{
    min-height:auto;
  }
}


/* Compact customer reviews section */
.customer-reviews{
  padding-top:40px !important;
  padding-bottom:46px !important;
}

.customer-reviews__head{
  margin-bottom:18px !important;
}

.customer-reviews__layout{
  grid-template-columns:minmax(235px,.66fr) minmax(0,1.75fr) !important;
  gap:10px !important;
}

.reviews-summary{
  min-height:220px !important;
  padding:16px !important;
  border-radius:17px !important;
}

.reviews-summary__score strong{
  font-size:2.35rem !important;
}

.reviews-summary__stars{
  margin:8px 0 6px !important;
  font-size:.9rem !important;
}

.reviews-summary p{
  font-size:.62rem !important;
  line-height:1.7 !important;
}

.reviews-summary__points{
  margin:11px 0 !important;
  gap:5px !important;
}

.reviews-summary__points span{
  padding:5px 7px !important;
  font-size:.54rem !important;
}

.reviews-summary > a{
  min-height:37px !important;
  padding:0 11px !important;
  font-size:.63rem !important;
}

.reviews-list{
  gap:8px !important;
}

.review-card{
  min-height:142px !important;
  padding:12px !important;
  border-radius:15px !important;
}

.review-card__avatar{
  width:32px !important;
  height:32px !important;
  border-radius:9px !important;
  font-size:.66rem !important;
}

.review-card__top{
  gap:7px !important;
}

.review-card__top strong{
  font-size:.67rem !important;
}

.review-card__top span{
  font-size:.52rem !important;
}

.review-card__stars{
  font-size:.52rem !important;
}

.review-card p{
  margin-top:10px !important;
  font-size:.59rem !important;
  line-height:1.75 !important;
}

@media(max-width:1000px){
  .customer-reviews__layout{
    grid-template-columns:1fr !important;
  }

  .reviews-summary{
    min-height:auto !important;
  }
}

@media(max-width:760px){
  .customer-reviews{
    padding-top:36px !important;
    padding-bottom:42px !important;
  }

  .customer-reviews__head{
    margin-bottom:15px !important;
  }

  .review-card{
    min-height:auto !important;
  }
}


/* =========================================================
   AUTOPLAY REVIEWS CAROUSEL
========================================================= */
.reviews-carousel{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.reviews-carousel__viewport{
  min-width:0;
  overflow:hidden;
  border-radius:15px;
  touch-action:pan-y;
}

.reviews-carousel .reviews-list{
  display:flex !important;
  grid-template-columns:none !important;
  gap:8px !important;
  will-change:transform;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
}

.reviews-carousel .review-card{
  flex:0 0 calc((100% - 16px) / 3);
  min-width:0;
  min-height:142px !important;
}

.reviews-carousel__controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:11px;
}

.reviews-carousel__button{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(115,226,239,.15);
  border-radius:9px;
  color:#9DEEF5;
  background:rgba(255,255,255,.045);
  font:inherit;
  font-size:.75rem;
  cursor:pointer;
  transition:.2s ease;
}

.reviews-carousel__button:hover{
  color:#06202B;
  border-color:transparent;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5);
}

.reviews-carousel__dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}

.reviews-carousel__dot{
  width:6px;
  height:6px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  cursor:pointer;
  transition:width .22s ease,background .22s ease;
}

.reviews-carousel__dot.is-active{
  width:18px;
  background:#63E5F0;
}

.reviews-carousel.is-paused .reviews-carousel__dot.is-active{
  background:#FFD75A;
}

@media(max-width:1000px){
  .reviews-carousel .review-card{
    flex-basis:calc((100% - 8px) / 2);
  }
}

@media(max-width:760px){
  .reviews-carousel .review-card{
    flex-basis:100%;
  }

  .reviews-carousel__controls{
    margin-top:9px;
  }
}

@media(prefers-reduced-motion:reduce){
  .reviews-carousel .reviews-list{
    transition:none;
  }
}


/* =========================================================
   HOME FAQ
========================================================= */
.home-faq{
  position:relative;
  padding:50px 0 58px;
  color:#0A2135;
  background:
    radial-gradient(circle at 88% 8%,rgba(16,200,223,.07),transparent 25%),
    linear-gradient(180deg,#F7FAFC,#EEF4F8);
}

.home-faq__head{
  width:100%;
  max-width:720px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin:0 auto 23px;
  text-align:center;
}

.home-faq__head > span{
  color:#071D30;
  font-size:clamp(1.65rem,3.1vw,2.45rem);
  line-height:1.35;
  font-weight:900;
}

.home-faq__head h2{
  margin:0;
  color:#087F97;
  font-size:clamp(1.05rem,1.8vw,1.35rem);
  line-height:1.5;
}

.home-faq__head p{
  margin:0;
  color:#6B8190;
  font-size:.75rem;
  line-height:1.9;
}

.home-faq__layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  gap:12px;
  align-items:start;
}

.home-faq__list{
  display:grid;
  gap:8px;
}

.faq-item{
  overflow:hidden;
  border:1px solid rgba(10,69,96,.09);
  border-radius:15px;
  background:rgba(255,255,255,.76);
  box-shadow:
    0 10px 26px rgba(17,53,74,.055),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.faq-item__button{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 15px;
  border:0;
  color:#102A3D;
  background:transparent;
  font:inherit;
  font-size:.75rem;
  font-weight:850;
  text-align:right;
  cursor:pointer;
}

.faq-item__button i{
  position:relative;
  width:24px;
  height:24px;
  flex:0 0 auto;
  border-radius:8px;
  background:rgba(16,200,223,.08);
}

.faq-item__button i::before,
.faq-item__button i::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:1.5px;
  border-radius:999px;
  background:#0A9CB5;
  transform:translate(-50%,-50%);
  transition:transform .22s ease;
}

.faq-item__button i::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.faq-item.is-open .faq-item__button i::after{
  transform:translate(-50%,-50%) rotate(0deg);
}

.faq-item__answer{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .3s ease;
}

.faq-item.is-open .faq-item__answer{
  grid-template-rows:1fr;
}

.faq-item__answer p{
  min-height:0;
  overflow:hidden;
  margin:0;
  padding:0 15px;
  color:#6B8190;
  font-size:.66rem;
  line-height:1.9;
  transition:padding .3s ease;
}

.faq-item.is-open .faq-item__answer p{
  padding:0 15px 14px;
}

.home-faq__support{
  position:sticky;
  top:120px;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:20px;
  text-align:center;
  border:1px solid rgba(115,226,239,.14);
  border-radius:19px;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(10,31,47,.96),rgba(13,46,65,.92));
  box-shadow:
    0 18px 42px rgba(9,29,43,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.home-faq__support-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:11px;
  border:1px solid rgba(115,226,239,.21);
  border-radius:14px;
  color:#83EAF3;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(16,200,223,.07));
}

.home-faq__support-icon svg{
  width:23px;
  height:23px;
}

.home-faq__support-label{
  color:#7FE8F1;
  font-size:.62rem;
  font-weight:850;
}

.home-faq__support h3{
  margin:7px 0 8px;
  font-size:1rem;
}

.home-faq__support p{
  margin:0;
  color:#AFBEC7;
  font-size:.65rem;
  line-height:1.8;
}

.home-faq__phone{
  width:100%;
  display:grid;
  gap:2px;
  margin-top:14px;
  padding:9px 12px;
  border:1px solid rgba(115,226,239,.13);
  border-radius:11px;
  color:#DFF7FA;
  background:rgba(16,200,223,.055);
}

.home-faq__phone span{
  font-size:.58rem;
}

.home-faq__phone strong{
  font-size:.82rem;
}

.home-faq__request{
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:8px;
  border-radius:11px;
  color:#002D36;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5);
  font-size:.66rem;
  font-weight:900;
}

@media(max-width:900px){
  .home-faq__layout{
    grid-template-columns:1fr;
  }

  .home-faq__support{
    position:relative;
    top:auto;
  }
}

@media(max-width:760px){
  .home-faq{
    padding:44px 0 50px;
  }

  .home-faq__head > span{
    font-size:1.75rem;
  }

  .home-faq__head h2{
    font-size:1.08rem;
  }

  .faq-item__button{
    min-height:50px;
    padding:0 12px;
    font-size:.7rem;
  }

  .faq-item__answer p{
    padding-inline:12px;
    font-size:.63rem;
  }

  .faq-item.is-open .faq-item__answer p{
    padding:0 12px 12px;
  }
}

@media(prefers-reduced-motion:reduce){
  .faq-item__answer,
  .faq-item__answer p,
  .faq-item__button i::after{
    transition:none;
  }
}


/* =========================================================
   FAQ ALIGNMENT + TEXT SELECTION CONTROL
========================================================= */

/* Make support card and accordion column the same height */
.home-faq__layout{
  align-items:stretch !important;
}

.home-faq__list{
  height:100%;
}

.home-faq__support{
  position:relative !important;
  top:auto !important;
  height:100% !important;
  min-height:100% !important;
  align-self:stretch !important;
  justify-content:center !important;
}

/* Prevent copying ordinary display text across the page */
body,
body *{
  -webkit-user-select:none;
  user-select:none;
}

/* Keep interactive and editable elements usable */
a,
button,
input,
textarea,
select,
option,
label,
[contenteditable="true"]{
  -webkit-user-select:auto !important;
  user-select:auto !important;
}

/* Allow users to select typed content inside form fields */
input,
textarea{
  -webkit-user-select:text !important;
  user-select:text !important;
}

@media(max-width:900px){
  .home-faq__support{
    height:auto !important;
    min-height:0 !important;
  }
}


/* Bigger headset icon in FAQ support card */
.home-faq__support-icon{
  width:62px !important;
  height:62px !important;
  margin-bottom:14px !important;
  border-radius:18px !important;
}

.home-faq__support-icon svg{
  width:31px !important;
  height:31px !important;
}

@media(max-width:760px){
  .home-faq__support-icon{
    width:56px !important;
    height:56px !important;
    border-radius:16px !important;
  }

  .home-faq__support-icon svg{
    width:28px !important;
    height:28px !important;
  }
}


/* Extra-large headset icon */
.home-faq__support-icon{
  width:82px !important;
  height:82px !important;
  margin-bottom:16px !important;
  border-radius:22px !important;
}

.home-faq__support-icon svg{
  width:42px !important;
  height:42px !important;
  stroke-width:1.8 !important;
}

@media(max-width:760px){
  .home-faq__support-icon{
    width:70px !important;
    height:70px !important;
    border-radius:19px !important;
  }

  .home-faq__support-icon svg{
    width:36px !important;
    height:36px !important;
  }
}


/* Bigger support contact box */
.home-faq__phone{
  min-height:66px !important;
  padding:12px 16px !important;
  border-radius:14px !important;
  gap:4px !important;
}

.home-faq__phone span{
  font-size:.72rem !important;
  font-weight:850 !important;
}

.home-faq__phone strong{
  font-size:1.08rem !important;
  line-height:1.3 !important;
}

@media(max-width:760px){
  .home-faq__phone{
    min-height:60px !important;
    padding:11px 14px !important;
  }

  .home-faq__phone span{
    font-size:.68rem !important;
  }

  .home-faq__phone strong{
    font-size:1rem !important;
  }
}


/* =========================================================
   HOME BLOG
========================================================= */
.home-blog{
  position:relative;
  padding:50px 0 58px;
  color:#fff;
  background:
    radial-gradient(circle at 12% 5%,rgba(16,200,223,.10),transparent 27%),
    linear-gradient(180deg,#081B2B,#061624);
  overflow:hidden;
}

.home-blog__head{
  width:100%;
  max-width:720px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin:0 auto 23px;
  text-align:center;
}

.home-blog__head > span{
  color:#F4FAFD;
  font-size:clamp(1.65rem,3.1vw,2.45rem);
  line-height:1.35;
  font-weight:900;
}

.home-blog__head h2{
  margin:0;
  color:#75E8F2;
  font-size:clamp(1.05rem,1.8vw,1.35rem);
  line-height:1.5;
}

.home-blog__head p{
  max-width:560px;
  margin:0;
  color:#A8BAC5;
  font-size:.75rem;
  line-height:1.9;
}

.home-blog__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.blog-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(115,226,239,.12);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.blog-card::after{
  content:"";
  position:absolute;
  top:-70%;
  right:-35%;
  width:30%;
  height:240%;
  transform:rotate(18deg);
  background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);
  opacity:.32;
  animation:blogSweep 7s ease-in-out infinite;
}

.blog-card:nth-child(2)::after{animation-delay:1.4s}
.blog-card:nth-child(3)::after{animation-delay:2.8s}
.blog-card:nth-child(4)::after{animation-delay:4.2s}

@keyframes blogSweep{
  0%{right:-35%;opacity:0}
  10%{opacity:.12}
  28%{opacity:.34}
  40%{right:112%;opacity:0}
  100%{right:112%;opacity:0}
}

.blog-card:hover{
  transform:translateY(-4px);
  border-color:rgba(115,226,239,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(16,200,223,.035));
}

.blog-card__visual{
  position:relative;
  height:112px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(115,226,239,.08);
  background:
    radial-gradient(circle at 50% 100%,rgba(16,200,223,.14),transparent 58%),
    rgba(255,255,255,.025);
}

.blog-card__visual svg{
  width:64px;
  height:64px;
  color:#79E8F1;
  opacity:.94;
}

.blog-card__category{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  padding:5px 7px;
  border:1px solid rgba(115,226,239,.14);
  border-radius:8px;
  color:#CFF7FA;
  background:rgba(16,200,223,.07);
  font-size:.55rem;
  font-weight:850;
}

.blog-card__content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-height:170px;
  padding:13px;
}

.blog-card__meta{
  color:#73E6F0;
  font-size:.56rem;
  font-weight:800;
}

.blog-card__content h3{
  margin:6px 0 7px;
  color:#F5FBFD;
  font-size:.76rem;
  line-height:1.65;
}

.blog-card__content p{
  margin:0;
  color:#AFBEC7;
  font-size:.61rem;
  line-height:1.8;
}

.blog-card__content a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  padding-top:11px;
  color:#80E9F2;
  font-size:.61rem;
  font-weight:850;
}

.home-blog__footer{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:14px;
  padding:9px 12px 9px 16px;
  border:1px solid rgba(115,226,239,.10);
  border-radius:14px;
  color:#9FB1BC;
  background:rgba(255,255,255,.03);
  font-size:.63rem;
}

.home-blog__footer a{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 12px;
  border-radius:9px;
  color:#002D36;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5);
  font-size:.63rem;
  font-weight:900;
}

@media(max-width:1050px){
  .home-blog__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .home-blog{
    padding:44px 0 50px;
  }

  .home-blog__head > span{
    font-size:1.75rem;
  }

  .home-blog__head h2{
    font-size:1.08rem;
  }

  .home-blog__grid{
    grid-template-columns:1fr;
  }

  .blog-card{
    display:grid;
    grid-template-columns:110px 1fr;
  }

  .blog-card__visual{
    height:100%;
    min-height:150px;
    border-bottom:0;
    border-left:1px solid rgba(115,226,239,.08);
  }

  .blog-card__content{
    min-height:150px;
  }

  .home-blog__footer{
    display:grid;
    text-align:center;
  }

  .home-blog__footer a{
    justify-content:center;
  }
}


/* Blog cards: larger icons + slightly smaller cards */
.blog-card__visual{
  height:96px !important;
}

.blog-card__visual svg{
  width:78px !important;
  height:78px !important;
}

.blog-card__category{
  top:8px !important;
  right:8px !important;
  font-size:.53rem !important;
}

.blog-card__content{
  min-height:150px !important;
  padding:11px !important;
}

.blog-card__meta{
  font-size:.54rem !important;
}

.blog-card__content h3{
  margin:5px 0 6px !important;
  font-size:.73rem !important;
  line-height:1.6 !important;
}

.blog-card__content p{
  font-size:.59rem !important;
  line-height:1.75 !important;
}

.blog-card__content a{
  padding-top:9px !important;
  font-size:.59rem !important;
}

@media(max-width:760px){
  .blog-card{
    grid-template-columns:96px 1fr !important;
  }

  .blog-card__visual{
    min-height:136px !important;
    height:100% !important;
  }

  .blog-card__visual svg{
    width:72px !important;
    height:72px !important;
  }

  .blog-card__content{
    min-height:136px !important;
    padding:10px !important;
  }
}


/* Mobile: center align blog footer section */
@media(max-width:760px){
  .home-blog__footer{
    justify-items:center !important;
    align-items:center !important;
    text-align:center !important;
  }

  .home-blog__footer span{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    margin:0 auto !important;
  }

  .home-blog__footer a{
    margin:0 auto !important;
  }
}


/* Mobile footer final centering fix */
@media(max-width:760px){
  .home-blog__footer{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:12px !important;
    text-align:center !important;
    padding:14px 12px !important;
  }

  .home-blog__footer > span{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    text-align:center !important;
    line-height:1.9 !important;
  }

  .home-blog__footer > a{
    display:inline-flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:auto !important;
    min-width:190px !important;
    max-width:100% !important;
    margin:0 auto !important;
    white-space:nowrap !important;
    text-align:center !important;
    flex-wrap:nowrap !important;
  }

  .home-blog__footer > a span{
    white-space:nowrap !important;
  }
}


/* =========================================================
   FINAL SERVICE CTA
========================================================= */
.final-service-cta{
  position:relative;
  padding:38px 0 44px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 20%,rgba(16,200,223,.13),transparent 28%),
    linear-gradient(180deg,#061624,#081C2C);
}

.final-service-cta__panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);
  gap:24px;
  align-items:center;
  padding:28px;
  overflow:hidden;
  border:1px solid rgba(115,226,239,.16);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
  box-shadow:
    0 24px 60px rgba(0,0,0,.2),
    inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.final-service-cta__panel::after{
  content:"";
  position:absolute;
  top:-70%;
  right:-30%;
  width:26%;
  height:250%;
  transform:rotate(18deg);
  background:linear-gradient(180deg,rgba(255,255,255,.25),transparent);
  opacity:.35;
  animation:finalCtaSweep 7s ease-in-out infinite;
}

@keyframes finalCtaSweep{
  0%{right:-35%;opacity:0}
  10%{opacity:.15}
  30%{opacity:.4}
  42%{right:112%;opacity:0}
  100%{right:112%;opacity:0}
}

.final-service-cta__content{
  position:relative;
  z-index:1;
}

.final-service-cta__eyebrow{
  color:#7CE8F1;
  font-size:.72rem;
  font-weight:900;
}

.final-service-cta__content h2{
  margin:7px 0 9px;
  color:#F6FBFD;
  font-size:clamp(1.7rem,3vw,2.4rem);
  line-height:1.4;
}

.final-service-cta__content p{
  max-width:650px;
  margin:0;
  color:#B4C3CC;
  font-size:.75rem;
  line-height:1.9;
}

.final-service-cta__features{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:15px;
}

.final-service-cta__features span{
  padding:6px 9px;
  border:1px solid rgba(115,226,239,.12);
  border-radius:9px;
  color:#D5F4F7;
  background:rgba(16,200,223,.06);
  font-size:.59rem;
  font-weight:800;
}

.final-service-cta__actions{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
}

.final-service-cta__primary,
.final-service-cta__phone{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border-radius:12px;
}

.final-service-cta__primary{
  color:#002D36;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5);
  font-size:.72rem;
  font-weight:900;
}

.final-service-cta__phone{
  flex-direction:column;
  gap:1px;
  border:1px solid rgba(115,226,239,.14);
  color:#DFF8FA;
  background:rgba(16,200,223,.055);
}

.final-service-cta__phone span{
  font-size:.57rem;
}

.final-service-cta__phone strong{
  font-size:.9rem;
}

.final-service-cta__coverage{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:2px;
  color:#9DB1BC;
  font-size:.56rem;
  text-align:center;
}

.final-service-cta__pulse{
  position:relative;
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:#50E78E;
  box-shadow:0 0 0 4px rgba(80,231,142,.08);
}

.final-service-cta__pulse::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(80,231,142,.35);
  border-radius:50%;
  animation:finalCtaPulse 1.8s ease-out infinite;
}

@keyframes finalCtaPulse{
  from{transform:scale(.7);opacity:.85}
  to{transform:scale(1.7);opacity:0}
}

@media(max-width:900px){
  .final-service-cta__panel{
    grid-template-columns:1fr;
    text-align:center;
  }

  .final-service-cta__content p{
    margin-inline:auto;
  }

  .final-service-cta__features{
    justify-content:center;
  }
}

@media(max-width:760px){
  .final-service-cta{
    padding:32px 0 38px;
  }

  .final-service-cta__panel{
    gap:18px;
    padding:20px 16px;
    border-radius:20px;
  }

  .final-service-cta__content h2{
    font-size:1.72rem;
  }

  .final-service-cta__content p{
    font-size:.68rem;
  }

  .final-service-cta__primary,
  .final-service-cta__phone{
    min-height:46px;
  }
}


/* Larger final CTA eyebrow on desktop only */
@media(min-width:761px){
  .final-service-cta__eyebrow{
    font-size:1.12rem !important;
    line-height:1.45 !important;
    font-weight:900 !important;
  }
}


/* =========================================================
   SITE FOOTER
========================================================= */
.site-footer{
  position:relative;
  padding:54px 0 18px;
  color:#fff;
  background:
    radial-gradient(circle at 10% 0%,rgba(16,200,223,.11),transparent 28%),
    linear-gradient(180deg,#061624,#04111D);
  overflow:hidden;
}

.site-footer::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(115,226,239,.26),transparent);
}

.site-footer__top{
  display:grid;
  grid-template-columns:minmax(260px,1.25fr) repeat(3,minmax(145px,.65fr)) minmax(240px,1fr);
  gap:26px;
  align-items:start;
}

.site-footer__brand{
  min-width:0;
}

.site-footer__logo{
  display:inline-flex;
  align-items:center;
  max-width:260px;
}

.site-footer__logo img{
  width:100%;
  height:auto;
  object-fit:contain;
}

.site-footer__brand p{
  max-width:320px;
  margin:15px 0 0;
  color:#A8BAC5;
  font-size:.68rem;
  line-height:1.9;
}

.site-footer__social{
  display:flex;
  gap:8px;
  margin-top:15px;
}

.site-footer__social a{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(115,226,239,.14);
  border-radius:11px;
  color:#80E9F2;
  background:rgba(16,200,223,.05);
  transition:.2s ease;
}

.site-footer__social a:hover{
  color:#002D36;
  border-color:transparent;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5);
  transform:translateY(-3px);
}

.site-footer__social svg{
  width:19px;
  height:19px;
}

.site-footer__column,
.site-footer__contact{
  display:grid;
  gap:9px;
}

.site-footer__column h3,
.site-footer__contact h3{
  margin:0 0 5px;
  color:#F4FBFD;
  font-size:.76rem;
}

.site-footer__column a{
  width:max-content;
  max-width:100%;
  color:#9FB2BE;
  font-size:.63rem;
  transition:.18s ease;
}

.site-footer__column a:hover{
  color:#76E6F0;
  transform:translateX(-3px);
}

.site-footer__contact{
  gap:10px;
}

.site-footer__contact-item{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:9px;
  padding:10px;
  border:1px solid rgba(115,226,239,.11);
  border-radius:12px;
  color:#DDF7FA;
  background:rgba(255,255,255,.025);
}

.site-footer__contact-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#7FE8F1;
  background:rgba(16,200,223,.07);
}

.site-footer__contact-icon svg{
  width:17px;
  height:17px;
}

.site-footer__contact-item > span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}

.site-footer__contact-item small{
  color:#91A7B5;
  font-size:.53rem;
}

.site-footer__contact-item strong{
  overflow:hidden;
  font-size:.68rem;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.site-footer__coverage{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  color:#9CB0BC;
  font-size:.57rem;
}

.site-footer__pulse{
  position:relative;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#50E78E;
  box-shadow:0 0 0 4px rgba(80,231,142,.08);
}

.site-footer__pulse::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(80,231,142,.35);
  border-radius:50%;
  animation:footerPulse 1.8s ease-out infinite;
}

@keyframes footerPulse{
  from{transform:scale(.7);opacity:.85}
  to{transform:scale(1.7);opacity:0}
}

.site-footer__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:34px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.065);
  color:#748B99;
  font-size:.57rem;
}

.site-footer__bottom > div{
  display:flex;
  gap:14px;
}

.site-footer__bottom a{
  color:#8FA4B1;
}

.site-footer__bottom a:hover{
  color:#70E5EF;
}

@media(max-width:1150px){
  .site-footer__top{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .site-footer__brand{
    grid-column:1 / -1;
  }

  .site-footer__brand p{
    max-width:520px;
  }
}

@media(max-width:760px){
  .site-footer{
    padding:42px 0 90px;
  }

  .site-footer__top{
    grid-template-columns:1fr 1fr;
    gap:24px 16px;
  }

  .site-footer__brand,
  .site-footer__contact{
    grid-column:1 / -1;
  }

  .site-footer__brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .site-footer__brand p{
    margin-inline:auto;
  }

  .site-footer__social{
    justify-content:center;
  }

  .site-footer__column{
    text-align:center;
    justify-items:center;
  }

  .site-footer__column a{
    width:auto;
  }

  .site-footer__contact h3{
    text-align:center;
  }

  .site-footer__coverage{
    justify-content:center;
  }

  .site-footer__bottom{
    display:grid;
    justify-items:center;
    text-align:center;
    gap:10px;
  }
}

@media(max-width:460px){
  .site-footer__top{
    grid-template-columns:1fr;
  }

  .site-footer__brand,
  .site-footer__contact{
    grid-column:auto;
  }
}


/* =========================================================
   FOOTER TRUST BADGES
========================================================= */
.site-footer__trust{
  grid-column:1 / -1;
  margin-top:4px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.055);
}

.site-footer__trust h3{
  margin:0 0 12px;
  color:#F4FBFD;
  font-size:.76rem;
  text-align:center;
}

.site-footer__trust-grid{
  display:flex;
  align-items:stretch;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
}

.trust-badge{
  position:relative;
  min-width:210px;
  min-height:72px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  overflow:hidden;
  border:1px solid rgba(115,226,239,.12);
  border-radius:14px;
  color:#DDF7FA;
  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.022));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 26px rgba(0,0,0,.1);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.trust-badge::after{
  content:"";
  position:absolute;
  top:-70%;
  right:-40%;
  width:32%;
  height:240%;
  transform:rotate(18deg);
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);
  opacity:.3;
  animation:trustBadgeSweep 7s ease-in-out infinite;
}

.trust-badge:nth-child(2)::after{animation-delay:1.8s}
.trust-badge:nth-child(3)::after{animation-delay:3.6s}

@keyframes trustBadgeSweep{
  0%{right:-40%;opacity:0}
  10%{opacity:.12}
  28%{opacity:.34}
  40%{right:112%;opacity:0}
  100%{right:112%;opacity:0}
}

.trust-badge__visual{
  position:relative;
  z-index:1;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(115,226,239,.18);
  border-radius:13px;
  color:#7FE8F1;
  background:rgba(16,200,223,.065);
}

.trust-badge__visual svg{
  width:30px;
  height:30px;
}

.trust-badge__copy{
  position:relative;
  z-index:1;
  display:grid;
  gap:3px;
}

.trust-badge__copy strong{
  color:#F2FAFC;
  font-size:.66rem;
}

.trust-badge__copy small{
  color:#8FA5B2;
  font-size:.52rem;
}

@media(max-width:760px){
  .site-footer__trust{
    margin-top:0;
  }

  .site-footer__trust-grid{
    display:grid;
    grid-template-columns:1fr;
  }

  .trust-badge{
    width:100%;
    min-width:0;
  }
}


/* Real eNamad link styling */
.trust-badge{
  text-decoration:none;
}

.trust-badge--enamad{
  cursor:pointer;
}


/* =========================================================
   FOOTER TRUST ICONS (MINIMAL)
========================================================= */
.site-footer__trust{
  display:flex;
  justify-content:center;
  margin-top:26px;
}

.site-footer__trust-icons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.trust-icon-card{
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  padding:10px;
  border:1px solid rgba(115,226,239,.12);
  border-radius:16px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 24px rgba(0,0,0,.12);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.trust-icon-card:hover{
  transform:translateY(-3px);
  border-color:rgba(115,226,239,.25);
  background:
    linear-gradient(145deg,rgba(16,200,223,.08),rgba(255,255,255,.03));
}

.trust-icon-card img{
  display:block;
  width:54px;
  height:54px;
  object-fit:contain;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.18));
}

.trust-icon-card svg{
  width:40px;
  height:40px;
  color:#7FE8F1;
  opacity:.96;
}

.trust-icon-card--enamad{
  cursor:pointer;
  text-decoration:none;
}

@media(max-width:760px){
  .site-footer__trust{
    margin-top:22px;
  }

  .site-footer__trust-icons{
    gap:10px;
  }

  .trust-icon-card{
    width:84px;
    height:84px;
    padding:8px;
    border-radius:14px;
  }

  .trust-icon-card img{
    width:48px;
    height:48px;
  }

  .trust-icon-card svg{
    width:34px;
    height:34px;
  }
}


/* Real Sazmandehi logo */
.trust-icon-card--sazmandehi img{
  width:58px !important;
  height:58px !important;
  object-fit:contain !important;
}

@media(max-width:760px){
  .trust-icon-card--sazmandehi img{
    width:50px !important;
    height:50px !important;
  }
}


/* Real SSL logo */
.trust-icon-card--ssl img{
  width:60px !important;
  height:60px !important;
  object-fit:contain !important;
}

@media(max-width:760px){
  .trust-icon-card--ssl img{
    width:52px !important;
    height:52px !important;
  }
}


/* Compact trust icons under active coverage */
.site-footer__trust--compact{
  display:block !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}

.site-footer__trust--compact .site-footer__trust-icons{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
}

.site-footer__trust--compact .trust-icon-card{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  padding:5px !important;
  border-radius:10px !important;
}

.site-footer__trust--compact .trust-icon-card img{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
}

.site-footer__trust--compact .trust-icon-card--sazmandehi img,
.site-footer__trust--compact .trust-icon-card--ssl img{
  width:39px !important;
  height:39px !important;
}

@media(max-width:760px){
  .site-footer__trust--compact .site-footer__trust-icons{
    justify-content:center !important;
  }

  .site-footer__trust--compact .trust-icon-card{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
  }

  .site-footer__trust--compact .trust-icon-card img{
    width:36px !important;
    height:36px !important;
  }
}


/* Trust badges replace official website contact card */
.site-footer__contact-trust{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:7px 9px;
  border:1px solid rgba(115,226,239,.11);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}

.site-footer__mini-badge{
  width:43px;
  height:43px;
  flex:0 0 43px;
  display:grid;
  place-items:center;
  padding:4px;
  border:1px solid rgba(115,226,239,.11);
  border-radius:9px;
  background:rgba(16,200,223,.035);
  transition:transform .2s ease,border-color .2s ease;
}

.site-footer__mini-badge:hover{
  transform:translateY(-2px);
  border-color:rgba(115,226,239,.25);
}

.site-footer__mini-badge img{
  display:block;
  width:34px;
  height:34px;
  object-fit:contain;
}

.site-footer__mini-badge--enamad{
  text-decoration:none;
  cursor:pointer;
}

.site-footer__coverage{
  padding-top:5px !important;
  padding-bottom:5px !important;
}

.site-footer__bottom{
  margin-top:24px !important;
}

@media(max-width:760px){
  .site-footer__contact-trust{
    justify-content:center;
  }

  .site-footer__bottom{
    margin-top:20px !important;
  }
}


/* =========================================================
   FLOATING ACTIONS + MOBILE QUICKBAR
========================================================= */
.floating-actions{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:120;
  display:grid;
  gap:8px;
}

.floating-actions__item{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(115,226,239,.16);
  border-radius:14px;
  color:#7FE8F1;
  background:rgba(6,22,36,.88);
  box-shadow:
    0 12px 28px rgba(0,0,0,.2),
    inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.floating-actions__item:hover{
  transform:translateY(-3px);
  border-color:rgba(115,226,239,.34);
  background:rgba(9,35,54,.96);
}

.floating-actions__item svg{
  width:21px;
  height:21px;
}

.floating-actions__item--whatsapp{
  color:#7FF1A5;
}

.floating-actions__item--top{
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
}

.floating-actions__item--top.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

.mobile-quickbar{
  display:none;
}

@media(max-width:760px){
  .floating-actions{
    display:none;
  }

  .mobile-quickbar{
    position:fixed;
    right:10px;
    bottom:10px;
    left:10px;
    z-index:130;
    display:grid;
    grid-template-columns:1fr 1.35fr 1fr;
    gap:7px;
    padding:7px;
    border:1px solid rgba(115,226,239,.16);
    border-radius:18px;
    background:rgba(5,19,31,.93);
    box-shadow:
      0 16px 34px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }

  .mobile-quickbar a{
    min-height:48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border-radius:12px;
    color:#CDEEF2;
    font-size:.56rem;
    font-weight:850;
    background:rgba(255,255,255,.025);
  }

  .mobile-quickbar a svg{
    width:18px;
    height:18px;
  }

  .mobile-quickbar__primary{
    color:#002D36 !important;
    background:linear-gradient(135deg,#55E3EE,#1AC0D5) !important;
  }

  body{
    padding-bottom:76px;
  }
}


/* Floating actions visual upgrade + Telegram */
.floating-actions__item--whatsapp{
  color:#FFFFFF !important;
  border-color:rgba(53,198,97,.65) !important;
  background:linear-gradient(135deg,#31C45D,#14A34A) !important;
  box-shadow:
    0 14px 28px rgba(20,163,74,.28),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.floating-actions__item--whatsapp:hover{
  background:linear-gradient(135deg,#38D66A,#149246) !important;
}

.floating-actions__item--telegram{
  color:#FFFFFF !important;
  border-color:rgba(42,171,238,.6) !important;
  background:linear-gradient(135deg,#2AABEE,#1183D6) !important;
  box-shadow:
    0 14px 28px rgba(17,131,214,.28),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.floating-actions__item--telegram:hover{
  background:linear-gradient(135deg,#34B7F5,#0F78C7) !important;
}

.mobile-quickbar{
  grid-template-columns:1fr 1fr 1.35fr 1fr !important;
}

.mobile-quickbar__telegram{
  color:#FFFFFF !important;
  background:linear-gradient(135deg,#2AABEE,#1183D6) !important;
}

.mobile-quickbar__whatsapp{
  color:#FFFFFF !important;
  background:linear-gradient(135deg,#31C45D,#14A34A) !important;
}

.mobile-quickbar__telegram span,
.mobile-quickbar__whatsapp span{
  color:#FFFFFF !important;
}

@media(max-width:760px){
  .mobile-quickbar a{
    min-height:50px !important;
  }

  .mobile-quickbar{
    gap:6px !important;
    padding:6px !important;
  }
}


/* Final order + mobile-only call/whatsapp */
.floating-actions__item--whatsapp{
  color:#FFFFFF !important;
  border-color:rgba(53,198,97,.70) !important;
  background:linear-gradient(135deg,#34C759,#149647) !important;
  box-shadow:
    0 14px 28px rgba(20,150,71,.30),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.floating-actions__item--whatsapp:hover{
  background:linear-gradient(135deg,#3BDC67,#11853F) !important;
}

.floating-actions__item--telegram{
  color:#FFFFFF !important;
  border-color:rgba(42,171,238,.60) !important;
  background:linear-gradient(135deg,#2AABEE,#1183D6) !important;
  box-shadow:
    0 14px 28px rgba(17,131,214,.28),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.floating-actions__item--telegram:hover{
  background:linear-gradient(135deg,#34B7F5,#0F78C7) !important;
}

.mobile-quickbar{
  grid-template-columns:1fr 1fr !important;
}

.mobile-quickbar__call{
  color:#D8F0F5 !important;
  background:rgba(255,255,255,.045) !important;
}

.mobile-quickbar__whatsapp{
  color:#FFFFFF !important;
  background:linear-gradient(135deg,#34C759,#149647) !important;
}

.mobile-quickbar__whatsapp span{
  color:#FFFFFF !important;
}

@media(max-width:760px){
  .mobile-quickbar{
    display:grid !important;
    right:12px !important;
    left:12px !important;
    bottom:12px !important;
    gap:8px !important;
    padding:8px !important;
  }

  .mobile-quickbar a{
    min-height:52px !important;
  }
}


/* Fix mobile quickbar overlapping with existing bottom sticky CTA */
@media(max-width:760px){
  .mobile-quickbar{
    bottom:92px !important;   /* place above رزرو خدمات / حساب کاربری bar */
    left:12px !important;
    right:12px !important;
    z-index:140 !important;
  }

  body{
    padding-bottom:164px !important; /* enough room for both bars */
  }

  .site-footer{
    padding-bottom:128px !important;
  }
}


/* =========================================================
   UNIFIED MOBILE BOTTOM BAR
   account | reservation | call | whatsapp
========================================================= */
@media(max-width:760px){
  .mobile-quickbar{
    display:none !important;
  }

  .mobile-unified-bar{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:7px !important;
    min-height:66px !important;
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-action{
    min-width:0 !important;
    min-height:50px !important;
    padding:5px 4px !important;
    border-radius:12px !important;
  }

  .mobile-unified-action{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    color:#D8EEF3 !important;
    border:1px solid rgba(115,226,239,.12) !important;
    background:rgba(255,255,255,.035) !important;
    font-size:.53rem !important;
    font-weight:850 !important;
    text-align:center !important;
  }

  .mobile-unified-action svg{
    width:18px !important;
    height:18px !important;
    flex:0 0 auto !important;
  }

  .mobile-unified-action span{
    display:block !important;
    white-space:nowrap !important;
  }

  .mobile-unified-action--call{
    color:#D8F4F8 !important;
    background:linear-gradient(145deg,rgba(11,91,111,.78),rgba(6,55,72,.88)) !important;
  }

  .mobile-unified-action--whatsapp{
    color:#FFFFFF !important;
    border-color:rgba(69,211,105,.4) !important;
    background:linear-gradient(135deg,#36C85D,#169848) !important;
  }

  body{
    padding-bottom:84px !important;
  }

  .site-footer{
    padding-bottom:88px !important;
  }
}

@media(max-width:390px){
  .mobile-unified-bar{
    gap:4px !important;
    padding:6px !important;
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-action{
    min-height:47px !important;
    padding-inline:2px !important;
  }

  .mobile-unified-action{
    font-size:.49rem !important;
  }

  .mobile-unified-action svg{
    width:17px !important;
    height:17px !important;
  }
}


/* =========================================================
   MOBILE BOTTOM NAV TOOLS + DRAWER + SEARCH
========================================================= */
.mobile-site-menu,
.mobile-search-modal,
.mobile-drawer-backdrop{
  display:none;
}

@media(max-width:760px){
  .mobile-unified-bar{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:4px !important;
    padding:6px !important;
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-action{
    min-height:49px !important;
    padding:4px 2px !important;
    font-size:.46rem !important;
    line-height:1.2 !important;
  }

  .mobile-unified-bar svg,
  .mobile-unified-action svg{
    width:17px !important;
    height:17px !important;
  }

  .mobile-unified-action--shop,
  .mobile-unified-action--search,
  .mobile-unified-action--menu{
    color:#D8EEF3 !important;
    border:1px solid rgba(115,226,239,.12) !important;
    background:rgba(255,255,255,.035) !important;
  }

  .mobile-unified-action--search,
  .mobile-unified-action--menu{
    appearance:none;
    cursor:pointer;
  }

  .mobile-drawer-backdrop{
    position:fixed;
    inset:0;
    z-index:190;
    display:block;
    visibility:hidden;
    opacity:0;
    background:rgba(1,10,18,.65);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    transition:opacity .25s ease,visibility .25s ease;
  }

  .mobile-drawer-backdrop.is-open{
    visibility:visible;
    opacity:1;
  }

  .mobile-site-menu{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:200;
    display:flex;
    flex-direction:column;
    width:min(84vw,340px);
    padding:18px;
    color:#fff;
    background:
      radial-gradient(circle at 100% 0%,rgba(16,200,223,.13),transparent 30%),
      #061624;
    border-left:1px solid rgba(115,226,239,.15);
    box-shadow:-24px 0 60px rgba(0,0,0,.34);
    transform:translateX(105%);
    transition:transform .28s ease;
  }

  .mobile-site-menu.is-open{
    transform:translateX(0);
  }

  .mobile-site-menu__head,
  .mobile-search-modal__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  .mobile-site-menu__head strong,
  .mobile-search-modal__head strong{
    font-size:.82rem;
  }

  .mobile-site-menu__head button,
  .mobile-search-modal__head button{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(115,226,239,.14);
    border-radius:11px;
    color:#D9F5F8;
    background:rgba(255,255,255,.04);
  }

  .mobile-site-menu__head svg,
  .mobile-search-modal__head svg{
    width:18px;
    height:18px;
  }

  .mobile-site-menu__links{
    display:grid;
    gap:7px;
    margin-top:20px;
  }

  .mobile-site-menu__links a{
    min-height:45px;
    display:flex;
    align-items:center;
    padding:0 13px;
    border:1px solid rgba(115,226,239,.09);
    border-radius:11px;
    color:#CDE2E8;
    background:rgba(255,255,255,.025);
    font-size:.67rem;
    font-weight:800;
  }

  .mobile-search-modal{
    position:fixed;
    inset:0;
    z-index:210;
    display:grid;
    place-items:center;
    padding:18px;
    visibility:hidden;
    opacity:0;
    background:rgba(1,10,18,.76);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    transition:opacity .22s ease,visibility .22s ease;
  }

  .mobile-search-modal.is-open{
    visibility:visible;
    opacity:1;
  }

  .mobile-search-modal__box{
    width:min(100%,440px);
    padding:17px;
    border:1px solid rgba(115,226,239,.16);
    border-radius:18px;
    background:#071B2B;
    box-shadow:0 24px 70px rgba(0,0,0,.36);
  }

  .mobile-search-form{
    display:grid;
    gap:9px;
    margin-top:15px;
  }

  .mobile-search-form input{
    width:100%;
    min-height:50px;
    padding:0 13px;
    border:1px solid rgba(115,226,239,.13);
    border-radius:11px;
    color:#EAF9FB;
    background:rgba(255,255,255,.045);
    outline:none;
    font:inherit;
    font-size:.66rem;
    user-select:text !important;
    -webkit-user-select:text !important;
  }

  .mobile-search-form input:focus{
    border-color:rgba(115,226,239,.38);
    box-shadow:0 0 0 3px rgba(16,200,223,.07);
  }

  .mobile-search-form button{
    min-height:47px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:0;
    border-radius:11px;
    color:#00323B;
    background:linear-gradient(135deg,#55E3EE,#1AC0D5);
    font:inherit;
    font-size:.68rem;
    font-weight:900;
  }

  .mobile-search-form button svg{
    width:18px;
    height:18px;
  }

  body.mobile-overlay-open{
    overflow:hidden;
  }
}

@media(max-width:390px){
  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-action{
    font-size:.42rem !important;
  }

  .mobile-unified-bar svg,
  .mobile-unified-action svg{
    width:16px !important;
    height:16px !important;
  }
}


/* =========================================================
   MOBILE ICON BAR – final compact order
========================================================= */
@media(max-width:760px){
  .mobile-unified-bar{
    position:fixed;
    right:10px;
    left:10px;
    bottom:10px;
    z-index:180;
    display:grid !important;
    direction:rtl;
    grid-template-columns:repeat(6, minmax(0,1fr));
    align-items:center;
    gap:5px;
    padding:7px;
    border:1px solid rgba(115,226,239,.16);
    border-radius:18px;
    background:rgba(5,19,31,.94);
    box-shadow:
      0 16px 34px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-action{
    min-width:0;
    min-height:50px;
    padding:4px 3px;
    border:1px solid rgba(115,226,239,.12);
    border-radius:13px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:#D8EEF3;
    background:rgba(255,255,255,.035);
    text-align:center;
    box-shadow:none;
    transition:
      transform .2s ease,
      box-shadow .2s ease,
      border-color .2s ease,
      background .2s ease;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-unified-bar > a:hover,
  .mobile-unified-bar > button:hover,
  .mobile-unified-bar > a:focus-visible,
  .mobile-unified-bar > button:focus-visible,
  .mobile-unified-bar > a:active,
  .mobile-unified-bar > button:active,
  .mobile-unified-bar > a[aria-current="page"],
  .mobile-unified-bar > button.is-active{
    transform:translateY(-4px) scale(1.05);
    border-color:rgba(115,226,239,.34);
    box-shadow:0 12px 24px rgba(0,0,0,.24);
  }

  .mobile-unified-bar svg{
    width:18px;
    height:18px;
    flex:0 0 auto;
  }

  .mobile-unified-bar span{
    display:none;
  }


  .mobile-unified-action--whatsapp{
    color:#FFFFFF !important;
    border-color:rgba(69,211,105,.42) !important;
    background:linear-gradient(135deg,#36C85D,#169848) !important;
  }

  .mobile-unified-action--call{
    background:linear-gradient(145deg,rgba(11,91,111,.78),rgba(6,55,72,.88)) !important;
  }

  .mobile-unified-action--search,
  .mobile-unified-action--menu,
  .mobile-unified-action--shop,
  .mobile-unified-action--account{
    color:#D8EEF3 !important;
  }

  .mobile-unified-action--search,
  .mobile-unified-action--menu{
    appearance:none;
    cursor:pointer;
  }

  body{
    padding-bottom:86px !important;
  }

  .site-footer{
    padding-bottom:92px !important;
  }
}

@media(max-width:460px){
  .mobile-unified-bar{
    gap:4px;
    padding:6px;
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-action{
    min-height:47px;
    border-radius:12px;
    padding:3px 2px;
  }

  .mobile-unified-bar svg{
    width:17px;
    height:17px;
  }

  .mobile-unified-action--primary span{
    font-size:.48rem;
  }
}

@media(max-width:390px){
  .mobile-unified-bar{
    grid-template-columns:repeat(6, minmax(0,1fr));
    gap:3px;
    padding:5px;
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-action{
    min-height:44px;
  }

  .mobile-unified-bar svg{
    width:16px;
    height:16px;
  }

}


/* =========================================================
   LUXURY GLASS MOBILE DOCK
========================================================= */
@media(max-width:760px){
  .mobile-unified-bar{
    right:12px !important;
    left:12px !important;
    bottom:12px !important;
    min-height:68px !important;
    padding:8px !important;
    gap:7px !important;
    border:1px solid rgba(120,234,244,.22) !important;
    border-radius:22px !important;
    background:
      linear-gradient(145deg,rgba(10,31,48,.94),rgba(5,18,30,.96)) !important;
    box-shadow:
      0 22px 50px rgba(0,0,0,.34),
      0 0 0 1px rgba(255,255,255,.025) inset,
      0 1px 0 rgba(255,255,255,.08) inset !important;
    backdrop-filter:blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter:blur(22px) saturate(145%) !important;
  }

  .mobile-unified-bar::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
      radial-gradient(circle at 20% 0%,rgba(76,224,238,.13),transparent 35%),
      linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-action{
    position:relative;
    min-height:50px !important;
    border:1px solid rgba(116,224,236,.10) !important;
    border-radius:15px !important;
    color:#D9F4F7 !important;
    background:
      linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 6px 14px rgba(0,0,0,.08) !important;
    overflow:visible !important;
  }

  .mobile-unified-bar > a::after,
  .mobile-unified-bar > button::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:4px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#67E8F2;
    opacity:0;
    transform:translateX(-50%) scale(.5);
    box-shadow:0 0 12px rgba(103,232,242,.9);
    transition:.2s ease;
  }

  .mobile-unified-bar > a:hover,
  .mobile-unified-bar > button:hover,
  .mobile-unified-bar > a:focus-visible,
  .mobile-unified-bar > button:focus-visible,
  .mobile-unified-bar > a:active,
  .mobile-unified-bar > button:active,
  .mobile-unified-bar > a[aria-current="page"],
  .mobile-unified-bar > button.is-active,
  .mobile-unified-bar > a.is-active{
    transform:translateY(-7px) scale(1.08) !important;
    border-color:rgba(103,232,242,.36) !important;
    background:
      linear-gradient(145deg,rgba(26,193,214,.18),rgba(255,255,255,.045)) !important;
    box-shadow:
      0 16px 28px rgba(0,0,0,.24),
      0 0 22px rgba(35,201,222,.12),
      inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  .mobile-unified-bar > a:hover::after,
  .mobile-unified-bar > button:hover::after,
  .mobile-unified-bar > a:focus-visible::after,
  .mobile-unified-bar > button:focus-visible::after,
  .mobile-unified-bar > a:active::after,
  .mobile-unified-bar > button:active::after,
  .mobile-unified-bar > a[aria-current="page"]::after,
  .mobile-unified-bar > button.is-active::after,
  .mobile-unified-bar > a.is-active::after{
    opacity:1;
    transform:translateX(-50%) scale(1);
  }

  .mobile-unified-bar svg{
    width:20px !important;
    height:20px !important;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.18));
  }

  .mobile-unified-action--whatsapp{
    color:#FFFFFF !important;
    border-color:rgba(81,224,117,.30) !important;
    background:
      linear-gradient(145deg,rgba(45,196,91,.95),rgba(20,137,64,.98)) !important;
    box-shadow:
      0 8px 20px rgba(20,150,70,.22),
      inset 0 1px 0 rgba(255,255,255,.20) !important;
  }

  .mobile-unified-action--call{
    color:#E8FCFF !important;
    border-color:rgba(72,211,230,.24) !important;
    background:
      linear-gradient(145deg,rgba(9,110,135,.86),rgba(4,64,82,.96)) !important;
  }

  .mobile-unified-action--menu{
    color:#7FE8F1 !important;
  }

  .mobile-unified-action--search{
    color:#B8F1F6 !important;
  }

  .mobile-unified-action--shop{
    color:#F0DCA6 !important;
  }

  .mobile-unified-action--account{
    color:#D4C7FF !important;
  }

  body{
    padding-bottom:92px !important;
  }

  .site-footer{
    padding-bottom:98px !important;
  }
}

@media(max-width:390px){
  .mobile-unified-bar{
    gap:5px !important;
    padding:7px !important;
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-action{
    min-height:47px !important;
    border-radius:14px !important;
  }

  .mobile-unified-bar svg{
    width:18px !important;
    height:18px !important;
  }
}


/* =========================================================
   PREMIUM APP-LIKE GLASS DOCK
========================================================= */
@media(max-width:760px){
  .mobile-unified-bar{
    right:14px !important;
    left:14px !important;
    bottom:12px !important;
    min-height:66px !important;
    gap:5px !important;
    padding:7px !important;
    border:1px solid rgba(152,240,247,.20) !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 50% -35%,rgba(84,228,240,.17),transparent 52%),
      linear-gradient(145deg,rgba(8,29,45,.94),rgba(3,15,26,.97)) !important;
    box-shadow:
      0 25px 55px rgba(0,0,0,.38),
      0 8px 24px rgba(0,126,150,.08),
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.28) !important;
    overflow:visible !important;
  }

  .mobile-unified-bar::before{
    content:"";
    position:absolute;
    top:1px;
    right:15%;
    left:15%;
    height:1px;
    border-radius:100%;
    background:linear-gradient(
      90deg,
      transparent,
      rgba(196,249,252,.55),
      transparent
    );
    pointer-events:none;
  }

  .mobile-unified-bar::after{
    content:"";
    position:absolute;
    right:20%;
    bottom:-5px;
    left:20%;
    height:9px;
    border-radius:50%;
    background:rgba(14,196,218,.13);
    filter:blur(10px);
    pointer-events:none;
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button{
    isolation:isolate;
    min-height:50px !important;
    border:1px solid transparent !important;
    border-radius:16px !important;
    background:transparent !important;
    box-shadow:none !important;
    transform-origin:center bottom;
    transition:
      transform .28s cubic-bezier(.2,.9,.3,1.25),
      color .2s ease,
      background .2s ease,
      box-shadow .25s ease,
      border-color .2s ease !important;
  }

  .mobile-unified-bar > a::before,
  .mobile-unified-bar > button::before{
    content:"";
    position:absolute;
    inset:3px;
    z-index:-1;
    border:1px solid rgba(255,255,255,.035);
    border-radius:13px;
    background:
      linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.008));
    opacity:.76;
    transition:.25s ease;
  }

  .mobile-unified-bar > a::after,
  .mobile-unified-bar > button::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:3px;
    width:16px;
    height:3px;
    border-radius:999px;
    background:#72ECF5;
    opacity:0;
    transform:translateX(-50%) scaleX(.25);
    box-shadow:
      0 0 8px rgba(114,236,245,.9),
      0 0 16px rgba(26,197,218,.5);
    transition:.25s ease;
  }

  .mobile-unified-bar > a:hover,
  .mobile-unified-bar > button:hover,
  .mobile-unified-bar > a:active,
  .mobile-unified-bar > button:active,
  .mobile-unified-bar > a:focus-visible,
  .mobile-unified-bar > button:focus-visible,
  .mobile-unified-bar > a.is-active,
  .mobile-unified-bar > button.is-active,
  .mobile-unified-bar > a[aria-current="page"]{
    z-index:3;
    transform:translateY(-10px) scale(1.13) !important;
    border-color:rgba(120,234,244,.25) !important;
    background:
      radial-gradient(circle at 50% 15%,rgba(142,244,250,.18),transparent 50%),
      linear-gradient(145deg,rgba(18,78,96,.92),rgba(7,39,54,.97)) !important;
    box-shadow:
      0 15px 25px rgba(0,0,0,.32),
      0 0 0 5px rgba(8,26,40,.82),
      0 0 24px rgba(32,202,221,.19),
      inset 0 1px 0 rgba(255,255,255,.15) !important;
  }

  .mobile-unified-bar > a:hover::before,
  .mobile-unified-bar > button:hover::before,
  .mobile-unified-bar > a:active::before,
  .mobile-unified-bar > button:active::before,
  .mobile-unified-bar > a:focus-visible::before,
  .mobile-unified-bar > button:focus-visible::before,
  .mobile-unified-bar > a.is-active::before,
  .mobile-unified-bar > button.is-active::before,
  .mobile-unified-bar > a[aria-current="page"]::before{
    opacity:0;
  }

  .mobile-unified-bar > a:hover::after,
  .mobile-unified-bar > button:hover::after,
  .mobile-unified-bar > a:active::after,
  .mobile-unified-bar > button:active::after,
  .mobile-unified-bar > a:focus-visible::after,
  .mobile-unified-bar > button:focus-visible::after,
  .mobile-unified-bar > a.is-active::after,
  .mobile-unified-bar > button.is-active::after,
  .mobile-unified-bar > a[aria-current="page"]::after{
    opacity:1;
    transform:translateX(-50%) scaleX(1);
  }

  .mobile-unified-bar svg{
    width:21px !important;
    height:21px !important;
    filter:
      drop-shadow(0 2px 4px rgba(0,0,0,.35))
      drop-shadow(0 0 7px currentColor);
    transition:transform .25s ease,filter .25s ease;
  }

  .mobile-unified-bar > a:hover svg,
  .mobile-unified-bar > button:hover svg,
  .mobile-unified-bar > a:active svg,
  .mobile-unified-bar > button:active svg,
  .mobile-unified-bar > a.is-active svg,
  .mobile-unified-bar > button.is-active svg{
    transform:scale(1.06);
    filter:
      drop-shadow(0 3px 5px rgba(0,0,0,.32))
      drop-shadow(0 0 10px currentColor);
  }

  .mobile-unified-action--menu{
    color:#79ECF4 !important;
  }

  .mobile-unified-action--search{
    color:#B8F5FA !important;
  }

  .mobile-unified-action--shop{
    color:#FFD98A !important;
  }

  .mobile-unified-action--account{
    color:#D6C8FF !important;
  }

  .mobile-unified-action--call{
    color:#BFF7FC !important;
  }

  .mobile-unified-action--whatsapp{
    color:#A4F6B8 !important;
  }

  .mobile-unified-action--whatsapp.is-active,
  .mobile-unified-action--whatsapp:active,
  .mobile-unified-action--whatsapp:hover{
    color:#FFFFFF !important;
    border-color:rgba(90,229,124,.35) !important;
    background:
      radial-gradient(circle at 50% 15%,rgba(190,255,203,.18),transparent 50%),
      linear-gradient(145deg,#28B956,#128540) !important;
    box-shadow:
      0 15px 25px rgba(0,0,0,.30),
      0 0 0 5px rgba(8,26,40,.82),
      0 0 25px rgba(48,201,91,.24),
      inset 0 1px 0 rgba(255,255,255,.20) !important;
  }

  body{
    padding-bottom:94px !important;
  }

  .site-footer{
    padding-bottom:100px !important;
  }
}

@media(max-width:390px){
  .mobile-unified-bar{
    right:8px !important;
    left:8px !important;
    gap:3px !important;
    padding:6px !important;
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button{
    min-height:47px !important;
    border-radius:14px !important;
  }

  .mobile-unified-bar svg{
    width:19px !important;
    height:19px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .mobile-unified-bar > a,
  .mobile-unified-bar > button,
  .mobile-unified-bar svg{
    transition:none !important;
  }
}


/* Protective restore for top mobile header buttons */
@media (max-width: 760px){
  .mobile-unified-bar{
    position: fixed !important;
  }
}


/* =========================================================
   RESTORE TOP MOBILE ACTIONS + KEEP BOTTOM DOCK ONLY ON MOBILE
========================================================= */

/* hide both by default where needed */
.mobile-header-actions{
  display:none;
}

.mobile-unified-bar{
  display:none;
}

/* mobile header two-button bar */
@media (max-width: 760px){
  .mobile-header-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:14px;
    width:100%;
  }

  .mobile-header-action{
    min-height:52px;
    padding:0 14px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid rgba(115,226,239,.16);
    text-decoration:none;
    box-shadow:
      0 8px 18px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.06);
    transition:
      transform .2s ease,
      box-shadow .2s ease,
      border-color .2s ease;
  }

  .mobile-header-action:hover,
  .mobile-header-action:focus-visible,
  .mobile-header-action:active{
    transform:translateY(-2px);
    box-shadow:
      0 12px 22px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.08);
  }

  .mobile-header-action svg{
    width:19px;
    height:19px;
    flex:0 0 auto;
  }

  .mobile-header-action span{
    font-size:.92rem;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
  }

  .mobile-header-action--outline{
    color:#E6F6F9;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  }

  .mobile-header-action--primary{
    color:#032A31;
    border-color:transparent;
    background:linear-gradient(135deg,#59E4EE,#20C5D9);
  }

  .mobile-unified-bar{
    display:grid !important;
  }
}

@media (max-width: 430px){
  .mobile-header-actions{
    gap:8px;
    margin-top:12px;
  }

  .mobile-header-action{
    min-height:50px;
    padding:0 10px;
    border-radius:14px;
    gap:8px;
  }

  .mobile-header-action span{
    font-size:.84rem;
  }

  .mobile-header-action svg{
    width:18px;
    height:18px;
  }
}


/* =========================================================
   Desktop header actions only
========================================================= */
.desktop-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.desktop-header-actions .header-btn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 18px;
  border-radius:14px;
  font-weight:800;
  white-space:nowrap;
}

.desktop-header-actions .header-btn svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
}

@media (max-width: 1024px){
  .desktop-header-actions{
    display:none !important;
  }
}

@media (min-width: 1025px){
  .mobile-header-actions{
    display:none !important;
  }
}

/* ensure original mobile-injected header action bars are not shown */
@media (max-width: 1024px){
  .mobile-header-actions{
    display:none !important;
  }

  .header-actions{
    display:none !important;
  }
}


/* =========================================================
   Requested fixes: desktop button size, mobile header cleanup,
   centered mobile logo, working bottom menu drawer
========================================================= */

/* Smaller desktop quick actions so header stays clean */
@media (min-width: 1025px){
  .desktop-header-actions{
    gap:8px !important;
  }

  .desktop-header-actions .header-btn{
    min-height:42px !important;
    padding:0 14px !important;
    border-radius:12px !important;
    gap:7px !important;
    font-size:.92rem !important;
  }

  .desktop-header-actions .header-btn svg{
    width:16px !important;
    height:16px !important;
  }
}

/* Mobile header cleanup */
@media (max-width: 1024px){
  .desktop-header-actions{
    display:none !important;
  }
}

@media (max-width: 760px){
  /* remove top hamburger */
  .menu-toggle{
    display:none !important;
  }

  /* center the header logo in mobile */
  .navbar__inner{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    align-items:center !important;
    min-height:72px !important;
    gap:0 !important;
  }

  .brand,
  .brand--real-logo{
    margin-inline:auto !important;
    justify-self:center !important;
  }

  .brand__real-image{
    display:block;
    margin-inline:auto !important;
  }

  /* keep desktop menu hidden on mobile */
  .main-menu{
    display:none !important;
  }

  /* ensure there are no old floating top action bars */
  .mobile-header-actions,
  .header-actions{
    display:none !important;
  }

  /* mobile drawer styling */
  .mobile-site-menu__links{
    display:grid !important;
    gap:9px !important;
    margin-top:18px !important;
  }

  .mobile-site-menu__links a{
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:0 14px !important;
    border:1px solid rgba(115,226,239,.11) !important;
    border-radius:12px !important;
    color:#DCECF1 !important;
    background:rgba(255,255,255,.028) !important;
    font-size:.82rem !important;
    font-weight:800 !important;
    text-decoration:none !important;
  }

  .mobile-site-menu__links a:hover,
  .mobile-site-menu__links a:focus-visible,
  .mobile-site-menu__links a:active{
    border-color:rgba(114,236,245,.25) !important;
    background:rgba(20,78,97,.42) !important;
  }
}


/* Definitive mobile drawer visibility fix */
@media(max-width:760px){
  .mobile-site-menu{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:translateX(105%) !important;
    pointer-events:none !important;
    overflow-y:auto !important;
  }

  .mobile-site-menu.is-open{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }

  .mobile-drawer-backdrop[hidden]{
    display:none !important;
  }

  .mobile-drawer-backdrop:not([hidden]){
    display:block !important;
  }

  .mobile-site-menu__links{
    display:grid !important;
    gap:9px !important;
  }

  .mobile-site-menu__links a{
    min-height:49px !important;
    font-size:.82rem !important;
  }
}


/* Hide mobile logo when hamburger drawer is open */
@media (max-width: 760px){
  .brand,
  .brand--real-logo{
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
  }

  body.mobile-menu-open .brand,
  body.mobile-menu-open .brand--real-logo{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(.96) !important;
  }

  /* keep drawer above hero content */
  .mobile-site-menu{
    z-index: 170 !important;
  }
}


/* =========================================================
   Better mobile menu layout: open below header, keep logo visible,
   remove heavy blur/hide effect
========================================================= */
@media (max-width: 760px){
  /* keep logo visible even if mobile-menu-open class exists */
  body.mobile-menu-open .brand,
  body.mobile-menu-open .brand--real-logo{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  /* lighter overlay without strong blur */
  .mobile-drawer-backdrop{
    background: rgba(2, 12, 22, .28) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* open the menu below the header area and above bottom dock */
  .mobile-site-menu{
    top: 116px !important;
    right: 12px !important;
    left: 12px !important;
    bottom: 92px !important;
    width: auto !important;
    padding: 14px !important;
    border: 1px solid rgba(115,226,239,.14) !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(16,200,223,.10), transparent 28%),
      linear-gradient(160deg, rgba(6,22,36,.98), rgba(3,14,26,.98)) !important;
    box-shadow:
      0 18px 50px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.04) !important;
    border-left: 1px solid rgba(115,226,239,.14) !important;
    transform: translateY(12px) scale(.98) !important;
    opacity: 0 !important;
    transition: transform .24s ease, opacity .24s ease !important;
    overflow-y: auto !important;
  }

  .mobile-site-menu.is-open{
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
  }

  .mobile-site-menu__head{
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(115,226,239,.10) !important;
  }

  .mobile-site-menu__head strong{
    font-size: .88rem !important;
    font-weight: 900 !important;
  }

  .mobile-site-menu__links{
    gap: 10px !important;
  }

  .mobile-site-menu__links a{
    min-height: 52px !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.028), rgba(255,255,255,.012)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  .mobile-site-menu__links a:hover,
  .mobile-site-menu__links a:focus-visible,
  .mobile-site-menu__links a:active{
    transform: translateY(-1px) !important;
  }
}


/* =========================================================
   Mobile menu scroll fix
========================================================= */
@media (max-width: 760px){
  .mobile-site-menu{
    max-height: calc(100vh - 208px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    scrollbar-width: thin;
  }

  .mobile-site-menu__links{
    padding-bottom: 18px !important;
  }

  .mobile-site-menu__links a:last-child{
    margin-bottom: 8px !important;
  }
}


/* =========================================================
   Centered legal footer
========================================================= */
.site-footer__bottom{
  display:grid !important;
  justify-items:center !important;
  text-align:center !important;
  gap:10px !important;
  margin-top:24px !important;
}

.site-footer__copyright{
  width:min(100%, 860px);
  color:#8EA5B2;
  font-size:.66rem;
  line-height:1.95;
}

.site-footer__legal-links{
  display:flex !important;
  align-items:center;
  justify-content:center !important;
  flex-wrap:wrap;
  gap:16px !important;
}

.site-footer__bottom a{
  color:#9EB3BE;
  text-decoration:none;
}

.site-footer__bottom a:hover{
  color:#70E5EF;
}

@media (max-width:760px){
  .site-footer__bottom{
    gap:8px !important;
    margin-top:18px !important;
  }

  .site-footer__copyright{
    font-size:.6rem;
    line-height:1.9;
  }

  .site-footer__legal-links{
    gap:12px !important;
  }
}


/* Final true centering for copyright and legal links */
.site-footer__bottom{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  direction:rtl !important;
}

.site-footer__copyright{
  display:block !important;
  width:100% !important;
  max-width:900px !important;
  margin:0 auto !important;
  padding-inline:16px !important;
  text-align:center !important;
  direction:rtl !important;
}

.site-footer__legal-links{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  text-align:center !important;
  direction:rtl !important;
}

.site-footer__legal-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

@media(max-width:760px){
  .site-footer__copyright{
    padding-inline:8px !important;
  }
}


/* =========================================================
   Center align footer contact block items
========================================================= */
.site-footer__contact{
  justify-items:center !important;
  text-align:center !important;
}

.site-footer__contact h3{
  width:100%;
  text-align:center !important;
}

.site-footer__contact-item{
  width:min(100%, 360px);
  margin-inline:auto !important;
}

.site-footer__contact-item > span:last-child{
  width:100%;
  text-align:center !important;
  justify-items:center !important;
}

.site-footer__contact-item small,
.site-footer__contact-item strong{
  text-align:center !important;
}

.site-footer__contact-trust{
  justify-content:center !important;
  margin-inline:auto !important;
}

.site-footer__coverage{
  width:100%;
  justify-content:center !important;
  text-align:center !important;
  margin-inline:auto !important;
}

.site-footer__coverage span:last-child{
  text-align:center !important;
}


/* =========================================================
   Center footer social icons
========================================================= */
.site-footer__social{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin-inline:auto !important;
}

.site-footer__social a{
  display:grid !important;
  place-items:center !important;
}


/* =========================================================
   Balance footer boxes: trust badges box matches support box
========================================================= */
.site-footer__contact-trust{
  width:min(100%, 360px) !important;
  margin-inline:auto !important;
  padding:10px 12px !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

.site-footer__contact-trust .site-footer__badge-link,
.site-footer__contact-trust .site-footer__badge{
  flex:0 0 auto !important;
}

@media (max-width:760px){
  .site-footer__contact-trust{
    width:min(100%, 360px) !important;
  }
}


/* Stable final safeguards */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

img{
  max-width:100%;
  height:auto;
}

a:focus-visible,
button:focus-visible,
input:focus-visible{
  outline:2px solid #69E8F2;
  outline-offset:3px;
}


/* =========================================================
   COMPATIBILITY HOTFIXES (WordPress / Elementor / theme button collisions)
========================================================= */
.site-header button,
.site-header a,
.quick-services a,
.quick-services button,
.service-process a,
.service-process button,
.service-coverage a,
.warranty-hub a,
.warranty-hub button,
.customer-reviews a,
.customer-reviews button,
.home-faq a,
.home-faq button,
.final-service-cta a,
.final-service-cta button{
  font-family:inherit;
}

.city-selector__toggle,
.city-option,
.menu-dropdown__toggle,
.menu-toggle,
.header-btn,
.mobile-unified-action,
.reviews-carousel__button,
.reviews-carousel__dot,
.faq-item__button{
  -webkit-appearance:none !important;
  appearance:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  outline:none;
}

.city-selector__toggle,
.menu-dropdown__toggle,
.menu-toggle,
.header-btn{
  background-clip:padding-box;
}

/* keep coverage cards readable even if parent theme styles links */
.coverage-device,
.coverage-device:visited{
  color:#F4FBFD !important;
  text-decoration:none !important;
}
.coverage-device strong{
  color:#F4FBFD !important;
}
.coverage-device small{
  color:#AABBC5 !important;
}

/* reviews carousel controls */
.reviews-carousel__controls{
  flex-wrap:wrap !important;
  gap:10px !important;
}

.reviews-carousel__button{
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(115,226,239,.16) !important;
  border-radius:12px !important;
  color:#9DEEF5 !important;
  background:rgba(255,255,255,.05) !important;
  display:grid !important;
  place-items:center !important;
  line-height:1 !important;
}
.reviews-carousel__button:hover{
  color:#06202B !important;
  border-color:transparent !important;
  background:linear-gradient(135deg,#55E3EE,#1AC0D5) !important;
}
.reviews-carousel__dots{
  gap:8px !important;
}
.reviews-carousel__dot{
  display:block !important;
  flex:0 0 auto !important;
  width:8px !important;
  min-width:8px !important;
  max-width:8px !important;
  height:8px !important;
  min-height:8px !important;
  max-height:8px !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.22) !important;
  cursor:pointer !important;
}
.reviews-carousel__dot.is-active{
  width:24px !important;
  min-width:24px !important;
  max-width:24px !important;
  background:#63E5F0 !important;
}
.reviews-carousel.is-paused .reviews-carousel__dot.is-active{
  background:#BEDA87 !important;
}

/* faq accordion buttons: prevent blue WP/plugin button styles */
.faq-item{
  background:rgba(255,255,255,.82) !important;
}
.faq-item__button{
  width:100% !important;
  min-height:54px !important;
  padding:0 15px !important;
  margin:0 !important;
  border:none !important;
  border-radius:0 !important;
  color:#102A3D !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  font-size:.75rem !important;
  font-weight:850 !important;
  text-align:right !important;
}
.faq-item__button:hover,
.faq-item.is-open .faq-item__button{
  background:transparent !important;
}
.faq-item__button i{
  background:rgba(16,200,223,.08) !important;
}
.faq-item__answer,
.faq-item__answer p{
  background:transparent !important;
}

/* logged-in toolbar compatibility */
body.admin-bar .floating-actions{
  z-index:9998;
}


/* =========================================================
   RESTORE HERO TRUST ICONS
========================================================= */
.hero__trust .trust-item__icon{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hero__trust .trust-item__icon svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#45DDEA !important;
  stroke:#45DDEA !important;
  fill:none !important;
}
.hero__trust .trust-item__icon svg path,
.hero__trust .trust-item__icon svg circle,
.hero__trust .trust-item__icon svg rect,
.hero__trust .trust-item__icon svg polyline,
.hero__trust .trust-item__icon svg line{
  stroke:#45DDEA !important;
  stroke-width:1.8 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* =========================================================
   FINAL HERO FEATURE ICON RESTORE 1.5
========================================================= */
.hero__bottom-strip .hero-feature{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
}
.hero__bottom-strip .hero-feature svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  padding:10px !important;
  box-sizing:content-box !important;
  border:1px solid rgba(95,226,240,.22) !important;
  border-radius:13px !important;
  color:#62E2EF !important;
  background:linear-gradient(145deg,rgba(88,229,242,.16),rgba(16,200,223,.045)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 8px 20px rgba(0,0,0,.16) !important;
  overflow:visible !important;
}
.hero__bottom-strip .hero-feature svg path,
.hero__bottom-strip .hero-feature svg circle,
.hero__bottom-strip .hero-feature svg rect,
.hero__bottom-strip .hero-feature svg line,
.hero__bottom-strip .hero-feature svg polyline{
  stroke:#62E2EF !important;
  stroke-width:1.8 !important;
  fill:none !important;
  opacity:1 !important;
  visibility:visible !important;
}


/* =========================================================
   NAMYRAN HOMEPAGE FINAL VISUAL HARDENING 1.6
========================================================= */
/* Hero bottom icons retain the approved rounded-square glass appearance. */
.hero__bottom-strip .hero-feature{
  border-radius:16px !important;
}
.hero__bottom-strip .hero-feature svg,
.hero__trust .trust-item__icon{
  border-radius:12px !important;
}
.hero__trust .trust-item__icon{
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(93,225,239,.2) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(16,200,223,.055)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.hero__trust .trust-item__icon svg{
  width:22px !important;
  height:22px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}


/* =========================================================
   SAFE HEADER LAYOUT — no absolute positioning
   Phone/actions physically left, support/logo physically right
========================================================= */
@media (min-width:1025px){
  .site-header .topbar__inner{
    width:min(calc(100% - 32px),1240px) !important;
    display:grid !important;
    grid-template-columns:minmax(210px,1fr) auto !important;
    align-items:center !important;
    column-gap:28px !important;
    direction:ltr !important;
  }

  .site-header .topbar__phone{
    grid-column:1 !important;
    justify-self:start !important;
    margin:0 !important;
    position:static !important;
    inset:auto !important;
    transform:none !important;
    direction:ltr !important;
    color:#fff !important;
    white-space:nowrap !important;
    z-index:auto !important;
  }

  .site-header .topbar__phone:hover,
  .site-header .topbar__phone:focus-visible{
    color:#70E5EF !important;
  }

  .site-header .topbar__support-group{
    grid-column:2 !important;
    justify-self:end !important;
    margin:0 !important;
    position:static !important;
    inset:auto !important;
    transform:none !important;
    direction:rtl !important;
    white-space:nowrap !important;
  }

  .site-header .navbar__inner{
    width:min(calc(100% - 32px),1240px) !important;
    display:grid !important;
    grid-template-columns:minmax(280px,auto) minmax(0,1fr) minmax(240px,auto) !important;
    align-items:center !important;
    column-gap:24px !important;
    direction:ltr !important;
  }

  .site-header .desktop-header-actions{
    grid-column:1 !important;
    justify-self:start !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    margin:0 !important;
    position:static !important;
    inset:auto !important;
    transform:none !important;
    direction:rtl !important;
    z-index:auto !important;
  }

  .site-header .main-menu{
    grid-column:2 !important;
    justify-self:center !important;
    margin:0 !important;
    direction:rtl !important;
  }

  .site-header .brand--real-logo{
    grid-column:3 !important;
    justify-self:end !important;
    margin:0 !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    direction:rtl !important;
  }
}

/* Mobile logo remains truly centered and desktop actions stay hidden */
@media (max-width:1024px){
  .site-header .desktop-header-actions{
    display:none !important;
  }
}

@media (max-width:760px){
  .site-header .navbar__inner{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:72px !important;
    padding-inline:64px !important;
    direction:rtl !important;
  }

  .site-header .brand--real-logo{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 auto !important;
    justify-content:center !important;
    justify-self:center !important;
  }

  .site-header .brand__real-image{
    display:block !important;
    margin:0 auto !important;
    max-width:210px !important;
    height:auto !important;
    object-fit:contain !important;
  }
}


/* =========================================================
   MOBILE LOGO — FINAL TRUE CENTER
   Applies to homepage and every inner page only on mobile.
========================================================= */
@media (max-width:760px){
  html body .site-header .navbar{
    position:relative !important;
    width:100% !important;
    overflow:visible !important;
  }

  html body .site-header .navbar > .navbar__inner,
  html body .site-header .navbar .container.navbar__inner{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    min-height:78px !important;
    margin:0 !important;
    padding:8px 58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    direction:ltr !important;
  }

  html body .site-header .navbar__inner > .brand--real-logo{
    display:none !important;
  }

  html body .site-header .navbar__inner > .namyran-mobile-logo{
    display:flex !important;
    position:absolute !important;
    inset:auto !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:min(230px,64vw) !important;
    height:62px !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translate(-50%,-50%) !important;
    transform-origin:center center !important;
    z-index:20 !important;
    overflow:visible !important;
  }

  html body .site-header .navbar__inner > .namyran-mobile-logo > img{
    display:block !important;
    width:100% !important;
    max-width:230px !important;
    height:auto !important;
    max-height:60px !important;
    margin:0 auto !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }
}


/* =========================================================
   MOBILE DOCK — STRICT HORIZONTAL ORDER + TOUCH SCROLL FIX
   Physical order from RIGHT: menu, search, cart, account, call, WhatsApp.
========================================================= */
@media (max-width:760px){
  html,
  body{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior-y:auto !important;
    touch-action:pan-y !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.mobile-overlay-open{
    overflow:hidden !important;
    touch-action:none !important;
  }

  .mobile-unified-bar{
    position:fixed !important;
    right:10px !important;
    left:10px !important;
    bottom:10px !important;
    width:auto !important;
    height:auto !important;
    min-height:60px !important;
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    grid-template-rows:1fr !important;
    grid-auto-flow:column !important;
    align-items:center !important;
    gap:4px !important;
    padding:7px !important;
    direction:ltr !important;
    overflow:visible !important;
    touch-action:manipulation !important;
  }

  .mobile-unified-bar > a,
  .mobile-unified-bar > button{
    position:relative !important;
    inset:auto !important;
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    transform:none !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  /* Explicit physical columns: 1 = left, 6 = right. */
  .mobile-unified-action--menu{grid-column:6 !important;grid-row:1 !important}
  .mobile-unified-action--search{grid-column:5 !important;grid-row:1 !important}
  .mobile-unified-action--shop{grid-column:4 !important;grid-row:1 !important}
  .mobile-unified-action--account{grid-column:3 !important;grid-row:1 !important}
  .mobile-unified-action--call{grid-column:2 !important;grid-row:1 !important}
  .mobile-unified-action--whatsapp{grid-column:1 !important;grid-row:1 !important}

  .mobile-site-menu,
  .mobile-search-modal,
  .mobile-site-menu__links,
  .mobile-site-menu__links a,
  .mobile-search-modal__box,
  .mobile-search-form,
  .mobile-search-form input,
  .mobile-search-form button{
    touch-action:manipulation !important;
  }

  .mobile-site-menu{
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
  }

  .mobile-site-menu__links a{
    position:relative !important;
    z-index:2 !important;
    pointer-events:auto !important;
  }

  main,
  section,
  article,
  .namyran-page-content,
  #namyran-site-shell{
    touch-action:pan-y !important;
  }
}


/* =========================================================
   HOMEPAGE MOBILE — USE THE SAME NATIVE TOUCH MODEL AS INNER PAGES
   No separate homepage drawer/touch ownership.
========================================================= */
@media (max-width:760px){
  body.namyran-front-page:not(.mobile-overlay-open),
  body.namyran-front-page:not(.mobile-overlay-open) #namyran-site-shell,
  body.namyran-front-page:not(.mobile-overlay-open) .namyran-page-content,
  body.namyran-front-page:not(.mobile-overlay-open) main,
  body.namyran-front-page:not(.mobile-overlay-open) main *,
  body.namyran-front-page:not(.mobile-overlay-open) section,
  body.namyran-front-page:not(.mobile-overlay-open) section *,
  body.namyran-front-page:not(.mobile-overlay-open) article,
  body.namyran-front-page:not(.mobile-overlay-open) article *{
    touch-action:auto !important;
    overscroll-behavior-y:auto !important;
  }

  body.namyran-front-page,
  body.namyran-front-page *{
    -webkit-user-select:auto !important;
    user-select:auto !important;
  }

  body.namyran-front-page img,
  body.namyran-front-page picture,
  body.namyran-front-page svg{
    -webkit-user-drag:none !important;
  }

  body.namyran-front-page .mobile-site-menu__links a{
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
}

/* =========================================================
   HOMEPAGE MOBILE — MATCH THE WORKING INNER-PAGE DRAWER MODEL
   The closed backdrop/menu must never intercept page touch.
========================================================= */
@media (max-width:760px){
  body.namyran-front-page .mobile-drawer-backdrop{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    touch-action:none !important;
  }

  body.namyran-front-page .mobile-drawer-backdrop.is-open:not([hidden]){
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  body.namyran-front-page .mobile-site-menu{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    transform:none !important;
    pointer-events:none !important;
  }

  body.namyran-front-page .mobile-site-menu.is-open{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    pointer-events:auto !important;
  }

  body.namyran-front-page:not(.mobile-overlay-open),
  body.namyran-front-page:not(.mobile-overlay-open) #namyran-site-shell,
  body.namyran-front-page:not(.mobile-overlay-open) .namyran-page-content,
  body.namyran-front-page:not(.mobile-overlay-open) main,
  body.namyran-front-page:not(.mobile-overlay-open) section,
  body.namyran-front-page:not(.mobile-overlay-open) article,
  body.namyran-front-page:not(.mobile-overlay-open) img,
  body.namyran-front-page:not(.mobile-overlay-open) picture{
    touch-action:pan-y !important;
  }

  body.namyran-front-page .mobile-site-menu__links,
  body.namyran-front-page .mobile-site-menu__links a{
    position:relative !important;
    z-index:10001 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
}

/* =========================================================
   FINAL HOMEPAGE MOBILE DRAWER STACK FIX
   Keep the clickable drawer above its backdrop, exactly like inner pages.
========================================================= */
@media (max-width:760px){
  body.namyran-front-page .mobile-drawer-backdrop{
    z-index:9997 !important;
  }

  body.namyran-front-page .mobile-site-menu{
    z-index:9999 !important;
  }

  body.namyran-front-page .mobile-site-menu__head,
  body.namyran-front-page .mobile-site-menu__links,
  body.namyran-front-page .mobile-site-menu__links a{
    position:relative !important;
    z-index:10000 !important;
    pointer-events:auto !important;
  }
}


/* Safe 2.0.5: keep hero tracking CTA clear and on-brand */
.hero-btn--tracking,
.hero-btn--tracking:link,
.hero-btn--tracking:visited,
.hero-btn--tracking:hover,
.hero-btn--tracking:focus,
.hero-btn--tracking:focus-visible,
.hero-btn--tracking:active{
  color:#fff !important;
  border-color:rgba(69,226,239,.34) !important;
  background:linear-gradient(180deg,rgba(12,48,67,.96),rgba(7,31,48,.98)) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.hero-btn--tracking:hover,
.hero-btn--tracking:focus-visible{
  border-color:rgba(69,226,239,.58) !important;
  background:linear-gradient(180deg,rgba(15,62,82,.98),rgba(8,38,56,.99)) !important;
  box-shadow:0 15px 34px rgba(0,0,0,.24),0 0 0 3px rgba(69,226,239,.08) !important;
}
.hero-btn--tracking span{
  display:inline-flex !important;
  align-items:center;
  direction:rtl;
  text-align:center;
  color:#fff !important;
}


/* Warranty links and hub polish 2.0.8 */
.quick-service-card__warranty-links a{
  min-height:32px;
  font-size:.66rem;
  padding:0 8px;
  white-space:nowrap;
}
.warranty-card__action{
  text-decoration:none !important;
}
.warranty-card__action:hover,
.warranty-card__action:focus-visible{
  filter:saturate(1.03);
  transform:translateY(-1px);
}
.warranty-card--check .warranty-card__action{
  color:#EAFBFF;
  background:linear-gradient(145deg,#103B4B,#1194AB);
}
.warranty-card--check .warranty-card__action span{
  color:inherit;
}