/* V266 — Category/Popular Platforms package modal mirrors Quick Buy mobile UI. */
@media (max-width:760px){
  html body .flex-package-modal{padding:6px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  html body .flex-package-modal-dialog{box-sizing:border-box!important;width:min(96vw,460px)!important;max-width:min(96vw,460px)!important;max-height:96dvh!important;margin:0 auto!important;padding:8px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;gap:5px!important;overflow:auto!important;overscroll-behavior:contain!important}
  html body .flex-package-modal-head{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;align-items:center!important;gap:8px!important;min-height:42px!important;margin:0!important;padding:0!important;flex:none!important}
  html body .flex-package-modal-head>div{min-width:0!important}
  html body .flex-package-modal-head .flex-kicker{display:block!important;margin:0 0 2px!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body .flex-package-modal-head h3{margin:0!important;font-size:16px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body .flex-package-modal-head p{display:none!important}
  html body .flex-package-modal-x{box-sizing:border-box!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:20px!important}
  html body .flex-package-modal-panel{min-height:0!important;overflow:visible!important;padding:0!important;margin:0!important;gap:5px!important;display:flex!important;flex-direction:column!important}
  html body .flex-package-modal-section-head{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important}
  html body .flex-package-modal-section-head strong{font-size:9px!important;line-height:1!important;white-space:nowrap!important}
  html body .flex-package-modal-section-head small{font-size:7px!important;line-height:1!important;white-space:nowrap!important;padding:0!important}

  html body .flex-package-modal-list[data-package-grid],html body .flex-package-modal-list{box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:76px!important;gap:5px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;align-items:stretch!important;align-content:start!important;flex:none!important}
  html body .flex-package-modal-item{all:unset!important;box-sizing:border-box!important;position:relative!important;width:100%!important;min-width:0!important;height:76px!important;min-height:76px!important;max-height:76px!important;margin:0!important;padding:5px 3px 4px!important;border:1px solid var(--line,#e4e7ef)!important;border-radius:9px!important;background:var(--surface,#fff)!important;color:inherit!important;cursor:pointer!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 27px!important;gap:2px!important;align-items:center!important;justify-items:center!important;overflow:visible!important;text-align:center!important;font:inherit!important;appearance:none!important}
  html body .flex-package-modal-item.is-selected,html body .flex-package-modal-item[aria-pressed="true"]{border-color:var(--primary,#665cf6)!important;box-shadow:0 0 0 1px var(--primary,#665cf6)!important}
  html body .flex-package-select-mark{box-sizing:border-box!important;position:absolute!important;top:3px!important;right:3px!important;left:auto!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;margin:0!important;padding:0!important;border-radius:5px!important;display:grid!important;place-items:center!important;font-size:10px!important;line-height:1!important;z-index:3!important}
  html body .flex-package-select-mark i{font-size:10px!important;line-height:1!important}
  html body .flex-package-modal-copy{box-sizing:border-box!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:4px 1px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;overflow:hidden!important;text-align:center!important}
  html body .flex-package-modal-copy b{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:10px!important;line-height:1.05!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body .flex-package-modal-copy small{display:block!important;width:100%!important;max-width:100%!important;height:10px!important;margin:0!important;font-size:6.5px!important;line-height:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body .flex-package-modal-price{box-sizing:border-box!important;grid-row:2!important;width:96%!important;min-width:0!important;max-width:96%!important;height:27px!important;min-height:27px!important;max-height:27px!important;margin:0 auto!important;padding:2px!important;border-radius:6px!important;display:grid!important;grid-template-rows:12px 9px!important;align-content:center!important;justify-items:center!important;gap:1px!important;overflow:hidden!important}
  html body .flex-package-modal-price b{display:block!important;width:100%!important;min-width:0!important;margin:0!important;font-size:7.5px!important;line-height:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
  html body .flex-package-modal-discount{display:block!important;box-sizing:border-box!important;width:auto!important;max-width:96%!important;height:9px!important;min-height:9px!important;margin:0!important;padding:0 3px!important;border-radius:999px!important;font-size:5.4px!important;line-height:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body .flex-package-favorite{box-sizing:border-box!important;position:absolute!important;top:-4px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:72%!important;height:12px!important;min-height:12px!important;margin:0!important;padding:1px 4px!important;border-radius:999px!important;font-size:5.5px!important;line-height:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:4!important}

  html body .flex-package-modal .flex-package-custom-choice{box-sizing:border-box!important;width:100%!important;margin:1px 0 0!important;padding:5px 0 0!important;display:block!important;border-top:1px solid var(--line,#e4e7ef)!important}
  html body .flex-package-modal .flex-package-custom-head,html body .flex-package-modal .flex-package-range-wrap{display:none!important}
  html body .flex-package-modal .flex-package-custom-form{display:grid!important;grid-template-columns:88px minmax(0,1fr) 82px!important;grid-template-areas:"step range price" "action action action"!important;gap:4px!important;width:100%!important;margin:0!important;padding:0!important}
  html body .flex-package-modal .flex-package-stepper{grid-area:step!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;border-radius:8px!important;overflow:hidden!important}
  html body .flex-package-modal .flex-package-live-box{grid-area:price!important;width:100%!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;border-radius:8px!important;overflow:hidden!important}
  html body .flex-package-modal .flex-package-continue{grid-area:action!important;width:100%!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0 10px!important;border-radius:8px!important;font-size:9px!important}
  html body .flex-package-modal .package-benefit-strip{box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:24px!important;gap:4px!important;width:100%!important;margin:0!important;padding:0!important}
  html body .flex-package-modal .package-benefit-card{box-sizing:border-box!important;width:100%!important;height:24px!important;min-height:24px!important;max-height:24px!important;margin:0!important;padding:2px 3px!important;border-radius:6px!important;overflow:hidden!important}
  html body .flex-package-modal .package-ai-query{box-sizing:border-box!important;width:100%!important;min-height:25px!important;margin:0!important;padding:3px!important;border-radius:7px!important;overflow:hidden!important}
}
@media (max-width:390px){
  html body .flex-package-modal-dialog{width:98vw!important;max-width:98vw!important;padding:6px!important;gap:4px!important}
  html body .flex-package-modal-list[data-package-grid],html body .flex-package-modal-list{grid-auto-rows:72px!important;gap:4px!important}
  html body .flex-package-modal-item{height:72px!important;min-height:72px!important;max-height:72px!important;grid-template-rows:minmax(0,1fr) 25px!important}
  html body .flex-package-modal-price{height:25px!important;min-height:25px!important;max-height:25px!important;grid-template-rows:11px 8px!important}
  html body .flex-package-modal-copy b{font-size:9px!important}
  html body .flex-package-modal-price b{font-size:6.8px!important;line-height:11px!important}
}