/* Native Aigocy switch and two cards; only the scope selector is new. */
.aigocy-page .swiss-offer-choice {display:flex;align-items:center;gap:24px;margin-top:32px;}
.aigocy-page .swiss-offer-choice .tf-switch-check {flex-shrink:0;margin:0;cursor:pointer;}
.aigocy-page .swiss-offer-label {border:0;background:none;padding:12px 0;color:var(--secondary);font:600 28px/1.18 Urbanist,sans-serif;letter-spacing:-.02em;cursor:pointer;transition:color .2s;}
.aigocy-page .swiss-offer-label.is-active {color:var(--primary);}
.aigocy-page .swiss-offer-label:hover {color:var(--brand);}
.aigocy-page .swiss-offer-help {margin-top:26px;min-height:2.8em;max-width:700px;}
.aigocy-page .swiss-pricing-terms {max-width:930px;margin:10px auto 0;text-align:center;}
.aigocy-page .swiss-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(min-width:992px){
 .aigocy-page .section-pricing .pricing-item {min-height:490px;}
 .aigocy-page .section-pricing .pricing-item .content {min-height:164px;}
}
@media(max-width:767px){
 /* The desktop entrance rotates a whole card below its trigger. On a small
    screen keep the offer visible as soon as it enters the viewport. */
 .aigocy-page .section-pricing .pricing-item {transform:none!important;opacity:1!important;visibility:visible!important;}
 .aigocy-page .swiss-offer-choice {gap:12px;margin-top:24px;justify-content:space-between;}
 .aigocy-page .swiss-offer-label {font-size:18px;line-height:1.2;max-width:108px;text-align:left;min-height:44px;}
 .aigocy-page .swiss-offer-label:last-child {text-align:right;}
 .aigocy-page .swiss-offer-choice .tf-switch-check {width:80px;height:44px;}
 .aigocy-page .swiss-offer-choice .tf-switch-check::before {top:6px;}
 .aigocy-page .swiss-offer-help {font-size:16px;line-height:1.5;margin-top:20px;min-height:4.5em;}
 .aigocy-page .swiss-pricing-terms {text-align:left;}
}

/* A scope switch must not move the action from the price row to a new line.
   Keep the purchased card and button material; reserve two stable columns
   for both short and four-digit CHF prices. The visible CTA is « Parlons-en ».
   This selector intentionally wins over the earlier tablet wrap correction. */
@media (max-width: 1199px) {
 html body.aigocy-page .section-pricing .pricing-item[data-offer-service] .heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:76px;
 }
 html body.aigocy-page .section-pricing .pricing-item[data-offer-service] .heading > .d-flex {
  min-width:0;
  align-items:baseline!important;
  flex-wrap:nowrap;
  gap:10px!important;
 }
 html body.aigocy-page .section-pricing .pricing-item[data-offer-service] .heading > .tf-btn {
  align-self:center;
  justify-self:end;
  min-height:48px;
  max-width:100%;
  padding:12px 20px;
  white-space:nowrap;
  text-align:center;
 }
 html body.aigocy-page .section-pricing .pricing-item[data-offer-service] .heading .price-per {
  font-size:18px;
  line-height:24px;
 }
}
@media (max-width: 767px) {
 html body.aigocy-page .section-pricing .pricing-item[data-offer-service] .heading {
  gap:12px;
  min-height:70px;
 }
 html body.aigocy-page .section-pricing .pricing-item[data-offer-service] .heading > .d-flex {
  flex-direction:column;
  align-items:flex-start!important;
  gap:3px!important;
 }
 html body.aigocy-page .section-pricing .pricing-item[data-offer-service] .heading .swiss-price-number {
  font-size:clamp(36px,10vw,48px);
  line-height:1.08;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
 }
 html body.aigocy-page .section-pricing .pricing-item[data-offer-service] .heading .price-per {
  font-size:14px;
  line-height:20px;
 }
 html body.aigocy-page .section-pricing .pricing-item[data-offer-service] .heading > .tf-btn {
  padding:12px 16px;
  font-size:15px;
  line-height:24px;
 }
}
