/* ==========================================================================
   واکنش‌گرایی — فقط تغییر چیدمان؛ جهت‌ها همگی منطقی/راست‌چین باقی می‌مانند
   ========================================================================== */

@media (min-width:1400px) and (max-width:1899px){
  .banner-img-1{inset-inline-end:-110px}
}
@media (max-width:1699px){
  .social__label{display:none}
}

/* ≤1399 */
@media (max-width:1399px){
  .btn-ink .long{display:none}
  .info-item--rating{display:none}
  .customers-wrap{margin-inline-end:0}
  .shape-3{display:none!important}
  .nav-list > li{margin-inline:14px}
  .nav-link{font-size:15px}
  .banner-img-1{inset-inline-end:0;z-index:-1;width:min(1002px,72vw)}
  .about-content{margin-inline-start:-120px}
  .about-us-sub-content{margin-inline-end:0}
  .regardless-content{margin-inline-end:0}
}
@media (min-width:1400px){
  .shape-3{display:block;position:absolute;top:-375px;inset-inline-start:0;width:420px;height:auto;z-index:1;transform:scaleX(-1);pointer-events:none}   /* scaleX: قوس دایره به سمت داخل صفحه */
}

/* ≤1199: منوی همبرگری */
@media (max-width:1199px){
  .nav-list{display:none}
  .burger{display:block}
  .nav-actions{margin-inline-start:auto}
  .banner{padding-bottom:140px}
  .banner-img-2{display:none}
  .our-services{padding-top:110px}
  .svc-item h3{font-size:34px}
  .about-us-sub-wrap{margin-top:0}
  .pricing-item{padding:0 28px 32px}
  .info-item--rating{display:none}
}

/* ≤991: تبلت */
@media (max-width:991px){
  .banner{padding-block:70px 90px}
  .banner h1{margin-bottom:44px}
  .banner-img-2{display:none}
  .banner-img-1{position:relative;inset:auto;display:block;z-index:2;width:min(720px,110%);margin:36px 0 -50px;margin-inline-start:-6%}
  .about-us{padding-block:80px}
  .about-content{margin:26px 0 0;padding:0;background:none}
  .about-us-sub-wrap{margin-top:30px}
  .about-us-sub-content{margin:0}
  .counter-mini{margin-bottom:26px}
  .about-us-sub-img{text-align:center!important}
  .svc-img{display:none}
  .svc-item{padding:26px 28px;border-radius:26px;margin-bottom:26px}
  .svc-wrap:hover .svc-item,.svc-wrap.active .svc-item{margin-inline:0}
  .svc-item .col-lg-4{margin-block:12px 18px}
  .our-services{padding-block:80px 60px}
  .section-title{margin-bottom:36px}
  .work-area{padding-bottom:80px}
  .work-slide{padding-bottom:20px}
  .work-slide .swiper-slide,.work-slide .swiper-slide-active{width:74%}
  .work-slide .swiper-slide img{height:420px}
  .work-slide .swiper-slide .icon-btn{top:210px;width:64px;height:64px;font-size:26px}
  .swiper-controller{margin-bottom:26px}
  .regardless{padding-bottom:70px}
  .marquee-area.style-two{padding-bottom:80px}
  .automatic-car-content{max-width:none}
  .automatic-car .rounded-btn{margin-top:30px}
  .partner-logo-area{padding-block:80px}
  .customers-area{padding-block:80px 60px}
  .customers-slide{padding-top:0}
  .customers-slide .swiper-slide-next{margin-top:0}
  .customer-card{flex-direction:column;align-items:flex-start;padding:26px;margin:60px 0 30px;gap:6px}
  .customer-card__img{display:flex;align-items:center;gap:14px}
  .customer-card__img .rounded-circle{width:110px;height:110px;top:-55px;inset-inline-start:22px}
  .customer-card .quat{margin-top:56px;width:54px;height:54px}
  .customer-card p{font-size:18px;margin-bottom:20px}
  .customers-list{margin-top:14px;max-width:none}
  .counter-area{padding-block:80px 40px}
  .counter-area .d-lg-flex{display:flex!important;flex-wrap:wrap}
  .col-lg-25{width:50%}
  .counter-item{margin-bottom:34px}
  .counter-item h2{font-size:54px!important}
  .footer-area{padding-top:80px}
  .sub-footer{padding-bottom:50px}
  .appointment-box{padding:34px 26px 8px}
  .ba__thumb{width:64px;height:64px;margin:-32px 0 0 -32px;font-size:26px}
  .ba__tag{font-size:18px;padding:9px 14px}
  .info-item--addr{display:none}
}

