@media (max-width:1199px){
  .services-hero{grid-template-columns:1fr;gap:34px}.services-hero h1{max-width:900px}.services-hero__lead{max-width:720px}
  .tariff-selector{grid-template-columns:minmax(310px,40%) minmax(0,60%);gap:36px}
  .tariff-tab{grid-template-columns:minmax(0,1fr) 20px}.tariff-tab__price{grid-column:1}.tariff-tab__arrow{grid-column:2;grid-row:1/3}
  .tariff-detail ul{grid-template-columns:1fr}.service-extra-card{min-height:350px}
}
@media (max-width:1100px){
  .services-hero{padding-top:60px;padding-bottom:64px}
  .services-section-head{margin-bottom:42px}.services-tariffs{padding-top:82px;padding-bottom:94px}
  .tariff-selector{grid-template-columns:1fr}.tariff-drawer-wrap{position:relative;top:auto;min-height:0}.tariff-drawer{min-height:0;padding:38px clamp(26px,5vw,40px) 34px}
  .tariff-detail ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-premium__content{grid-template-columns:1fr;gap:26px}.services-premium__label{margin:0}
  .services-result{padding-top:98px;padding-bottom:108px}.services-extra{padding-top:92px;padding-bottom:104px}
  .service-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-extra-card:last-child{grid-column:1/-1;min-height:330px}
  .services-guide{padding-top:98px;padding-bottom:108px}
}
@media (max-width:767px){
  .services-hero{padding-top:42px;padding-bottom:48px;gap:26px}.services-hero h1{font-size:clamp(46px,13vw,54px)}.services-hero__lead{font-size:16px}
  .services-tariffs{padding-top:68px;padding-bottom:78px}.services-section-head{margin-bottom:36px}.services-section-head h2{font-size:clamp(38px,11vw,48px)}.services-section-lead{font-size:16px}
  .tariff-tab{grid-template-columns:minmax(0,1fr) 18px;min-height:96px;gap:9px;padding:18px 10px}.tariff-tab__name{font-size:23px}.tariff-tab__price{font-size:18px}.tariff-drawer{min-height:0;padding:30px 24px 28px}
  .tariff-detail__top{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:26px;font-size:22px}.tariff-detail__top span:last-child{text-align:left}.tariff-detail h3{font-size:30px}.tariff-detail__lead{font-size:15px}.tariff-detail__price{font-size:40px}.tariff-detail ul{grid-template-columns:1fr}.tariff-detail__fit{grid-template-columns:1fr;gap:8px}
  .services-premium{min-height:700px}.services-premium__content{padding-top:64px;padding-bottom:64px}.services-premium__copy h2{font-size:22px}.services-premium__copy p{font-size:16px}
  .services-result{padding-top:80px;padding-bottom:86px}.services-result__grid{grid-template-columns:1fr;gap:38px}.result-shot--1,.result-shot--2,.result-shot--3,.result-shot--4,.result-shot--5,.result-shot--6{grid-column:auto;margin-top:0}.result-shot img{aspect-ratio:4/5}.result-shot--2 img,.result-shot--3 img,.result-shot--6 img{aspect-ratio:4/3}
  .services-extra{padding-top:76px;padding-bottom:84px}.service-extra-grid{grid-template-columns:1fr}.service-extra-card,.service-extra-card:last-child{grid-column:auto;min-height:320px}.service-extra-card__toggle{padding:22px}.service-extra-card__details{right:22px;bottom:22px;left:22px}
  .service-extra-card>img{filter:brightness(.62);transform:scale(1.035)}
  .service-extra-card__shade{background:linear-gradient(180deg,rgba(48,28,27,.32),rgba(48,28,27,.88))}
  .service-extra-card__heading{top:64px;bottom:auto;gap:10px;transform:none}
  .service-extra-card__details{max-height:none;overflow:visible;opacity:1;transform:none}
  .services-guide{padding-top:82px;padding-bottom:88px}.services-guide__row{grid-template-columns:36px 1fr;gap:13px 15px;padding:26px 0}.services-guide__row p{grid-column:2;font-size:15px}
  .services-cta{align-items:flex-start;flex-direction:column;padding-top:72px;padding-bottom:72px}.services-cta h2{font-size:40px}.services-cta p{font-size:16px}

  /* Mobile tariff switcher: the selected tariff stays directly below the tabs. */
  .tariff-selector{display:block}
  .tariff-tabs{
    display:flex;
    width:100%;
    margin:0 0 16px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .tariff-tabs::-webkit-scrollbar{display:none}
  .tariff-tab{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    width:auto;
    min-width:max-content;
    min-height:48px;
    padding:13px 16px;
    border:0;
    border-right:1px solid var(--line);
    opacity:1;
    white-space:nowrap;
    scroll-snap-align:start;
  }
  .tariff-tab:last-child{border-right:0}
  .tariff-tab__name{font-size:15px;line-height:1.2}
  .tariff-tab__price,.tariff-tab__arrow{display:none}
  .tariff-drawer-wrap{position:relative;top:auto;min-height:0;overflow:hidden}
  .tariff-drawer{
    min-height:0;
    padding:24px 18px 26px;
    clip-path:none;
    transform:none;
    transform-origin:center;
    transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1);
    will-change:opacity,transform;
  }
  .tariff-drawer.is-mobile-swapping{opacity:0;transform:translateY(8px)}

  /* Restore a full-width reading column after the late desktop guide override. */
  .services-premium__content{
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:60px 20px !important;
  }
  .services-premium__copy{width:100%;max-width:none !important;margin:0 !important}
  .services-premium__copy br{display:none}

  /* Compact mobile-only section rhythm. */
  .services-tariffs,.services-result,.services-extra,.services-guide{padding-top:60px;padding-bottom:60px}
  .services-section-head{margin-bottom:32px}
  .services-result__grid{gap:32px}
  .services-cta{padding-top:60px;padding-bottom:60px}
}
@media (max-width:420px){
  .services-hero h1{font-size:46px}.tariff-tab__name{font-size:15px}.tariff-detail__price{font-size:34px}.service-extra-card{min-height:310px}.service-extra-card__title{font-size:22px}.service-extra-card__price{font-size:13px}
}

