/* 2026-11-03: wersja na telefon (etap 1–2). Działa tylko poniżej 760 px; na komputerze bez zmian. Wyłączenie: KZ_MOBILE = false w presentation/store_front.php */
@media (max-width: 760px) {
  html, body { overflow-x: hidden; }
  body { -webkit-text-size-adjust: 100%; }
  .wrap { width: auto !important; padding: 0 10px 20px; box-sizing: border-box; }
  img, iframe, video, embed, object { max-width: 100% !important; height: auto; }
  iframe { height: auto; aspect-ratio: 16 / 9; }
  table { max-width: 100%; }
  .cookieWarning { font-size: 12px; line-height: 1.4; padding: 6px 10px; }

  /* Etap 1: nagłówek, koszyk, wyszukiwarka, menu */
  #head { height: auto !important; padding-top: 10px !important; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  h1.logo, div.logo { position: static !important; width: 120px !important; height: 60px !important; background-size: contain !important; flex: 0 0 120px; }
  h1.logo a, div.logo a { width: 120px !important; height: 60px !important; background-size: contain !important; background-position: left center !important; }
  #cart-summary.basket { position: static !important; margin-left: auto; float: none !important; }
  #search { position: static !important; width: 100% !important; float: none !important; box-sizing: border-box; display: flex; background-size: cover; }
  #search select { flex: 0 0 auto; margin: 6px !important; }
  #search input[type=text] { flex: 1 1 auto; min-width: 0; width: auto !important; }
  #main_nav { height: auto !important; display: flex; flex-direction: column-reverse; margin-bottom: 12px; }
  #main_nav .user_nav { float: none !important; text-align: right; padding: 6px 10px; }
  #nav { float: none !important; display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; width: auto !important; height: auto !important; }
  #nav li.top { float: none !important; flex: 0 0 auto; height: auto !important; }
  #nav li a.top_link { float: none !important; white-space: nowrap; font-size: 13px; line-height: 40px !important; }
  #nav li a.top_link span { float: none !important; display: inline !important; padding: 0 10px !important; height: auto !important; }

  /* Etap 2: kolumny jedna pod drugą (najpierw treść), listy płyt w 2 kolumnach */
  .content, .content.clearfix { display: flex !important; flex-direction: column; }
  .main_content, #two_columns .main_content { order: 1; float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
  .left_column { order: 2; }
  .right_column { order: 3; }
  .left_column, .right_column { float: none !important; width: auto !important; margin-top: 16px; }
  .main_content * { max-width: 100%; box-sizing: border-box; }
  .products_list { display: flex !important; flex-wrap: wrap; justify-content: space-between; width: 100% !important; float: none !important; }
  .products_list > .row { display: contents !important; }
  .asinItem, .asinItemHotD { float: none !important; display: block !important; width: 48.5% !important; padding: 10px 2px !important; box-sizing: border-box; }
  .asinItem img, .asinItemHotD img { width: 100% !important; height: auto !important; }
  .left_column .box, .right_column .box { margin-bottom: 12px; }
  .left_column img, .right_column img { max-width: 160px !important; }
  .tp-banner-container, #CCDSliderWrapper { width: auto !important; max-width: 100%; }
  .footer ul li { display: inline-block; }

  /* menu od lewej krawędzi */
  #main_nav ul, #nav { margin: 0 !important; padding-left: 0 !important; }

  /* Etap 3: strona płyty – tytuł, okładka, cena i „Do koszyka”, potem opis */
  #main_content [itemtype*="MusicAlbum"] { display: flex; flex-direction: column; }
  #main_content .product_image { display: contents; }
  .ccd_h1 { order: 0; }
  #big_image_container { order: 1; width: auto !important; float: none !important; text-align: center; }
  #big_image_container img { width: 100% !important; height: auto !important; }
  .image_options { order: 2; }
  .product_information { order: 3; float: none !important; width: auto !important; margin: 10px 0 !important; }
  .socialMedia { order: 4; margin: 6px 0 12px; }
  .product_tabs { order: 5; float: none !important; width: auto !important; }
  .ccdArtistBtn { order: 4; width: auto !important; float: none !important; text-align: left !important; }
  [itemtype*="MusicAlbum"] > .row.end { order: 6; }
  .ca-wide-wrap { order: 7; }
  ul.tabs { width: auto !important; }
  .product_options { float: none !important; width: auto !important; padding: 10px 0 !important; border-bottom: 1px solid #eee; }
  .product_options .add-to-basket.kzAdd { float: none !important; display: block !important; text-align: center; height: 46px !important; line-height: 46px !important; font-size: 17px !important; border-radius: 23px !important; margin: 0 0 10px !important; }
  .product_options h2.price { float: none !important; font-size: 20px; }
  .product_options { display: flex; flex-direction: column; }
  .product_options h2.carrier { order: 1; margin: 0 0 4px; }
  .product_options h2.price, .product_options span.price { order: 2; }
  .product_options .add-to-basket.kzAdd { order: 3; margin: 8px 0 6px !important; }
  .product_options > span, .product_options > br { order: 4; }
  .product_options > div, .product_options > link, .product_options > meta { order: 5; }
  #kzModal > div { width: auto !important; left: 16px !important; right: 16px !important; transform: translateY(-30%) !important; }

  /* Etap 4: strony informacyjne i konto */
  .info_page, .legal_page { margin: 10px 0 !important; font-size: 14px !important; }
  .legal_page table { display: block; overflow-x: auto; }
  #initialForm div, #accountForm div { float: none !important; }
  #initialForm input, #accountForm input, #initialForm select, #accountForm select { width: 100% !important; max-width: 100%; box-sizing: border-box; font-size: 16px; }
  #initialForm label, #accountForm label { display: block; width: auto !important; float: none !important; }
  #initialForm span, #accountForm span { display: block; width: auto !important; float: none !important; margin: 2px 0 8px; }
  .address_table { font-size: 13px !important; }
  #useraccount_box { width: auto !important; }
}
/* stary pokaz slajdów (coin-slider, stałe 535 px) – proporcjonalne pomniejszenie */
@media (max-width: 760px) { .coin-slider, .coin-slider * { max-width: none !important; } }
@media (max-width: 420px) { .coin-slider { zoom: 0.64; } }
@media (min-width: 421px) and (max-width: 560px) { .coin-slider { zoom: 0.8; } }
/* 2026-11-03: biuletyn na telefonie – kompaktowy pasek, pełny formularz po dotknięciu */
@media (max-width: 760px) {
  #ccdNl:not(.kzOpen) { max-height: 20vh !important; padding: 10px 44px 10px 14px !important; display: flex !important; align-items: center; gap: 10px; }
  #ccdNl:not(.kzOpen)[style*="none"] { display: none !important; }
  #ccdNl:not(.kzOpen) p, #ccdNl:not(.kzOpen) form { display: none !important; }
  #ccdNl:not(.kzOpen) h3 { margin: 0 !important; font-size: 14px !important; flex: 1 1 auto; }
  #ccdNl .ccdNlOpen { display: inline-block !important; background: #0072BC; color: #fff; border: 0; border-radius: 18px; padding: 8px 14px; font: bold 13px Arial, sans-serif; white-space: nowrap; }
  #ccdNl.kzOpen .ccdNlOpen { display: none !important; }
  #ccdNl.kzOpen { max-height: 80vh !important; }
}