/* =========================
   PDP V4 – přesně pro strukturu z ukázky
   Nadpis center, pod ním galerie, pod ní cena+košík, pod tím popis široký
   ========================= */

/* Aktivace jen na produktové stránce když je class na body (přidá JS) */
body.ft-pdp-v4 #main-product .columns{
    max-width: 1180px;
    margin: 0 auto;
  }
  
  /* ---------- HEADER: název + doprava zdarma na střed ---------- */
  body.ft-pdp-v4 #main-product ul.product-header{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  
    margin: 0 0 18px !important;
    padding: 0 0 14px;
    border-bottom: 1px solid rgba(0,0,0,.10);
  
    text-align: center !important;
  }
  
  /* oba <li> v headeru ať jsou 100% a bez zarovnání doprava */
  body.ft-pdp-v4 #main-product ul.product-header > li{
    width: 100% !important;
    float: none !important;
    text-align: center !important;
  }
  
  /* vnořený UL a LI s offsetem zneutralizuj */
  body.ft-pdp-v4 #main-product .pr-list-header ul{
    display: block !important;
    width: 100% !important;
  }
  body.ft-pdp-v4 #main-product .pr-list-product-name{
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  
    font-size: clamp(30px, 3.5vw, 56px);
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: -0.6px;
    text-align: center !important;
  }
  
  /* tohle ti dělá typicky “odskok” doprava */
  body.ft-pdp-v4 #main-product .offset-right-columns{
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  
  /* Doprava zdarma badge vycentrovat */
  body.ft-pdp-v4 #main-product .pr-list-flag-wrap,
  body.ft-pdp-v4 #main-product .pr-list-flag-wrap ul{
    text-align: center !important;
    width: 100% !important;
  }
  body.ft-pdp-v4 #main-product .pr-list-flag{
    display: inline-block;
    border-radius: 0 !important;
    padding: 10px 14px;
    font-weight: 900;
  }
  
  /* ---------- Základní layout: 1 sloupec ---------- */
  body.ft-pdp-v4 #main-product > .columns > ul.list-inline.valign-top-inline{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 18px;
  }
  
  /* Pořadí: galerie nahoře */
  body.ft-pdp-v4 #main-product li.pr-list-image{
    order: 1;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  /* Galerie vycentrovat */
  body.ft-pdp-v4 #main-product .zoom-small-image{
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
  
  body.ft-pdp-v4 #main-product .zoom-small-image img{
    width: 100% !important;
    max-width: 460px; /* uprav dle chuti */
    border-radius: 0 !important;
    border: 1px solid rgba(0,0,0,.10);
    display: block;
    margin: 0 auto !important;
  }
  
  /* Miniatury – center a hezký strip */
  body.ft-pdp-v4 #main-product .list-product-images{
    width: 100%;
    max-width: 980px;
    margin: 16px auto 0 !important;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,.10);
  
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  
  body.ft-pdp-v4 #main-product .listing-product-more-images{
    display: flex;
    gap: 10px;
    justify-content: center;
    overflow-x: auto;
    padding: 2px 0 10px;
    scrollbar-width: thin;
  }
  
  body.ft-pdp-v4 #main-product .listing-product-more-images img{
    width: 72px !important;
    height: auto !important;
    border-radius: 0 !important;
    border: 1px solid rgba(0,0,0,.12);
  }
  
  /* ---------- INFO blok: krátký popis, cena+košík, popis ---------- */
  body.ft-pdp-v4 #main-product li.pr-list-info{
    order: 2;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center !important;
  }
  
  /* Krátký popis */
  body.ft-pdp-v4 #main-product .pr-list-shortDescription{
    width: 100%;
    max-width: 980px;
    margin: 18px auto 8px;
    font-size: 18px;
    line-height: 1.6;
  }
  
  /* Cena + košík */
  body.ft-pdp-v4 #main-product form.p-action{
    width: 100%;
    max-width: 520px;
    margin: 12px auto 0;
    padding-top: 14px;
    border-top: 1px solid rgba(0,0,0,.10);
  }
  
  body.ft-pdp-v4 #main-product .pr-list-horizontal-price{
    display: flex !important;
    justify-content: center;
    align-items: baseline;
    gap: 12px;
    margin: 0 0 10px !important;
  }
  
  body.ft-pdp-v4 #main-product .pr-list-main-price .calculated-price{
    font-size: clamp(34px, 3vw, 46px);
    font-weight: 950;
    letter-spacing: -0.4px;
  }
  
  body.ft-pdp-v4 #main-product input.add-to-cart-button{
    width: 100% !important;
    max-width: 360px;
    margin: 6px auto 0;
    display: block;
    border-radius: 0 !important;
    font-weight: 950 !important;
    font-size: 18px !important;
    padding: 16px 18px !important;
  }
  
  /* Popis: široký přes stránku, text na střed */
  body.ft-pdp-v4 #main-product .pr-list-description{
    width: 100%;
    max-width: 980px;
    margin: 18px auto 0;
    text-align: center !important;
    font-size: 16px;
    line-height: 1.8;
  }
  
  /* Parametry (dostupnost, doručení) taky zarovnat a zúžit */
  body.ft-pdp-v4 #main-product .pr-list-parameter{
    width: 100%;
    max-width: 980px;
    margin: 18px auto 0;
  }
  
  /* Social buttons vycentrovat */
  body.ft-pdp-v4 #main-product #social-buttons{
    display: flex !important;
    justify-content: center !important;
    gap: 10px;
    margin: 14px auto 0;
  }
  
  /* Mobil */
  @media (max-width: 900px){
    body.ft-pdp-v4 #main-product .zoom-small-image img{ max-width: 360px; }
    body.ft-pdp-v4 #main-product .listing-product-more-images img{ width: 64px !important; }
  }
  
  /* =========================
   PDP V4 – FIX thumbnails + hide social
   ========================= */

/* 1) Social pryč */
body.ft-pdp-v4 #main-product #social-buttons{
    display: none !important;
  }
  
  /* 2) Thumbnails vždy viditelné (i ty, co Shoptet schovává) */
  body.ft-pdp-v4 #main-product .listing-product-more-images a.js-hidden{
    display: inline-block !important;
  }
  
  body.ft-pdp-v4 #main-product .listing-product-more-images a.js-hidden img{
    display: block !important;
  }
  
  /* 3) Kdyby byly schované inline stylem přímo na elementu */
  body.ft-pdp-v4 #main-product .listing-product-more-images a[style*="display: none"]{
    display: inline-block !important;
  }
  
  /* 4) Ujisti se, že strip má výšku a nic ho neořezává */
  body.ft-pdp-v4 #main-product .list-product-images{
    overflow: visible !important;
  }
  
  body.ft-pdp-v4 #main-product .listing-product-more-images{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-width: 100%;
  }
  
  /* 5) Miniatury ať jsou v jedné řadě a vidět */
  body.ft-pdp-v4 #main-product .listing-product-more-images{
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  
  /* 6) Šipky ať nezmizí */
  body.ft-pdp-v4 #main-product .list-product-images > a.icon-arrow-left-before,
  body.ft-pdp-v4 #main-product .list-product-images > a.icon-arrow-right-before{
    display: inline-block !important;
    visibility: visible !important;
  }
  