/* =========================================================
   NawazOnline Mobile Restore Patch
   Purpose: restore original section styling on iPhone/Safari
   without large global layout overrides.
   ========================================================= */

.skip-link{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
.skip-link:focus{
  position:fixed!important;
  left:16px!important;
  top:16px!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  z-index:999999!important;
  background:#111!important;
  color:#fff!important;
  padding:10px 14px!important;
  border-radius:10px!important;
}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{overflow-x:hidden!important;}
img{max-width:100%;height:auto;}

.nav{position:relative!important;z-index:1000!important;}
.nav-wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;}
.logo,.logo-image{display:flex!important;align-items:center!important;text-decoration:none!important;}
.logo img,.logo-image img{width:auto!important;height:auto!important;max-width:280px!important;max-height:62px!important;object-fit:contain!important;}
.menu{display:flex;align-items:center;gap:24px;}
.menu a{text-decoration:none;}

/* Slider only: stop slides stacking on Safari */
.slider{
  position:relative!important;
  overflow:hidden!important;
  aspect-ratio:16/9!important;
}
.slider .slide{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  animation:nawazMobileRestoreSlide 30s infinite!important;
}
.slider .slide:nth-child(1){animation-delay:0s!important;}
.slider .slide:nth-child(2){animation-delay:6s!important;}
.slider .slide:nth-child(3){animation-delay:12s!important;}
.slider .slide:nth-child(4){animation-delay:18s!important;}
.slider .slide:nth-child(5){animation-delay:24s!important;}
.slider .slide img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
@keyframes nawazMobileRestoreSlide{
  0%{opacity:0}
  4%{opacity:1}
  19%{opacity:1}
  24%{opacity:0}
  100%{opacity:0}
}