/* 2026-08-19 — Responsive behavior for the Support-style services hero. */
@media (max-width:1024px){
  .services-hero--image{--services-hero-media-height:580px;padding:0 0 68px}
  .services-hero__plaque{
    bottom:24px;
    left:var(--pad);
    width:min(560px,calc(100% - (var(--pad) * 2)));
    margin:0;
  }
}
@media (min-width:768px) and (max-width:820px){
  .services-hero__media .hero-video-sound{bottom:280px}
}
@media (max-width:767px){
  .services-hero--image{--services-hero-media-height:520px;padding:0 0 60px}
  .services-hero__media .hero-video-sound{right:16px;bottom:92px}
  .services-hero__overlay{top:0;right:0;left:0}
  .services-hero__plaque{
    position:relative;
    bottom:auto;
    left:auto;
    width:calc(100% - 40px);
    margin:-72px auto 0;
    padding:24px;
  }
  .services-hero__plaque h1{font-size:34px}
  .services-hero__actions{align-items:stretch;flex-direction:column}
  .services-hero__actions .gx-btn{width:100%}
}
@media (max-width:420px){
  .services-hero__plaque{width:calc(100% - 32px)}
  .services-hero__plaque h1{font-size:32px}
}



/* 2026-08-20 — targeted mobile fixes. */
@media (max-width:767px){
  /* Center the first-screen card exactly like the support page. */
  .services-hero__plaque{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin:-72px auto 0 !important;
    transform:none !important;
  }

  /* Larger, cleaner tariff tabs on mobile. */
  .tariff-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    overflow:visible !important;
    scroll-snap-type:none !important;
  }
  .tariff-tab{
    width:100% !important;
    min-width:0 !important;
    min-height:58px !important;
    padding:13px 8px !important;
    justify-content:center;
    text-align:center;
    white-space:normal !important;
  }
  .tariff-tab__name{
    font-size:17px !important;
    line-height:1.15 !important;
  }
  .tariff-tab__arrow,.tariff-tab__price{display:none !important}
}
@media (max-width:420px){
  .services-hero__plaque{width:calc(100% - 32px) !important}
  .tariff-tab__name{font-size:16px !important}
}