/* ≤767: موبایل */
@media (max-width:767px){
  :root{--fs:16px}
  body{padding-bottom:72px}
  html{scroll-padding-top:70px}
  .wrap-1680,.wrap-1480,.wrap-1820{padding-inline:14px}
  .wrap{padding-inline:14px}

  /* هدر: فقط ساعت و تلفن + شبکه‌ها */
  .info-bar{padding:8px 0}
  .info-bar__in{flex-direction:column;align-items:stretch;gap:6px}
  .info-list{gap:6px 22px;justify-content:space-between}
  .info-item{gap:8px;font-size:13px}
  .info-item > .i{font-size:22px}
  .info-item small{display:none}
  .info-item a{font-size:14px}
  .info-item .sep{display:none}
  .info-item .sep ~ a{display:none}
  .social{padding:0;border:0;justify-content:center;gap:2px}
  .social__label{display:none}
  .social a{width:44px;height:40px}

  .navbar-main__in{min-height:64px}
  .brand__icon{width:46px}
  .brand__text b{font-size:22px}
  .brand__text small{font-size:9.5px;letter-spacing:3px}
  .nav-actions .btn-ink{display:none}
  .nav-actions{gap:8px}
  .btn-ghost{padding:0;width:46px;height:46px;justify-content:center}
  .btn-ghost span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .btn-ghost .i{font-size:22px}
  .icon-plain{padding:12px;font-size:24px}

  .banner{padding-block:44px 70px}
  .banner h1{font-size:clamp(46px,15vw,74px);margin-bottom:32px}
  .rounded-btn{width:auto;height:56px;border-radius:0;padding-inline:26px}
  .rounded-btn .md{position:static;transform:none;display:flex;align-items:center;justify-content:center;height:100%;padding:0}
  .rounded-btn .i{display:none}
  .banner-img-1{margin-top:28px}

  .about-us{padding-block:56px}
  .about-content p,.regardless-content p{font-size:19px;line-height:2}
  .counter-mini h3{font-size:52px}
  .video-rounded{width:120px;height:120px}
  .counter-mini{margin-bottom:20px}

  .marquee__set a{padding-block:22px;padding-inline-end:36px;gap:18px}
  .marquee__set .mc{height:54px;width:120px}
  .marquee__set .ms{width:28px;height:28px}

  .our-services{padding-block:56px 40px}
  .svc-item{padding:20px 20px 22px;border-radius:20px;border-width:2px}
  .svc-item h3{font-size:26px}
  .svc-item h3 sup{font-size:15px;top:-6px}
  .svc-item p{font-size:15.5px}
  .icon-btn{width:52px;height:52px;font-size:22px}

  .work-slide .swiper-slide,.work-slide .swiper-slide-active{width:82%}
  .work-slide .swiper-slide img{height:340px}
  .work-slide .swiper-slide .icon-btn{top:170px}

  .automatic-car-content li{font-size:17px}
  .automatic-car-content p{margin-bottom:26px}

  .pricing-item{padding:0 22px 26px;margin-bottom:26px}
  .pricing-item__img{margin-bottom:22px}
  .pricing-list li{margin-bottom:14px}
  .pricing-list{margin-bottom:24px}
  .pricing-item .default-btn{width:100%;min-height:54px}

  .customer-card{margin:56px 0 24px;padding:70px 20px 22px}
  .customer-card__img .rounded-circle{top:-52px;width:104px;height:104px;inset-inline-start:20px}
  .customer-card__img .quat{display:none}
  .customer-card h3{font-size:24px}
  .customers-list .d-lg-flex{display:block}
  .customers-list p{padding:12px 0 0;max-width:none}

  .col-lg-25{width:50%}
  .counter-item .d-flex{flex-direction:column}
  .counter-item .ms-3{margin:8px 0 0!important}
  .counter-item .i{font-size:40px;top:0}
  .counter-item h2{font-size:44px!important}
  .counter-item span{font-size:15px}

  .appointment-box{padding:26px 16px 4px}
  .appointment-title h2{font-size:24px;margin-bottom:20px}
  .appointment-form .form-control,.form-control{height:54px;font-size:16px}
  .appointment-form .default-btn{height:56px}

  .top-footer{padding-block:34px;margin-bottom:34px}
  .top-footer .social-link li:first-child{display:none}
  .top-footer .social-link{justify-content:flex-start!important}
  .social-link a{width:46px;height:46px}
  .sub-footer-item{margin-bottom:34px}
  .sub-footer-item h3{font-size:22px;margin-bottom:16px}
  .get-info li{margin-bottom:14px}
  .import-link li{margin-bottom:10px}
  .import-link a{display:inline-block;padding-block:6px}
  .copy-right p{font-size:14px}

  /* نوار ثابت پایین: تماس + رزرو/قرارداد (ناحیه شست) */
  .mobile-cta{
    display:flex;position:fixed;inset-inline:0;bottom:0;z-index:900;gap:0;
    background:var(--ink);border-top:1px solid rgba(209,159,25,.35);
    padding-bottom:env(safe-area-inset-bottom,0)
  }
  .mobile-cta a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;font-weight:700;font-size:15px;line-height:1.3}
  .mobile-cta__call{flex:0 0 32%;color:var(--gold)}
  .mobile-cta__call:hover{color:var(--gold)}
  .mobile-cta__book{flex:1;background:var(--gold);color:var(--ink);padding-inline:10px}
  .mobile-cta__book:hover{color:var(--ink)}
  .mobile-cta .i{font-size:18px}
  #backtotop{bottom:76px;inset-inline-end:14px}
}

@media (max-width:389px){
  .brand__text small{display:none}
  .mobile-cta__book span{font-size:14px}
}