/* Restore original designed blocks */
.audit-list{display:grid!important;gap:12px!important;}
.audit-item{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:#fff!important;
  border:1px solid var(--line,#f2d8ea)!important;
  border-radius:16px!important;
  padding:14px 16px!important;
  font-weight:800!important;
}
.audit-item .score,.score{color:#ff256a!important;}

.stats{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:18px!important;
}
.stat{
  text-align:center!important;
  background:#111!important;
  color:#fff!important;
  border-radius:24px!important;
  padding:30px 18px!important;
}
.stat strong{
  display:block!important;
  font-size:40px!important;
  line-height:1!important;
  color:#ff256a!important;
}
.stat p{color:#fff!important;margin:10px 0 0!important;}

.process{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:16px!important;
}
.step{
  background:#fff!important;
  border:1px solid var(--line,#f2d8ea)!important;
  padding:24px!important;
  border-radius:22px!important;
}
.step b{
  display:block!important;
  color:#ff256a!important;
  font-size:34px!important;
  line-height:1!important;
  margin-bottom:8px!important;
}
.step h3{margin:0 0 8px!important;}
.step p{margin:0!important;}

.cards{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:20px!important;
}
.card{
  background:#fff!important;
  border:1px solid var(--line,#f2d8ea)!important;
  border-radius:26px!important;
  padding:28px!important;
  box-shadow:0 12px 35px rgba(0,0,0,.04)!important;
}
.icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  font-size:26px!important;
  margin-bottom:16px!important;
  background:linear-gradient(135deg,#ffe4f4,#ff256a)!important;
}
.card h3{font-size:22px!important;margin:0 0 10px!important;}
.card p{margin:0!important;}

.trust-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:18px!important;
}
.trust-card{
  background:#fff!important;
  border:1px solid var(--line,#f2d8ea)!important;
  border-radius:22px!important;
  padding:24px!important;
  box-shadow:0 12px 35px rgba(0,0,0,.04)!important;
}
.trust-card strong{
  display:block!important;
  color:#ff256a!important;
  margin-bottom:8px!important;
  font-size:19px!important;
}
.trust-card p{margin:0!important;}

.areas{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:14px!important;
}
.area-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  border-radius:999px!important;
  padding:14px 20px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:normal!important;
  text-decoration:none!important;
}

.quote{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:30px!important;
  background:#111!important;
  color:#fff!important;
  border-radius:34px!important;
  padding:45px!important;
}
.quote h2{color:#fff!important;margin:18px 0!important;}
.quote p{color:#d7d7d7!important;}
.form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.form input,.form select,.form textarea{
  display:block!important;
  width:100%!important;
  padding:15px 16px!important;
  border-radius:14px!important;
  border:1px solid #333!important;
  background:#fff!important;
  color:#111!important;
  font:inherit!important;
  min-height:52px!important;
}
.form textarea{min-height:120px!important;}
.form button{width:100%!important;min-height:56px!important;}

.footer{
  background:#0f1115!important;
  color:#fff!important;
  padding:45px 0 110px!important;
}
.footer-grid{
  display:grid!important;
  grid-template-columns:1.2fr repeat(3,1fr)!important;
  gap:25px!important;
}
.footer a{
  display:block!important;
  color:#cbd5e1!important;
  text-decoration:none!important;
  margin:8px 0!important;
  line-height:1.35!important;
  word-break:normal!important;
}
.footer p{color:#cbd5e1!important;}
.footer .logo img,.footer .logo-image img{
  background:#fff!important;
  border-radius:12px!important;
  padding:6px!important;
  max-width:260px!important;
}
.trust-mini{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:18px!important;
}
.trust-mini span{
  display:inline-flex!important;
  background:#1f2937!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:8px 10px!important;
  font-size:13px!important;
}

/* Keep the fixed mobile bottom bar from blocking the form/footer too badly */
body{padding-bottom:0;}
.mobile-action-bar{z-index:99999!important;}
.mobile-cta{display:none!important;}

@media(max-width:900px){
  .menu{
    display:none!important;
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    top:calc(100% + 8px)!important;
    background:#fff!important;
    border:1px solid var(--line,#f2d8ea)!important;
    border-radius:22px!important;
    box-shadow:0 20px 60px rgba(0,0,0,.12)!important;
    padding:16px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    z-index:9999!important;
  }
  .menu.open,body.menu-open .menu{display:flex!important;}
  .menu a{
    display:flex!important;
    padding:13px 12px!important;
    border-bottom:1px solid #f0f0f0!important;
    color:#111!important;
    font-weight:800!important;
    line-height:1.2!important;
  }
  .menu a:last-child{border-bottom:0!important;}
  .menu .btn,.menu .navbtn{
    margin-top:10px!important;
    justify-content:center!important;
    background:#ff256a!important;
    color:#fff!important;
    border-radius:999px!important;
  }
  .hamb{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:50px!important;
    height:50px!important;
    flex:0 0 50px!important;
    border-radius:16px!important;
    border:0!important;
    background:#111!important;
    color:#fff!important;
    font-size:22px!important;
  }
  .topbar .container{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    text-align:center!important;
    gap:6px!important;
  }
  .hero-grid,.split,.quote{grid-template-columns:1fr!important;}
  .cards,.portfolio,.trust-grid{grid-template-columns:1fr 1fr!important;}
  .process,.stats{grid-template-columns:1fr 1fr!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;}
}

@media(max-width:560px){
  .container{width:min(92%,1180px)!important;}
  .logo img,.logo-image img{max-width:230px!important;max-height:58px!important;}
  .section{padding:58px 0!important;}
  .hero{padding-top:24px!important;}
  .slider{border-radius:18px!important;border-width:4px!important;}
  .cards,.portfolio,.process,.stats,.footer-grid,.trust-grid{grid-template-columns:1fr!important;}
  .quote{padding:28px!important;border-radius:28px!important;}
  .quote h2{font-size:34px!important;}
  .area-pill{font-size:14px!important;padding:11px 14px!important;}
  .footer a{word-break:break-word!important;}
  .trust-mini{flex-direction:column!important;}
  .trust-mini span{border-radius:14px!important;}
  .mobile-action-bar{
    left:14px!important;
    right:14px!important;
    bottom:12px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
}