/* Responsive overrides for the archived desktop layout. */
@media (max-width: 1232px) {
  .w-container, header section.w-container { width: calc(100% - 32px) !important; min-width: 0; max-width: 1200px; box-sizing: border-box; }
  .container, .wrapper, .product-detail, .box-detail-info > * { min-width: 0; max-width: 100%; }
  .box-detail-info .detail-info-left, .box-detail-info .detail-info-right { width: calc(50% - 6px); min-width: 0; }
}
@media (max-width: 900px) {
  body { margin-top: 0; }
  header { position: relative !important; height: auto !important; }
  header section.w-container { height: auto !important; padding: 16px 0; }
  header .logo-search-user { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
  header .logo-search-user .logo { width: 180px; margin: 0; padding: 0; }
  header .logo-search-user .quick-for-user { flex: 1; gap: 4px; flex-wrap: wrap; }
  header .logo-search-user .search { order: 3; flex: 1 0 100%; min-width: 0; }
  header .logo-search-user .search .search-box { margin: 0; }
  header .logo-search-user .search .search-bg input { min-width: 0; width: 100%; padding-right: 108px; font-size: 16px; box-sizing: border-box; }
  header .search-sugget.f8-featured-categories { gap: 4px 8px; }
  header .search-sugget.f8-featured-categories a { display: inline-flex; align-items: center; min-height: 44px; margin: 0; }
  .top-heading .slick-list { overflow: hidden; }
  .breadcrumb { flex-wrap: wrap; height: auto; line-height: 1.6; padding: 12px 0; }
  .product-detail h1 { font-size: 24px; line-height: 1.35; overflow-wrap: anywhere; }
  .box-detail-info { flex-direction: column; gap: 20px; }
  .box-detail-info .detail-info-left, .box-detail-info .detail-info-right { width: 100%; max-width: 100%; flex: auto; }
  .box-detail-info .detail-info-right { order: -1; }
  .detail-info-left img, .box-content img { max-width: 100%; height: auto; }
  .box-content, .box-stores, .box-warranty { box-sizing: border-box; max-width: 100%; min-width: 0; }
  .box-content table { width: 100% !important; table-layout: fixed; }
  .box-content th, .box-content td { overflow-wrap: anywhere; }
  .box-content iframe { max-width: 100%; }
  .f8-detail-button, .f8-collapse, .f8-dialog-close { min-height: 44px; }
  .f8-promotion-dialog { max-height: calc(100dvh - 32px); overscroll-behavior: contain; }
  footer .bg { width: 100%; box-sizing: border-box; }
  footer .bg .col-content { flex-wrap: wrap; }
  footer .bg .col-content > div { width: calc(50% - 12px); box-sizing: border-box; min-width: 0; overflow-wrap: anywhere; }
  footer img { max-width: 100%; height: auto; }
  .autocomplete-suggestions { max-width: calc(100vw - 32px); box-sizing: border-box; }
}
@media (max-width: 600px) {
  .w-container, header section.w-container { width: calc(100% - 24px) !important; }
  header .logo-search-user .logo { width: 150px; }
  header .logo-search-user .quick-for-user { flex-basis: 100%; justify-content: flex-start; }
  .f8-offer { padding: 20px 16px; }
  .f8-actions, .f8-promos { grid-template-columns: minmax(0, 1fr); }
  .f8-games { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f8-offer .f8-cta { width: 100%; }
  .f8-promotion-list li { font-size: 14px; }
  .f8-promotion-dialog { padding: 18px; }
  .box-warranty .commitment, .box-stores .filter { flex-wrap: wrap; }
  footer .bg .col-content > div { width: 100%; padding-left: 0; }
}
@media (max-width: 1232px) {
  .container { width: 100%; min-width: 0; }
  header .top-heading { min-width: 0; max-width: 100%; overflow: hidden; }
  .apple-icon-utility-v2 { width: 100%; }
}
@media (max-width: 900px) {
  .apple-icon-utility-v2, .apple-icon-utility-v2 .item { flex-wrap: wrap; }
  .box-product-container .box-product-search form { width: 100%; }
  .box-stickcompare { width: 100%; max-width: 100vw; }
  .popup-modal .box-modal-compare { min-width: 0; width: 100%; overflow-x: auto; }
  .modal-card, .modal-fullscreen .modal-body { max-width: calc(100vw - 24px); }
  .review-content .item, .review-content .item .info { min-width: 0; overflow-wrap: anywhere; }
}
/* Show the banner immediately before the welcome offer on mobile. */
@media (max-width: 900px) {
  .box-detail-info > .detail-info-left { display: contents; }
  .box-detail-info > .detail-info-left > .f8bet86-banner { order: -2; margin-bottom: 0; }
}