@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@500;600&display=swap');
.slide-quote{position:absolute;top:0;left:0;right:0;z-index:2;margin:0;padding:16px 24px 22px;text-align:center;background:#073c66ee;color:#fff;font-family:'Noto Nastaliq Urdu',Tahoma,serif;font-size:clamp(18px,1.7vw,25px);font-weight:500;line-height:2.2;letter-spacing:0}
.slide-home,.slide-delivery{padding-top:105px}
.slide-home{padding-top:45px}
.slide-content h2.slide-urdu-heading{font-family:'Noto Nastaliq Urdu',Tahoma,serif;font-size:clamp(26px,3vw,44px);line-height:2.1;letter-spacing:0;font-weight:600}
.hero-slide:first-child .slider-banner{padding-top:82px;background:#c4d8ed}
@media(max-width:800px){
  body>header.wrap{height:108px;width:92%;gap:10px}
  body>header .brand{gap:10px}
  body>header .brand img{width:78px;height:78px;flex-shrink:0}
  body>header .brand>span{font-size:16px;letter-spacing:.6px}
  body>header .brand small{font-size:8px;letter-spacing:1px;line-height:1.6}
  body>header .menu-toggle{min-width:44px;min-height:46px;padding:8px 10px}
  body>header nav{top:100px}
}
@media(max-width:700px){
  .hero-slider{background:#e2f2fa;padding-bottom:64px}
  .slider-stage{aspect-ratio:auto;height:auto;min-height:0;max-height:none}
  .hero-slide{position:absolute;inset:0;display:none;transition:none}
  .hero-slide.is-active{position:relative;display:block;inset:auto}
  .slide-quote{position:relative;padding:14px 25px 23px;font-size:19px;line-height:2.35;min-height:90px;display:flex;align-items:center;justify-content:center}
  .hero-slide:first-child .slider-banner{padding:0;aspect-ratio:1942/809;height:auto;object-fit:contain;width:100%;background:#c4d8ed}
  .slide-home,.slide-delivery{padding:0;background:linear-gradient(130deg,#edf9ff,#d1ecf7)}
  .slide-delivery{background:linear-gradient(120deg,#07589c,#1499c1)}
  .slide-content{width:auto;max-width:none;padding:25px 42px 16px;text-align:center}
  .slide-content h2{font-size:36px;line-height:1.15;letter-spacing:-1px}
  .slide-content p{font-size:16px;line-height:1.7;margin:15px 0 20px}
  .slide-content .aqua-caption{font-size:13px;justify-content:center;line-height:1.6;margin-bottom:12px}
  .slide-content .button{font-size:14px;min-height:46px;padding:12px 18px}
  .slide-phone{font-size:16px;letter-spacing:1px}
  .slide-bottle{display:block;width:150px;height:210px;max-height:none;object-fit:contain;margin:0 auto 12px;transform:rotate(5deg)}
  .slider-arrow{top:55%;width:38px;height:44px;font-size:15px}
  .slider-prev{left:6px}.slider-next{right:6px}
  .slider-controls{bottom:10px;gap:12px;padding:5px 12px;white-space:nowrap}
  .slider-dots button{width:36px;height:36px}
  .slider-dots button:before{top:13px;left:13px}
  .slider-play{font-size:13px;min-height:36px}
}
@media(max-width:360px){
  body>header .brand img{width:68px;height:68px}
  body>header .brand>span{font-size:13px}
  body>header .brand small{font-size:7px;letter-spacing:.5px}
  .slide-quote{font-size:18px;padding-inline:18px}
  .slide-content{padding-inline:36px}
  .slide-content h2{font-size:32px}
}