/* Mobil hosting kartlari: ekran genisligine uyum. Masaustu etkilenmez. */
@media (max-width: 600px) {
  #nb-pricing.package-slider.nb-carousel {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  #nb-pricing .package-viewport { width:100% !important; max-width:100% !important; min-width:0 !important; overflow:hidden !important; }
  #nb-pricing .package-track { gap: 0 !important; min-width:0 !important; }
  #nb-pricing .package-track > .plan-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #nb-pricing .plan-card .plan-body { box-sizing:border-box !important; max-width:100% !important; }
  #nb-pricing .package-arrow {
    width: 20px !important; height: 20px !important; min-width:20px !important;
    padding:0 !important; font-size:15px !important; line-height:1 !important;
    border-radius:50% !important; display:flex !important; align-items:center !important;
    justify-content:center !important; z-index:60 !important;
  }
  #nb-pricing .package-prev { left: 1px !important; }
  #nb-pricing .package-next { right: 1px !important; }
}

/* v4: remove nested slider and card gutters on narrow screens */
@media screen and (max-width:600px) {
  .cloud-pricing-wrap#nb-pricing {padding: 8px 2px !important; width:100% !important; max-width:100% !important;}
  #nb-pricing .package-viewport {padding:0 !important; margin:0 !important;}
  #nb-pricing .package-track {padding:0 !important; margin:0 !important;}
  #nb-pricing .package-track > .card.plan-card {margin:0 !important; padding:0 !important; flex:0 0 100% !important; width:100% !important; max-width:100% !important;}
  #nb-pricing .plan-card .plan-body {width:100% !important; max-width:100% !important; margin:0 !important; padding-left:24px !important; padding-right:16px !important;}
  #nb-pricing .package-prev {left:2px !important;}
  #nb-pricing .package-next {right:2px !important;}
}