:root{
      --accent:#D7A752; /* gold from Elementor */
      --gold1:#F7D87B; --gold2:#C08436; /* gradient stops */
      --bg:#161616; --text:#fff; --muted:#FFFFFF59;
    }
    html,body{background:#161616;color:#fff;font-family:"Poiret One",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;}
    a{color:inherit;text-decoration:none}
    .container-1600{max-width:1600px}
    .container-1800{max-width:1800px}
    .ls-15{letter-spacing:1.5px}
    .tt-up{text-transform:uppercase}
    .btn-gold{background-image:radial-gradient(at center center, var(--gold1) 35%, var(--gold2) 100%); color:#161616; border:0; border-radius:0; padding:23px 40px; font-weight:700; text-transform:uppercase;}
    .btn-gold-outline{background:transparent; border:1px solid #fff; color:#fff; border-radius:0; padding:23px 65px; font-weight:700}
	.btn-gold-outline-black{background:transparent; border:1px solid #000; color:#000; border-radius:0; padding:23px 65px; font-weight:700}
    .divider-v{width:1px; height:20px; background:rgba(255,255,255,.35); display:inline-block}

    /* ===== HEADER ===== */
    header{position:relative; z-index:99;}
    .topbar{border-bottom:1px solid var(--text); padding:10px 0 25px 0}
    .topbar .phone{font-size:23px; font-weight:700}
    .topbar .logo img{width: 75px;}
    .topbar .icons .icon{display:flex; align-items:center; gap:.5rem; padding:0 .75rem}
    .topbar .icons .icon + .icon{border-left:1px solid #fff}
    .topbar .icons i{font-size:1.1rem}

    .menubar{padding:10px 0 10px 0}
    .all-services{display:inline-flex; align-items:center; gap:.5rem; color:#fff; font-weight:600; letter-spacing:1.5px}
    .all-services .chev{font-size:1rem; transform:translateY(-1px)}
    .nav-main{--gap:40px}
    .nav-main ul{list-style:none; display:flex; align-items:center; gap:var(--gap); margin:0}
    .nav-main ul li{position:relative; padding:10px 0}
    .nav-main ul li + li{margin-left:0}
    .nav-main ul li + li::before{content:""; position:absolute; left:calc(-.5*var(--gap)); top:25%; bottom:25%; width:1px; background:#fff}
    .nav-main a{color:#fff; text-transform:uppercase; letter-spacing:1.5px; font-weight:600}
    .nav-main a::after{content:""; display:block; height:1px; width:0; background:var(--accent); transition:width .25s ease}
    .nav-main a:hover::after, .nav-main .current-menu-item>a::after{width:100%}

    /* ===== HERO ===== */



    /* ===== THREE SERVICE CARDS (Business / Transfers / Touring) ===== */
    .service-card{position:relative; background:#000; overflow:hidden;display: block;}
    .service-card .overlay{position:absolute; inset:0; opacity:.7; mix-blend-normal; background-position:center; background-size:200% auto; filter:grayscale(100%)}
	.service-card:hover .overlay{filter: inherit;}
    .service-card.business .overlay{background-image:url('/wp-content/uploads/2025/06/Business-scaled.jpg'); background-position:-520px -338px; background-size:450% auto}
    .service-card.transfers .overlay{background-image:url('/wp-content/uploads/2025/06/Transfers-scaled.jpg'); background-position:-85px -40px}
    .service-card.touring .overlay{background-image:url('/wp-content/uploads/2025/07/Touring-scaled.jpg'); background-position:-95px -40px}
    .service-card .content{position:relative}
    .service-card .icon{display:inline-grid; place-items:center; width:46px; height:46px; border:1px solid var(--accent); border-radius:50%; background:transparent}
    .service-card h3{font-size:23px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; margin:0; padding:150px 0 130px 30px; background-image:linear-gradient(180deg, rgba(241,206,114,0) 0%, var(--accent) 100%)}

    /* ===== CONFIDENCE SKYLINE (no absolute layout for circles) ===== */
    .confidence-skyline{position:relative; color:#fff; background:#000; text-align:center; padding:50px 0 80px 0; min-height:620px}
    .confidence-skyline::before{content:""; position:absolute; inset:0; background-image:url('/wp-content/uploads/2025/07/Преймущества2.1.png'); background-position:0 -650px; background-repeat:no-repeat; background-size:cover; opacity:1; z-index:0}
    .confidence-skyline .container{position:relative; z-index:2; min-height:inherit; display:flex; flex-direction:column}
    .confidence-skyline h2{font-size:46px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; margin:0 0 10px 0; padding-bottom: 625px;}

    /* rail + features at the bottom without absolute */
    .confidence-skyline .row-features{width:100%; margin-top:auto; border-top:2px solid rgba(255,255,255,.35); padding-top:calc(116px/2 + 18px); padding-bottom:10px}
    .confidence-skyline .features{display:grid; grid-template-columns:repeat(4,1fr); gap:40px; align-items:flex-start}
    .confidence-skyline .feat{display:flex; flex-direction:column; align-items:flex-start; text-align:left}
    .confidence-skyline .feat .dot{width:116px; height:116px; display:grid; place-items:center; font-size:36px; font-weight:700; color:#161616; background-image:radial-gradient(at center center, var(--gold1) 35%, var(--gold2) 100%); border:3px solid #000; border-radius:50%; margin-top:calc(-116px/2 - 1px)}
    .confidence-skyline .feat .title{font-size:30px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; margin-top:10px}

    @media (max-width:991.98px){
      .confidence-skyline{padding:70px 0}
      .confidence-skyline h2{font-size:32px}
      .confidence-skyline .row-features{border-top:0; padding-top:0}
      .confidence-skyline .features{grid-template-columns:1fr; gap:28px}
      .confidence-skyline .feat .dot{margin-top:0}
    }

    /* ===== LOGO STRIP (no skyline) ===== */
    .confidence .features{margin-top:25px}
    .confidence .feat{padding:15px 10px}
    .confidence .feat .num{font-size:60px; font-weight:700; line-height:1; color:rgba(215,167,82,.35)}
    .confidence .feat .title{font-size:23px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#fff; margin-top:5px}
    .logos-strip{background:#161616}
    @media (max-width: 1024px){.logos-strip{display:none!important}}

    /* Swiper (brand emblems) */
    .brand-swiper{padding:20px 0}
    .brand-swiper .swiper-slide{display:flex; align-items:center; justify-content:center; height:187px; margin: auto;}
    .brand-tile{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain}
    .brand-swiper .swiper-button-prev, .brand-swiper .swiper-button-next{color:#fff; background:rgba(0,0,0,.3); padding:10px; top:calc(50% - 25px)}
    .brand-swiper .swiper-button-prev:hover, .brand-swiper .swiper-button-next:hover{background:#FFCC00E6}
    .brand-swiper .swiper-pagination-bullet{background:rgba(0,0,0,.5)}
    .brand-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}

    /* ===== SECOND (wide) SLIDER WITH PADDING ===== */
    .gallery-swiper .swiper-slide{padding:40px}

    /* CTA — left heading + right text/button */
    .cta-sellpoint{background:#000; padding:70px 0 50px 0}
    .cta-sellpoint h2{font-size:30px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#fff; margin:0}
    .lead-gold{font-family:"Poiret One", Sans-serif; font-size:23px; font-weight:400; line-height:1.5; color:#D7A752}
    .subheading-25{font-size:25px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:#fff}

    /* ===== MISC ===== */
    .section-pad{padding:50px 0}
    .gold{color:var(--accent)}
    .muted{color:#D7A752}
    .bg-champ{background:#C7AF87}

    /* ===== CHOOSE CLASS (heading + text + button) ===== */
    .choose-class{background:#161616; padding:50px 0 20px 0}
    .choose-class h2{font-size:30px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#fff; margin:0}
    .choose-class .left h2{}
    .choose-class .left .lead-gold{}
    @media (max-width: 991.98px){
      .choose-class .left h2{padding-left:0}
      .choose-class .left .lead-gold{padding:0; margin-top:10px}
    }

    /* ===== CLASS BAND (Comfort/Business/Luxury/Suv-Van) ===== */
    .class-band{position:relative; background:linear-gradient(180deg, #161616 35%, var(--gold2) 100%); padding:30px 0 0 200px}
    .class-band .pill .icon{display:inline-grid; place-items:center; width:46px; height:46px; border:1px solid var(--accent); border-radius:50%; margin-left:20px}
    .class-band h3{font-size:23px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#fff; margin:0}
    .class-band h3 .gold{color:var(--accent)}
    @media (max-width: 991.98px){.class-band{padding-left:0}}

    /* Responsive tweaks (to match Elementor feel) */
    @media (max-width: 991.98px){
      .topbar .logo img{width:140px}
      .nav-main{display:none}
    }
    /* CLASS BAND backgrounds (from Elementor post-2838.css) */
    .class-band .pill{position:relative; border-radius:13px 13px 0 0; margin:0 10px; min-height:500px; background-color:#C7AF87; background-repeat:no-repeat; background-size:cover; background-position:center;display: block;}
	.class-band .pill:hover{	-webkit-box-shadow: 0px -1px 9px 1px rgb(183, 124, 12);
  -moz-box-shadow: 0px -1px 9px 1px rgb(183, 124, 12);
  box-shadow: 0px -1px 9px 1px rgb(183, 124, 12);}
	

    .class-band .pill .title{position:absolute; left:0; right:0; bottom:0; padding:70px 0 30px 30px; background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, #000 100%)}
    .class-band .pill.comfort{background-image:url('/wp-content/uploads/2025/08/MGK09565cv.jpg'); background-position:center}
    .class-band .pill.business{background-image:url('/wp-content/uploads/2025/06/5024854f-9964-41ba-88cf-de82135a2309.jpg'); background-position:center}
    .class-band .pill.luxury{background-image:url('/wp-content/uploads/2025/06/1642094726_c854c05b-8212337-4d74-acd5-446173d4f730.jpg'); background-position:center}
    .class-band .pill.suvvan{background-image:url('/wp-content/uploads/2025/08/MGK09825c.jpg'); background-position:center}

    /* ABOUT COMPANY (desktop only) — matches Elementor 2f1fdad) */
    .about-company{position:relative; padding:130px 0; height:80vh;}
    .about-company::before{content:""; position:absolute; inset:0; background-image:url('/wp-content/uploads/2025/06/pexels-abid-ali-150086727-10514386-scaled.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:1; z-index:0}
    .about-company::after{content:""; position:absolute; left:0; top:0; right:0; height:80vh; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, var(--accent) 150%); pointer-events:none; z-index:0}
    .about-company .container{position:relative; z-index:1}
    .about-company .kicker{font-family:"Poiret One", Sans-serif; font-size:60px; font-weight:600; text-transform:uppercase; line-height:1.3; letter-spacing:1.5px; color:#FFFFFF; margin:0 0 10px 0; background-image:none}
    .about-company h2{font-size:30px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#fff; margin-bottom:15px}
    .about-company p{font-family:"Poiret One", Sans-serif; font-size:23px; font-weight:400; line-height:1.5; color:#fff; margin-bottom:0}
    @media (max-width: 1024px){.about-company{display:none!important}}
  
    /* ===== POPULAR CARS ===== */
    .popular-heading{padding:60px 0 50px 0}
    .popular-heading h2{font-size:30px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#fff; margin:0}
    .popular-cars{position:relative; padding:0 0 30px 0}
    .popular-cars .swiper-button-prev, .popular-cars .swiper-button-next{color:#fff; background:rgba(0,0,0,.3); padding:10px; top:calc(50% - 25px)}
    .popular-cars .swiper-button-prev:hover, .popular-cars .swiper-button-next:hover{background:#FFCC00E6}
    .popular-cars .swiper-pagination-bullet{background:rgba(193,193,193,.5)}
    .popular-cars .swiper-pagination-bullet-active{background:#D7A752 !important}

    .pc-card{border-radius:13px; padding:0 0 55px 0}
    .pc-title{font-family:"Poiret One", Sans-serif; font-size:23px; font-weight:700; line-height:1.3em; letter-spacing:1.5px; color:#FFFFFF; text-align:left; margin-top:10px}
    .pc-tags{display:flex; gap:5px; align-items:center; margin-top: 10px;}
    .btn-tag{background-color:#D7A752; font-family:"Poiret One", Sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; color:#161616; border-radius:50px; padding:8px 10px; border:0}
    .pc-media .swiper{height:275px; width:100%}
    .pc-media .swiper .swiper-slide{height:100%; border-radius:13px; background-position:center; background-size:cover; background-repeat:no-repeat}
    .pc-media .swiper-button-prev, .pc-media .swiper-button-next{color:#fff; background:rgba(0,0,0,.3); padding:10px; top:calc(50% - 25px)}
    .pc-media .swiper-button-prev:hover, .pc-media .swiper-button-next:hover{background:#FFCC00E6}

    .pc-price{border-top:1px solid #D7A75252; margin-top:20px; padding-top:10px}
    .pc-price .amount{font-family:"Poiret One", Sans-serif; font-size:20px; font-weight:700; letter-spacing:1.5px; color:#FFFFFF; text-align:left; margin:0}
    .pc-price .label{font-family:"Poiret One", Sans-serif; font-size:18px; font-weight:500; letter-spacing:1.5px; color:#D7A752; text-align:left; margin:0; margin-top:-5px}
  /* Popular cars — heading arrows + inner dots */
    .popular-heading .nav-arrows{display:flex;gap:10px}
    .popular-heading .btn-arrow{background:rgba(0,0,0,.3);border:0;color:#fff;padding:10px;border-radius:4px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
    .popular-heading .btn-arrow:hover{background:#FFCC00E6}
    .popular-heading .btn-arrow i{font-size:1.25rem}

    .pc-media .swiper .swiper-pagination-bullet{background:rgba(193,193,193,.5)}
    .pc-media .swiper .swiper-pagination-bullet-active{background:#D7A752!important}
    /* Card bottom actions */
    .pc-actions{display:flex; gap:10px; margin-top:12px}
    .pc-actions .btn{flex:1; border-radius:0px; padding:12px 14px; font-family:"Poiret One", Sans-serif; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px}
    .btn-wa{background-image:radial-gradient(at center center, var(--gold1) 35%, var(--gold2) 100%); color:#161616; border:0}
    .btn-book{background-image: none;
  color: #fff;
  border: 1px #fff solid;}
    /* Ensure inner swiper fills height */
    .pc-media .swiper .swiper-wrapper{height:100%}
      /* Popular cars skyline overlay (Elementor 35bfcc5) */
    .popular-cars{position:relative}
    .popular-cars::before{content:""; position:absolute; inset:0; background-image:url('/wp-content/uploads/2025/06/skyline-gry.png'); background-position:bottom center; background-repeat:no-repeat; background-size:contain; opacity:1; pointer-events:none; z-index:0}
    .popular-cars .container{position:relative; z-index:1}
  
    /* ===== LEADING LIMO (strip) ===== */
    .lead-strip{background:#161616;padding:30px 0}
    .lead-strip h2{font-size:30px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin:0}
    .lead-strip .btn{min-width:260px}

    /* ===== SPECIAL LIMO TILES (3 cols) ===== */
    .special-tiles{background:#000;padding:40px 0 20px 0}
    .special-tiles .tile{color: #000;height:100%; border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:24px 24px 260px 24px; background-color:transparent; background-image: var(--tile-image), radial-gradient(at center center, var(--gold1) 35%, var(--gold2) 100%); background-position: bottom center, center center; background-repeat:no-repeat, no-repeat; background-size: 100% 240px, cover;}
    .special-tiles h3{font-size:23px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; margin:0 0 10px 0}
    .special-tiles p{font-size:18px}

    /* Accordion using  */
    .e-acc{margin-top:10px; border-top:1px solid rgba(255,255,255,.18)}
    .e-acc details{border-bottom:1px solid rgba(255,255,255,.18); padding:10px 0}
    .e-acc summary{cursor:pointer; list-style:none; font-weight:700; text-transform:uppercase; letter-spacing:1px; position:relative; padding-left:22px}
    .e-acc summary::-webkit-details-marker{display:none}
    .e-acc summary::before{content:"+"; position:absolute; left:0; top:0}
    .e-acc summary::after{content:""}
    .e-acc details[open] summary::before{content:"−"}
    .e-acc .acc-body{padding:8px 0 2px 0;}
    .e-acc .acc-body p{margin:0 0 6px 0}
  
    /* ===== FAQ BLOCK ===== */
    .faq-block{position:relative;background:#0b0b0b;padding:125px 0 100px 0;overflow:hidden}
    .faq-block::before{content:"";position:absolute;inset:0;background-image:url('/wp-content/uploads/2025/06/skyline-gry.png');background-position:bottom center;background-size:cover;background-repeat:no-repeat;pointer-events:none}
    .faq-head h2{font-size:30px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 6px 0}
    .faq-intro{font-size:18px;line-height:1.6;color:#D7A752;max-width:760px}
    .btn-ask{background-image:radial-gradient(at center center, var(--gold1) 35%, var(--gold2) 100%);color:#161616;border:0;border-radius:4px;padding:14px 28px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}
    .faq-cols{margin-top:20px}
    .faq-acc details{border-bottom:1px solid rgba(215,167,82,.35);padding:14px 0}
    .faq-acc summary {
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #F7D87B;
  position: relative;
  padding-left: 22px;
  font-size: 1.3rem;
}
    .faq-acc summary::-webkit-details-marker{display:none}
    .faq-acc summary::before{content:"+";position:absolute;left:0;top:0}
    .faq-acc details[open] summary::before{content:"−"}
    .faq-acc .acc-body{padding:10px 0 0 22px;color:#fff;font-size:18px}
    @media (max-width: 991.98px){.btn-ask{width:100%;text-align:center}}
	
/* ===== REQUEST CTA (Form + Social + Instagram) ===== */
.request-cta{
  position:relative; background:#000;
  background-image:var(--req-bg); background-position:center;
  background-size:cover; background-repeat:no-repeat;
  min-height:560px; padding: 130px 0 105px; color:#fff; overflow:hidden;
}
.request-cta::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.6) 40%, rgba(0,0,0,.75) 100%);
  pointer-events:none;
}
.request-cta .container{position:relative; z-index:2}
.request-cta h2{font-size:64px; font-weight:400; line-height:1.1; letter-spacing:2px; text-transform:uppercase; margin:0 0 10px}
.request-cta h2 .gold{color:var(--accent)}
.request-cta .lead{font-size:22px; opacity:.9}

.req-form .form-control{background:rgba(255,255,255,.92); border:0; border-radius:0; padding:16px 18px; font-size:18px}
.req-form .btn-call{padding:16px 18px; border-radius:0; font-weight:700; text-transform:uppercase; letter-spacing:1.5px}
.req-form .privacy{color:#fff; opacity:.85}
.req-form .privacy a{color:#fff}

.contact-inline{display:flex; align-items:center; gap:12px; font-size:22px}
.icon-circle{display:inline-grid; place-items:center; width:44px; height:44px; border-radius:50%;
  background-image:radial-gradient(at center center, var(--gold1) 35%, var(--gold2) 100%); color:#161616}

.insta-side .title{font-size:56px; font-weight:400; letter-spacing:2px; text-transform:uppercase}
.btn-insta{background:#fff; color:#161616; border:0; border-radius:4px; padding:14px 22px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px}
.title-wrap  {background-image: linear-gradient(90deg, #FFFFFF00 0%, #D7A752 100%);}

@media (max-width:1199.98px){.request-cta h2{font-size:48px}.insta-side .title{font-size:44px}}
@media (max-width:991.98px){.request-cta{padding:70px 0 50px}.contact-inline{font-size:18px}.badge-gold{display:none}}

	/* ===== FOOTER ===== */
.site-footer{background:#1b1b1b;color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.site-footer .columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr;gap:40px;padding:50px 0}
.site-footer .brand img{max-width:170px;height:auto}
.site-footer .brand .pay-strip img{max-width:320px;width:100%;height:auto}
.foot-title{font-size:25px;text-transform:uppercase;letter-spacing:1.8px;opacity:.95}
.foot-divider{height:2px;width:100%;background:rgba(255,255,255,.15);margin:8px 0 14px}
.foot-list{list-style:none;margin:0;padding:0;font-size: 20px;}
.foot-list li{margin:8px 0;color:#ddd}
.foot-list a{color: #fff;}
.foot-list a:hover{color:var(--accent)}
.foot-list.ci li{display:flex;gap:10px;align-items:flex-start}
.foot-list.ci i{font-size:1rem;color:var(--accent);margin-top:4px}
.subfooter{border-top:1px solid rgba(255,255,255,.06);padding:14px 0;background:#161616;color:#cfcfcf;font-size:20px}
.subfooter a{color:#cfcfcf;text-decoration:underline}
@media (max-width:1199.98px){
  .site-footer .columns{grid-template-columns:1fr 1fr 1fr 1.5fr}
  .site-footer .brand{grid-column:1 / -1}
}
@media (max-width:767.98px){
  .site-footer .columns{grid-template-columns:1fr;gap:28px}
}

/* ===== RESPONSIVE FIXES (only tablet/mobile) ===== */

/* --- до 1199.98px (крупные планшеты) --- */
@media (max-width:1199.98px){
  .topbar{padding:8px 0 12px}
  .topbar .phone{font-size:18px}
  .topbar .logo img{width:120px}
  .hero{min-height:90vh; background-position:center top; margin-top:-140px}
  .hero h1{font-size:44px}
  .booking-label{font-size:18px}
  .class-band .pill{min-height:420px}
  .pc-media .swiper{height:240px}
  .special-tiles .tile{padding-bottom:220px; background-size:100% 200px, cover}
  .faq-block{padding:90px 0 80px}
  .site-footer .columns{grid-template-columns:1fr 1fr 1fr 1.2fr}
}

/* --- до 991.98px (планшеты) --- */
@media (max-width:991.98px){
  /* Header */
  .topbar .icons .icon span{display:none}
  .topbar .icons .icon + .icon{border-left:0}

  /* Hero */
  .hero{min-height:85vh; margin-top:-120px; background-position:center top}
  .hero h1{font-size:36px}
  .booking-label{font-size:16px}
  .hero .wrap{align-items:flex-end}
  .hero .btn{padding:16px 22px}

  /* Hero-services: превращаем в горизонтальный скролл */
  .hero-services{
    position:static; right:auto; bottom:auto; 
    padding:10px 12px 0; margin-top:10px;
    display:flex; gap:12px; overflow-x:auto; -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
  }
  .hero-services .service-card{
    flex:0 0 280px; height:200px; scroll-snap-align:start; border:1px solid rgba(255,255,255,.12);
  }
  .service-card h3{padding:90px 0 60px 20px; font-size:20px}

  /* Choose class */
  .choose-class{padding:40px 0 10px}
  .choose-class h2{font-size:26px}
  .choose-class .lead-gold{font-size:20px}
  .class-band{padding-left:0}
  .class-band .pill{min-height:360px}
  .class-band .pill .title{padding:40px 0 20px 20px}
  .class-band h3{font-size:20px}

  /* Popular cars */
  .popular-heading{padding:40px 0 24px}
  .popular-heading h2{font-size:26px}
  .pc-media .swiper{height:220px}
  .pc-title{font-size:20px}
  .pc-tags{flex-wrap:wrap}
  .btn-tag{font-size:11px; padding:6px 8px}
  .pc-actions{flex-direction:column}
  .pc-actions .btn{width:100%}

  /* Confidence Skyline */
  .confidence-skyline{min-height:auto; padding:40px 0 50px}
  .confidence-skyline h2{
    font-size:28px; padding-bottom:0 !important; margin-bottom:18px;
  }
  .confidence-skyline .row-features{
    border-top:0; padding-top:0; padding-bottom:0;
  }
  .confidence-skyline .features{grid-template-columns:1fr 1fr; gap:22px}
  .confidence-skyline .feat .dot{
    width:90px; height:90px; font-size:28px; margin-top:0;
  }
  .confidence-skyline .feat .title{font-size:20px}

  /* Special tiles */
  .special-tiles{padding:30px 0 10px}
  .special-tiles h3{font-size:20px}
  .special-tiles p{font-size:16px}
  .special-tiles .tile{padding:18px 18px 190px; background-size:100% 170px, cover}

  /* FAQ */
  .faq-head h2{font-size:26px}
  .faq-intro{font-size:16px}
  .faq-acc summary{font-size:1.05rem; padding-left:20px}
  .faq-acc .acc-body{font-size:16px}

  /* Request CTA */
  .request-cta{padding:60px 0 40px}
  .request-cta h2{font-size:38px}
  .request-cta .lead{font-size:18px}
  .req-form .form-control,.req-form .btn-call{padding:14px 16px; font-size:16px}
  .contact-inline{font-size:18px}
  .insta-side{text-align:left}
  .insta-side .title{font-size:40px}

  /* Footer */
  .foot-title{font-size:22px}
  .foot-list{font-size:18px}
  .subfooter{font-size:16px; padding:12px 0}
}

/* --- до 767.98px (телефоны) --- */
@media (max-width:767.98px){
  .topbar .phone{font-size:16px}
  .topbar .logo img{width:100px}
  .menubar{padding-top:6px}

  .hero{min-height:78vh; margin-top:-100px}
  .hero h1{font-size:30px}
  .booking-label{font-size:14px}
  .btn-gold,.btn-gold-outline{width:100%; text-align:center; padding:16px 18px}

  .pc-media .swiper{height:200px}
  .pc-title{font-size:18px}
  .pc-price .amount{font-size:18px}
  .pc-price .label{font-size:14px}

  .confidence-skyline .features{grid-template-columns:1fr}
  .confidence-skyline .feat .title{font-size:18px}

  .special-tiles .tile{padding:16px 16px 160px; background-size:100% 150px, cover}
  .special-tiles p{font-size:15px}

  .faq-block{padding:70px 0 60px}
  .faq-head{text-align:center}
  .faq-acc .acc-body{padding-left:18px}

  .request-cta h2{font-size:32px}
  .contact-inline{justify-content:flex-start; gap:10px}
  .insta-side .title{font-size:34px}

  .site-footer .columns{grid-template-columns:1fr; gap:24px}
  .foot-list{font-size:16px}
  .subfooter{font-size:14px}
}

/* --- до 575.98px (маленькие телефоны) --- */
@media (max-width:575.98px){
  .container-1600,.container-1800{padding-left:16px; padding-right:16px}
  .hero{min-height:72vh; margin-top:-90px}
  .hero h1{font-size:28px}
  .hero-services .service-card{flex-basis:240px; height:190px}
  .service-card h3{padding:80px 0 50px 18px; font-size:18px}
  .class-band .pill{min-height:300px}
  .pc-media .swiper{height:180px}
  .request-cta h2{font-size:28px}
  .insta-side .title{font-size:28px}
}

	
	
/* NAV mobile */
.nav-toggle{color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:6px 10px;line-height:1}
.mobile-offcanvas{background:#161616;color:#fff;width:85vw;max-width:420px}
.mobile-offcanvas .offcanvas-header{border-bottom:1px solid rgba(255,255,255,.12)}
.mobile-offcanvas .mobile-menu li a{
  display:block; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.08);
  text-transform:uppercase; letter-spacing:1.5px; color:#fff;
}
.mobile-offcanvas .mobile-menu li a:hover{color:var(--accent)}
/* не трогаем десктоп, только мобила/планшет */
@media (max-width:991.98px){
  .nav-main{display:none !important;} /* подстраховка */
}

/* ===== HERO FIX ≤1500px (не трогаем >1500px) ===== */
@media (max-width:1499.98px){
  .hero{
    margin-top:0;                          /* убираем агрессивный сдвиг */
    min-height:clamp(520px, 85vh, 900px);  /* управляемая высота */
    background-position:50% 10%;           /* центрируем композицию */
    background-size:cover;
	
  }
  /* мягкий градиент слева для контраста текста */
  .hero::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(90deg,
      rgba(0,0,0,.65) 0%,
      rgba(0,0,0,.45) 35%,
      rgba(0,0,0,.20) 60%,
      rgba(0,0,0,0) 100%);
  }
  .hero .wrap{
    min-height:inherit;
    padding-top:clamp(80px, 10vw, 140px);  /* компенсируем шапку */
    padding-bottom:24px;
	z-index: 1;
  }
  .hero h1{
    font-size:clamp(26px, 4.2vw, 44px);
    line-height:1.15;
  }
  .booking-label{font-size:clamp(14px,1.8vw,18px)}
  /* кнопки компактнее */
  .hero .btn{padding:16px 22px}
}

/* планшеты */
@media (max-width:991.98px){
  .hero{
    min-height:78vh;
    background-position:50% 20%;
  }
  .hero .wrap{padding-top:60px}
  /* сервис-карточки — горизонтальный скролл под заголовком */
  .hero-services{
    position:static; right:auto; bottom:auto;
    padding:10px 12px 0; margin-top:10px;
    display:flex; gap:12px; overflow-x:auto; -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
  }
  .hero-services .service-card{
    flex:0 0 280px; height:200px;
    scroll-snap-align:start; border:1px solid rgba(255,255,255,.12);
  }
  .service-card h3{padding:90px 0 60px 20px; font-size:20px}
}

/* телефоны */
@media (max-width:767.98px){
  .hero{min-height:72vh; background-position:60% 30%}
  .hero h1{font-size:28px}
  .booking-label{font-size:14px}
  .btn-gold,.btn-gold-outline{width:100%; text-align:center; padding:16px 18px}
  .hero-services .service-card{flex-basis:240px; height:190px}
  .service-card h3{padding:80px 0 50px 18px; font-size:18px}
}

/* очень маленькие экраны */
@media (max-width:575.98px){
  .hero{min-height:64vh}
}
/* ===== Offcanvas Search ===== */
.search-offcanvas{
  background:#0b0b0b;
  color:#fff;
  height:min(60vh, 520px);               /* компактная высота */
  border-bottom:1px solid rgba(255,255,255,.08);
}
.search-offcanvas::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.6) 60%, rgba(0,0,0,0) 100%);
  pointer-events:none;
}
.search-offcanvas .offcanvas-title{font-size:20px; opacity:.8}
.search-group{align-items:center}
.search-input{
  background:rgba(255,255,255,.92);
  border:0; border-radius:0;
  padding:16px 18px; font-size:18px;
}
.search-group .input-group-text{
  color:#fff; font-size:1.25rem;
}
.search-submit{border-radius:0; padding:16px 22px; font-weight:700}
.search-hints .hint{
  display:inline-block; margin:.25rem .35rem; padding:.35rem .6rem;
  border:1px solid rgba(255,255,255,.18); border-radius:999px;
  font-size:.95rem; color:#fff;
}
.search-hints .hint:hover{color:var(--accent); border-color:var(--accent)}
.hint-label{opacity:.7; margin-right:.25rem}

/* адаптация на телефонах */
@media (max-width:767.98px){
  .search-offcanvas{height:min(75vh, 520px)}
  .search-submit{width:100%}
  .search-group{gap:6px}
  .search-group .input-group-text{display:none}
}
/* hero-services: не перекрывать контент ниже на 992–1499px */
@media (min-width:992px) and (max-width:1499.98px){
  /* резервируем место под «плашки» */
  .hero{
    padding-bottom: calc(310px + 30px); /* высота карточки + зазор */
    position: relative;
  }
  /* чуть подвинем блок от краёв */
  .hero-services{ right: 15px; bottom: 15px; z-index: 3; }
  /* гарантируем, что градиент позади, а текст/карточки сверху */
  .hero::after{ z-index: 1; }
  .hero .wrap{ position: relative; z-index: 2; }
}

/* На планшетах/мобиле hero-services уже в потоке (из прошлого правки),
   но подстрахуемся: */
@media (max-width:991.98px){
  .hero{ padding-bottom: 0; }
  .hero-services{ position: static; z-index: auto; }
}

/* Если хочется, чтобы «плашки» были компактнее в 1200–1499px: */
@media (min-width:1200px) and (max-width:1499.98px){
  .hero-services .service-card{ width: 310px; height: 260px; }
  .service-card h3{ padding: 110px 0 80px 24px; font-size: 21px; }
}

 /* Цвет акцента у нижнего градиента */
  .partner-hero {
    --accent: #c7894c;
    /* фон из Elementor */
    background-image: url("/wp-content/uploads/2025/07/business-man-mobile-phone-1-scaled.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; /* как в твоём CSS */
    min-height: clamp(260px, 35vh, 420px);
    display: flex;
    align-items: center;
    isolation: isolate;
  }
  /* мягкая тень для читаемости текста */
  .partner-hero .content-wrap { 
    text-shadow: 0 2px 16px rgba(0,0,0,.35); 
	padding-top: 195px;
  padding-bottom: 50px;
  }
  /* нижний золотистый градиент как на скрине */
  .partner-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 140px;
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      color-mix(in oklab, var(--accent) 60%, transparent) 60%,
      color-mix(in oklab, var(--accent) 85%, black 0%) 100%
    );
    pointer-events: none;
    z-index: -1;
  }

  /* Divider с подписью */
  .label-divider {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    font-size: 0.9rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    opacity: .95;
  }
  .label-divider::before,
  .label-divider::after {
    content: "";
    height: 1px;
    width: 72px;
    background: rgba(255,255,255,.65);
  }

  /* Соцкнопки в кружках, «минимал» */
  .socials .social-btn {
    width: 40px; height: 40px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.55);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease, color .2s ease;
    text-decoration: none;
  }
  .socials .social-btn:hover {
    transform: translateY(-2px);
    border-color: #fff;
    background-color: rgba(255,255,255,.1);
    color: #fff;
  }
  .socials i { font-size: 1.1rem; line-height: 1; }

  /* Адаптив: центрируем кадр на мобильных */
  @media (max-width: 991.98px) {
    .partner-hero {
      background-position: center center;
      min-height: 300px;
    }
    .label-divider::before, .label-divider::after { width: 48px; }
  }
    .questions-cta{
    --gold-1:#c3893f; --gold-2:#d9b060; --gold-3:#ffe18f;
    background:
      radial-gradient(120% 140% at 65% 78%, var(--gold-3) 0%, var(--gold-2) 45%, var(--gold-1) 100%);
    color:#1c1c1c;
    font-family:"Poiret One", system-ui, sans-serif;
    padding: clamp(48px, 8vw, 90px) 0;
  }

  .questions-cta h2{
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:700;
    font-size:clamp(20px, 2.4vw, 28px);
    margin:0 0 .5rem;
  }
  .questions-cta .sub{
    text-align:center;
    font-size:clamp(14px, 1.4vw, 18px);
    opacity:.9;
    margin:0 0 2rem;
  }

  .cta-form{ margin:0 auto 1rem; }
  .field-label{
    display:block;
    font-size:.95rem;
    text-transform:uppercase;
    letter-spacing:.18em;
    margin:0 0 .35rem .25rem;
    opacity:.9;
  }
  .cta-form input{
    width:100%;
    background:transparent;
    border:0;
    border-top:2px solid rgba(0,0,0,.55);
    padding:.8rem .5rem 0;
    outline:0;
    font-size:1rem;
    color:#111;
  }
  .btn-submit{
    display:block;
    width:100%;
    margin-top:.8rem;
    border:0;
    border-radius:0;
    background:#000;
    color:#fff;
    padding:1rem 1.25rem;
    text-transform:uppercase;
    letter-spacing:.22em;
    font-weight:700;
    cursor:pointer;
    transition:opacity .2s ease, transform .1s ease;
  }
  .btn-submit:hover{ opacity:.9; }
  .btn-submit:active{ transform:translateY(1px); }

  .inline-help{
    margin: .5rem auto 0;
    display:flex;
    align-items:center;
    gap:.75rem;
    font-size:clamp(14px, 1.2vw, 18px);
  }
  .soc{
    width:44px; height:44px;
    border-radius:999px;
    background:#000;
    display:inline-flex; align-items:center; justify-content:center;
    text-decoration:none;
  }
  .soc svg{ width:22px; height:22px; fill:#fff; display:block; }

  @media (max-width: 575.98px){
    .inline-help{ justify-content:center; text-align:center; flex-wrap:wrap; }
  }

  .contacts-slab{ background:var(--bg); color:var(--text); position:relative; overflow:hidden; }
  /* skyline overlay из Elementor */
  .contacts-slab::after{
    content:""; position:absolute; inset:auto 0 0 0; height:360px;
    background:url("/wp-content/uploads/2025/06/skyline-gry.png") bottom center/contain no-repeat;
    opacity:.7; pointer-events:none;
  }

  .ct-title{ color:var(--accent); text-transform:uppercase; letter-spacing:.14em; font-weight:700; margin-bottom:1rem; }

  /* Иконки через Bootstrap Icons */
  .ct-ico{
    width:28px; height:28px; flex:0 0 28px;
    display:inline-grid; place-items:center;
    color:var(--accent);
  }
  .ct-ico .bi{ font-size:1.35rem; line-height:1; }

  .ct-label{ color:var(--accent); font-weight:700; letter-spacing:.06em; margin-bottom:.125rem; }
  .ct-val{ color:var(--text); }
  .contacts-slab a{ color:var(--text); text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.25); }
  .contacts-slab a:hover{ color:var(--text); border-bottom-color:transparent; }
	.car-breadcrumbs {
	font-size: 1.4rem;
	}
	.fs-auto-size {
	font-size: 1.3rem;
	}
  .car-breadcrumbs .crumb{ color:var(--text); text-decoration:none; border-bottom:1px dotted transparent; }
  .car-breadcrumbs .crumb:hover{ color:var(--text); border-bottom-color:var(--text); }
  .car-breadcrumbs .sep{ color:var(--text); margin:0 .4rem; }

  .car-photo{ background:#000; }
  .car-title{ font-weight:600; }
  .car-specs{ border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
  .car-ico{ color:var(--accent); font-size:1.1rem; }

  .price-card{
    background: #1b1b1b;
    border:2px solid var(--accent);
    box-shadow: 0 0 0 1px rgba(0,0,0,.4) inset;
  }
  .price-row{
    display:flex; align-items:center; gap:.75rem;
    padding:.65rem 0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .price-row:last-child{ border-bottom:0; }
  .price-row .line{ flex:1 1 auto; height:1px; background:rgba(255,255,255,.15); }
  .price-row .price{ color:var(--accent); font-weight:700; letter-spacing:.02em; }

  .spec-pill{
    display:inline-block;
    padding:.55rem 1rem;
    border-radius:999px;
    background: linear-gradient(180deg, var(--gold1), var(--gold2));
    color:#2a1b00;
    font-weight:700;
    letter-spacing:.04em;
    font-size:.9rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.35);
    border:1px solid rgba(0,0,0,.25);
    text-transform: uppercase;
    white-space:nowrap;
  }

  @media (max-width: 991.98px){
    .price-card{ margin-top:.5rem; }
  }
    .transfers-slab{
    background: var(--bg);
    color: var(--text);
    position: relative; overflow: hidden;
  }
  /* Skyline overlay like Elementor */
  .transfers-slab::after{
    content:""; position:absolute; inset:auto 0 0 0; height:360px;
    background:url("/wp-content/uploads/2025/06/skyline-gry.png") bottom center/contain no-repeat;
    opacity:.7; pointer-events:none;
  }

  .tt{
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--accent);
    font-weight:700;
    font-size:clamp(18px,2.2vw,22px);
  }
  .tt-sm{
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--accent);
    font-weight:700;
    font-size:clamp(16px,2vw,18px);
  }


  .btn-gold:hover{ filter:brightness(1.05); color:#1b1b1b; }

  .gold-frame{
    border:3px solid var(--accent);
    box-shadow: 0 8px 20px rgba(0,0,0,.35);
  }

  .place{
    display:flex; flex-direction:column; align-items:center; gap:.5rem;
  }
  .icon-circle{
    width:70px; height:70px; border-radius:999px;
    display:inline-grid; place-items:center;
    background: linear-gradient(180deg, var(--gold1), var(--gold2));
    color:#111;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 6px 14px rgba(0,0,0,.35);
  }
  .icon-circle .bi{ font-size:1.8rem; line-height:1; }
  .label{
    color:var(--text); letter-spacing:.12em; text-transform:uppercase;
    font-size:.9rem;
  }
  * Больше типографика */
.transfers-slab .tt{
  font-size: clamp(22px, 3.2vw, 34px);
}
.transfers-slab .tt-sm{
  font-size: clamp(18px, 2.6vw, 26px);
}
/* первый абзац под большим заголовком (у нас .lead.small) */
.transfers-slab .lead.small{
  font-size: clamp(18px, 1.9vw, 20px);
}
/* тексты в двух колонках */
.transfers-slab p.small{
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.7;
}

/* кнопка побольше */
.transfers-slab .btn-gold{
  padding: .9rem 1.4rem;
  font-size: clamp(14px, 1.3vw, 16px);
}

/* Иконки и подписи крупнее */
.transfers-slab .icon-circle{
  width: 90px;
  height: 90px;
}
.transfers-slab .icon-circle .bi{
  font-size: 2.1rem;
}
.transfers-slab .label{
  font-size: clamp(14px, 1.4vw, 16px);
  letter-spacing: .14em;
}
  /* кастомная ширина */
  .container-1600{max-width:1600px;}

  .category-slab{background:var(--bg);color:var(--text);position:relative;overflow:hidden;}
  .category-slab::after{
    content:"";position:absolute;inset:auto 0 0 0;height:360px;
    background:url("/wp-content/uploads/2025/06/skyline-gry.png") bottom center/contain no-repeat;
    opacity:.7;pointer-events:none;
  }

  .cat-card{
    display:block;position:relative;border-radius:16px;overflow:hidden;
    height:320px;border:3px solid var(--accent);
    background:#000 var(--bg) center/cover no-repeat; background-image:var(--bg);
    box-shadow:0 14px 28px rgba(0,0,0,.45); text-decoration:none;
    transition:transform .25s ease, filter .25s ease;
  }
  .cat-card::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,0) 34%,rgba(0,0,0,.7) 92%);
  }
  .cat-card:hover{transform:translateY(-4px);filter:brightness(1.04);}

  .cat-btn{
    position:absolute;top:14px;left:16px;z-index:2;
    padding:.5rem 1rem;border-radius:.6rem;
    background:linear-gradient(180deg,var(--gold1),var(--gold2));
    color:#1b1b1b;font-weight:800;letter-spacing:.08em;font-size:1rem;
    border:1px solid rgba(0,0,0,.35);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 12px rgba(0,0,0,.35);
    white-space:nowrap;
  }

  .cat-title{
    position:absolute;left:0;right:0;bottom:14px;z-index:2;
    text-align:center;
    font-size:clamp(1.2rem,1.6vw,1.6rem); /* крупнее */
    letter-spacing:.16em;text-transform:uppercase;font-weight:700;
    color:#EFEFEF;text-shadow:0 2px 8px rgba(0,0,0,.6);
  }
  .cat-title .hl{color:var(--accent);}

  .grid-heading{
    color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-weight:800;
    font-size:clamp(22px,2.4vw,36px);
  }
  .grid-desc{
    max-width:1100px;margin:.75rem auto 0;color:var(--text);
    font-size:clamp(16px,1.35vw,20px);line-height:1.85;
  }

  @media (min-width: 992px){ .cat-card{height:360px;} }
  
  @media (max-width: 400px){ .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --bs-offcanvas-width: 100%; } }
  
  .back-off::before,.back-off::after {
	  background: none !important;
  }
  .dropdown-menux {
	border-radius: 0px;
  padding: 0px;
}
.dropdown-menux>li>a {
display: block;
  padding: 15px 25px;
  border-bottom: 1px var(--bg) solid;
  text-transform: uppercase;
  font-weight: 600;
}
.dropdown-menux>li>a:hover {
	background: #eee;
}
/* base pills */
.popular-cars-pag .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; height:44px; padding:0 14px; margin:0 6px;
  border-radius:999px;
  border:1px solid transparent;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)) padding-box,
    linear-gradient(135deg, var(--gold1), var(--gold2)) border-box; /* gradient ring */
  color:var(--text);
  text-decoration:none; font-weight:600; letter-spacing:.2px; line-height:1;
  box-shadow:0 1px 2px rgba(0,0,0,.25);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

/* hover */
.popular-cars-pag a.page-numbers:hover{
  transform:translateY(-1px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.02)) padding-box,
    linear-gradient(135deg, var(--gold1), var(--gold2)) border-box;
  box-shadow:0 8px 22px rgba(0,0,0,.35), 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);
}

/* active/current page */
.popular-cars-pag .page-numbers.current{
  background:
    linear-gradient(135deg, var(--gold1), var(--gold2)) padding-box,
    linear-gradient(135deg, var(--gold1), var(--gold2)) border-box; /* solid gold fill */
  color:#0e0e0e; /* контраст на золоте */
  border-color:transparent;
  box-shadow:0 10px 28px rgba(215,167,82,.35);
  cursor:default;
}

/* prev/next arrows are wider pills */
.popular-cars-pag .page-numbers.prev,
.popular-cars-pag .page-numbers.next{
  min-width:auto; padding:0 18px;
}

/* dots (…) */
.popular-cars-pag .page-numbers.dots{
  background:transparent; border-color:transparent; box-shadow:none;
  color:var(--muted); font-weight:500; min-width:auto; padding:0 4px;
}

/* focus (keyboard) */
.popular-cars-pag .page-numbers:focus-visible{
  outline:3px solid rgba(215,167,82,.45); /* var(--accent) with alpha */
  outline-offset:2px;
}

/* compact on small screens */
@media (max-width: 575.98px){
  .popular-cars-pag .page-numbers{
    min-width:38px; height:38px; padding:0 12px; margin:0 4px;
  }
}

/* container spacing */
.popular-cars-pag .d-flex.justify-content-center{ gap:6px; }

/* --- слойность и фоновые слайды --- */
.hero{
  background:#000 var(--hero-bg, url('/wp-content/uploads/2025/07/P90508473_highRes_rolls-royce-ghost-ex-scaled.jpg')) 0 -575px/cover no-repeat;
  min-height:100vh; margin-top:-180px; position:relative; overflow:hidden;
  background-position: center;
  
}
    .hero h1{font-size:60px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px}
    .hero h2{font-size:20px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#fff}
.hero .hero-bg-fader{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background: var(--hero-bg-next, var(--hero-bg)) 0 -5px/cover no-repeat;
  opacity:0; transition:opacity 600ms ease;
}
.hero .wrap{ min-height:100vh } /* как у тебя */

.hero-bg-swiper,
.hero-bg-swiper .swiper-wrapper,
.hero-bg-swiper .swiper-slide{ position:absolute; inset:0; width:100%; height:100% }

.hero-bg-swiper{ z-index:0 } /* выше фонового background секции, ниже оверлеев/контента */
.hero-bg-swiper .swiper-slide::before{
  content:""; position:absolute; inset:0;
  background-image:var(--bg);
  background-size:cover;
  background-position:var(--bgpos, 0 -575px); /* сохраняем твой оффсет */
  transform:scale(1.05);
  transition:transform 1200ms ease;
}
.hero-bg-swiper .swiper-slide.swiper-slide-active::before{ transform:scale(1) }

.hero-bg-overlay{ position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.55))
}

.info-hero{ position:relative; z-index:3 } /* текст всегда над оверлеем и фоном */


    /* HERO extras */
    .booking-label{font-size:20px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#fff}
    .hero-services{position:absolute; right:0; bottom:0; display:flex; gap:15px; z-index:4}

.hero-services .service-card{ width:300px; height:310px } /* твои размеры */
.hero-services .service-card.is-active{
  outline:1px solid rgba(255,255,255,.35);
  box-shadow:0 10px 34px rgba(0,0,0,.35)
}

/* --- контентный fade (без влияния на твои h1/h2/label) --- */
.hero-info-swiper .swiper-slide{ will-change:opacity,transform }
/* кнопка-«карточка»: убираем дефолтные стили button */
.hero-services .service-card{
  cursor:pointer;
  border:0; background:transparent; padding:0; /* обнуляем button */
  width:300px; height:310px; /* твои размеры */
  color: #fff;
}
.hero-services .service-card:focus-visible{
  outline:2px solid #fff; outline-offset:2px;
}
/* ===================== ≤ 1600px ===================== */
@media (max-width:1599.98px){
  /* Читаемость и высота секции */
  .hero{
    min-height: 100svh;
    padding-bottom: 20px;
    background-position: center;
    background-size: cover;
  }
  .hero .wrap{ min-height: 100svh }
  /* Чтобы карточки не перекрывали текст */
  .info-hero{ z-index: 5 }
  .hero-services{ z-index: 4 }

  .hero h1{ font-size: 48px }
  .booking-label{ font-size: 18px }
  .hero-services{ gap: 12px }
  .hero-services .service-card{ width: 260px; height: 280px }
}

/* ===================== ≤ 1400px ===================== */
@media (max-width:1399.98px){
  .hero{  }
  .hero h1{ font-size: 44px }
  .hero-services .service-card{ width: 240px; height: 260px }
}

/* ===== ≤1200px: карточки не пропадают, перестают быть absolute ===== */
@media (max-width:1199.98px){
  /* Секция растягивается по контенту (без принудительного min-height) */
  .hero{
              /* чуть меньше перекрытие шапки */
    /* min-height не задаём — пусть растёт по контенту */
    padding-bottom: 16px;
  }
  .service-card .content {
  z-index: 2;
}

  /* Карточки становятся обычным блоком ниже текста */
  .hero-services{
    position: static;           /* было: absolute */
    display: flex;
    gap: 12px;
    padding: 12px 12px 0;
    overflow: visible;          /* на всякий */
  }
}

/* ===== ≤1024px: фикс исчезновения + удобнее читать ===== */
@media (max-width:1023.98px){
	
  .hero{ 
    margin-top: -40px;          /* ещё меньше перекрытие */
    /* никакого min-height на мобильных/планшетах */
  }
  .hero .wrap{ min-height: auto }
  .hero h1{ font-size: 32px; line-height: 1.15 }
  .booking-label{ font-size: 15px }
}

/* ===== ≤768px: каждый сервис — на всю ширину ===== */
@media (max-width:767.98px){
  .hero{
    margin-top: 0;              /* убираем пустой верх */
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  /* Список сервисов — колонкой, полноширинный */
  .hero-services{
    display: grid;
    grid-template-columns: 1fr; /* один столбец */
    gap: 10px;
    padding: 12px;
  }
  .hero-services .service-card{
    width: 100%;
    height: 150px;              /* можно подправить */
    border-radius: 14px;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.15);
  }
  .hero-services .service-card.is-active{
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.28);
  }
  /* Внутренности карточки — удобное выравнивание */
  .hero-services .service-card .content{
	  z-index: 1;
    display: flex; 
    align-items: flex-end;
    height: 100%;
    padding: 10px 14px;
    text-align: left;
  }
  .hero-services .service-card h3{ 
    font-size: 18px; 
    margin: 0 0 6px 12px; 
	background-image: none;
  }
  .hero-services .service-card .icon{ 
    width: 32px; height: 32px; 
  }
}

/* ===== ≤576px: чуть компактнее заголовок ===== */
@media (max-width:575.98px){
  .hero h1{ font-size: 26px }
  .booking-label{ font-size: 13px }
  .hero-services .service-card{ height: 140px }
}