/* Keep each slide within its calculated width, including narrow tablets. */
[data-market-page="tariffs"] .pricing-card{min-width:0;box-sizing:border-box}
.zm-tariff-features-toggle{display:none}
@media(max-width:767px){
  [data-market-page="tariffs"]{--primary:#00aaf0;--primary-hover:#008fc9;--primary-light:#edf9fe}
  [data-market-page="tariffs"] .hero{padding:22px 0 0;text-align:left}
  [data-market-page="tariffs"] .hero-container{margin:0 0 24px}
  [data-market-page="tariffs"] .hero h1{font-size:26px;line-height:1.2;margin-bottom:12px}
  [data-market-page="tariffs"] .hero h1 span{background:none;color:#008fc9;-webkit-text-fill-color:currentColor}
  [data-market-page="tariffs"] .hero p{font-size:16px;line-height:1.5;margin:0}
  [data-market-page="tariffs"] .section-header{margin:0 0 16px;text-align:left}
  [data-market-page="tariffs"] .section-header h2{font-size:23px;margin:0 0 8px}
  [data-market-page="tariffs"] .section-header p{font-size:15px;line-height:1.5}
  [data-market-page="tariffs"] .pricing-grid{width:100%;max-width:520px;margin:0 auto 32px}
  [data-market-page="tariffs"] .tariffs-swiper{opacity:1;visibility:visible;overflow:visible;touch-action:auto;padding:0}
  [data-market-page="tariffs"] .tariffs-swiper>.swiper-wrapper{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;height:auto;transform:none!important}
  [data-market-page="tariffs"] :is(.tariffs-swiper-prev,.tariffs-swiper-next){display:none}
  [data-market-page="tariffs"] .pricing-card{width:100%!important;max-width:100%;height:auto;margin:0!important;padding:20px;border-radius:18px;text-align:left;box-shadow:0 3px 12px #203b5010;transition:none}
  [data-market-page="tariffs"] .pricing-card:hover{transform:none}
  [data-market-page="tariffs"] .pricing-card.added{border-color:#a5ddf3;background:linear-gradient(180deg,#f3fbff,#fff 70%)}
  [data-market-page="tariffs"] .featured-tag{position:static;transform:none;align-self:flex-start;padding:5px 10px;margin-bottom:12px;font-size:13px;font-weight:600;box-shadow:none}
  [data-market-page="tariffs"] .plan-name{font:700 22px/1.25 Arial,Helvetica,sans-serif;margin-bottom:8px;overflow-wrap:anywhere}
  [data-market-page="tariffs"] .plan-desc{font-size:15px;line-height:1.45;min-height:0;margin-bottom:16px;overflow-wrap:anywhere}
  [data-market-page="tariffs"] .plan-image{text-align:left}
  [data-market-page="tariffs"] .plan-image img{height:44px;margin-bottom:12px}
  [data-market-page="tariffs"] .plan-price{margin-bottom:18px}
  [data-market-page="tariffs"] .tariffs-list-item-price-now{font-size:30px!important;line-height:1.2}
  [data-market-page="tariffs"] .tariffs-list-item-price-old{font-size:19px!important}
  [data-market-page="tariffs"] .tariffs-list-item-price-title{font-size:14px;display:block;margin-top:4px}
  [data-market-page="tariffs"] .plan-features{gap:10px;flex:none;padding:0;margin:0;min-width:0}
  [data-market-page="tariffs"] .plan-features li{font-size:15px;line-height:1.4;gap:9px}
  [data-market-page="tariffs"] .plan-features li div{min-width:0;overflow-wrap:anywhere}
  [data-market-page="tariffs"] .plan-features li small{font-size:14px;line-height:1.4;margin-top:4px}
  [data-market-page="tariffs"] .zm-tariff-collapsible:not(.zm-tariff-expanded) .plan-features li:nth-child(n+4){display:none}
  [data-market-page="tariffs"] .zm-tariff-features-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin-top:6px;padding:8px 0;background:none;color:#0082b8;font-size:15px;line-height:1.4;text-align:left}
  .zm-tariff-features-toggle::after{content:'';width:8px;height:8px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px 0}
  .zm-tariff-features-toggle[aria-expanded="true"]::after{transform:rotate(225deg);margin-bottom:0}
  [data-market-page="tariffs"] .tariffs-action-payment button{margin-top:12px;min-height:46px;border-radius:12px;font-size:16px;padding:10px 16px;background:#00aaf0;color:white;box-shadow:none;transform:none}
  [data-market-page="tariffs"] .billing-toggle-container{max-width:100%;margin-bottom:16px;flex-wrap:wrap}
  [data-market-page="tariffs"] .billing-btn{padding:10px 12px;min-height:44px;font-size:14px}
  [data-market-page="tariffs"] .bento-grid{gap:12px;margin-bottom:28px}
  [data-market-page="tariffs"] .bento-card{padding:20px;border-radius:16px}
  [data-market-page="tariffs"] .bento-card p{font-size:15px;line-height:1.5}
  [data-market-page="tariffs"] .bento-icon{margin-bottom:12px}
  /* The payment sheet scrolls within the visible screen, even in landscape. */
  [data-market-page="tariffs"] #paymentModal .modal-dialog{width:calc(100% - 24px);max-width:480px;margin:12px auto;min-height:0;max-height:none;height:auto;align-items:flex-start}
  [data-market-page="tariffs"] #paymentModal .modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;border-radius:18px;padding-bottom:env(safe-area-inset-bottom,0px)}
  [data-market-page="tariffs"] #paymentModal .modal-body{padding:16px;overflow:visible;overscroll-behavior:auto}
  [data-market-page="tariffs"] #paymentModal .modal-header{position:sticky;top:0;z-index:2;background:#fff;border-radius:18px 18px 0 0}
  [data-market-page="tariffs"] #paymentModal .methods-title{padding:4px 0 12px}
  [data-market-page="tariffs"] #paymentModal .modal-subtitle{font-size:14px;line-height:1.4}
  [data-market-page="tariffs"] #paymentModal .amount-section{padding:4px 0 12px}
  [data-market-page="tariffs"] #paymentModal .amount-value{font-size:30px}
  [data-market-page="tariffs"] #paymentModal .methods-list{padding:16px 0;gap:10px}
  [data-market-page="tariffs"] #paymentModal .method-item{padding:12px;border-radius:12px;gap:10px}
  [data-market-page="tariffs"] #paymentModal .method-item.active{border-color:#00aaf0;background:#f1faff}
  [data-market-page="tariffs"] #paymentModal .method-icon{width:36px;height:36px;margin:0}
  [data-market-page="tariffs"] #paymentModal .method-info{min-width:0;overflow-wrap:anywhere}
  [data-market-page="tariffs"] #paymentModal .check-circle{flex-shrink:0}
  [data-market-page="tariffs"] #paymentModal .policy-info{font-size:13px;line-height:1.45}
}