/* V212 — preserve desktop layout, compact mobile 4-up tabs + 4x4 package grid */

@media (max-width: 640px){
  .flex-left-packages{padding:14px 12px!important;border-radius:22px!important}
  .flex-left-packages-head{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
  .flex-left-packages-head h2{font-size:18px!important;line-height:1.15!important;margin-top:4px!important}
  .flex-left-packages>p{font-size:12px!important;margin:8px 0 12px!important}
  .flex-package-count{font-size:10px!important;padding:7px 9px!important}

  /* Four service types side by side on mobile. */
  .flex-package-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  .flex-package-tab{min-height:116px!important;padding:10px 7px!important;border-radius:16px!important;gap:8px!important}
  .flex-package-tab-head{padding-top:28px!important;text-align:center!important}
  .flex-package-tab-head strong{font-size:11px!important;line-height:1.15!important;font-weight:750!important;text-align:center!important;min-height:2.35em!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .flex-package-tab-discount{top:0!important;left:50%!important;transform:translateX(-50%)!important;min-width:54px!important;padding:6px 8px!important;font-size:10px!important}
  .flex-package-tab-price-block{padding-top:8px!important;gap:3px!important;align-items:center!important;text-align:center!important}
  .flex-package-tab-price-block span{font-size:9px!important}
  .flex-package-tab-price-block b{font-size:12px!important;white-space:nowrap!important}

  /* 16 package choices as a 4x4 grid, so quantity controls arrive quickly. */
  .flex-package-modal-list,
  .flex-package-modal-list[data-package-grid]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .flex-package-modal-item{min-height:94px!important;padding:7px!important;border-radius:11px!important;grid-template-columns:minmax(0,1fr) 20px!important;grid-template-rows:auto auto!important;gap:5px 3px!important}
  .flex-package-select-mark{width:20px!important;height:20px!important;border-radius:6px!important}
  .flex-package-select-mark i{font-size:10px!important}
  .flex-package-modal-copy b{font-size:10.5px!important;line-height:1.05!important}
  .flex-package-modal-copy small{font-size:7.5px!important;margin-top:2px!important}
  .flex-package-modal-price{grid-column:1/-1!important;padding:6px 3px!important;border-radius:8px!important;gap:4px!important;min-height:42px!important}
  .flex-package-modal-price b{font-size:8.5px!important;line-height:1!important;letter-spacing:-.02em!important;white-space:nowrap!important}
  .flex-package-modal-discount{font-size:6.5px!important;padding:3px 4px!important;white-space:nowrap!important}
  .flex-package-favorite{top:-5px!important;left:5px!important;font-size:6px!important;padding:3px 4px!important}

  .flex-package-custom-choice{margin-top:10px!important;padding-top:10px!important}
  .flex-package-custom-head{margin-bottom:7px!important}
  .flex-package-custom-head strong{font-size:13px!important}
  .flex-package-custom-head small{display:none!important}
  .flex-package-custom-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .flex-package-stepper{grid-column:1/-1!important;min-height:48px!important;height:48px!important;grid-template-columns:40px minmax(0,1fr) 40px!important;border-radius:12px!important}
  .flex-package-stepper button{font-size:22px!important}
  .flex-package-qty-manual{height:46px!important;font-size:20px!important}
  .flex-package-range-wrap{grid-column:1/-1!important;margin-top:0!important}
  .flex-package-range-wrap input[type=range]{height:4px!important}
  .flex-package-range-meta{font-size:8px!important}
  .flex-package-live-box{grid-column:1!important;min-height:44px!important;height:auto!important;padding:7px 8px!important;border-radius:11px!important;display:block!important}
  .flex-package-live-box small{font-size:8px!important}.flex-package-live-box strong{font-size:11px!important;margin-top:2px!important}.flex-package-live-box span{display:none!important}
  .flex-package-continue{grid-column:2!important;min-height:44px!important;height:44px!important;font-size:11px!important;margin:0!important}

  .page-reviews-section{padding-top:24px!important;padding-bottom:24px!important}
  .page-reviews-section .section-head{margin-bottom:12px!important}
  .page-reviews-section .h2{font-size:22px!important}
}

@media (max-width: 380px){
  .flex-package-tab-head strong{font-size:10px!important}
  .flex-package-tab-price-block b{font-size:11px!important}
  .flex-package-modal-copy b{font-size:9.5px!important}
  .flex-package-modal-price b{font-size:7.5px!important}
}