/* ============================================================
   CUSTOM DETAIL PRODUKTU 5113 (Placeholder - poukaz) - CSS
   Nahrat do Spravce souboru: /user/documents/upload/css/poukaz.css
   V hlavicce: <link rel="stylesheet" href="/user/documents/upload/css/poukaz.css?v=18">
   Pri kazde zmene zvysit ?v= (cache busting)
   ============================================================ */

/* zalozka Videa + jeji obsah pryc (video zije v galerii) */
body.hl5113 li[data-testid="tabRelatedVideos"],
body.hl5113 #productVideos{display:none !important;}

/* ---------- nakupni blok presunuty do coveru (mezi hero a zeleny blok) ----------
   Otoceny hero: fotka produktu full-bleed vlevo, gradient do bile,
   vpravo nazev/hodnoceni/cena/kosik/socky */
body.hl5113-buy .p-detail-inner-header{display:none !important;}
.hl-pk__buy{background:#fff !important;border:1px solid #e3e6e2 !important;padding:0 !important;margin:28px 0 !important;overflow:hidden !important;}
html body .hl-pk__buy{border-radius:14px !important;}
.hl-pk__buy .row{display:flex !important;flex-wrap:wrap !important;align-items:stretch !important;margin:0 !important;}
.hl-pk__buy .row > .col-xs-12:not(.p-image-wrapper):not(.p-info-wrapper){display:none !important;} /* prazdny col delal bily pruh nahore */
.hl-pk__buy .row::before,
.hl-pk__buy .row::after{content:none !important;display:none !important;} /* bootstrap clearfix ve flexu dela pruh */
.hl-pk__buy form, .hl-pk__buy #product-detail-form{margin:0 !important;padding:0 !important;}
.hl-pk__buy .p-image-wrapper{display:block !important;position:static !important;padding:0 !important;min-height:440px !important;margin:0 !important;}
.hl-pk__buy .p-thumbnails-wrapper{display:none !important;}
.hl-pk__buy .mousetrap{display:none !important;}
.hl-pk__buy .p-image{display:none !important;} /* Shoptet fotka se nepouziva */
.hl-pk__buy .p-image-wrapper{background-image:linear-gradient(90deg,rgba(255,255,255,0) 55%,#fff 100%),url('https://www.honzuvles.cz/user/documents/upload/i/poukaz-workshop/buy-bonsai.png?v=3') !important;background-size:cover,cover !important;background-position:center,center !important;background-color:#edf3ec !important;}
.hl-pk__buy .p-short-description-block{display:none !important;}
.hl-pk__buy .p-info-wrapper{padding:40px 40px 36px 16px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;}
@media (max-width:1199px){
  .hl-pk__buy .p-image-wrapper{min-height:0 !important;aspect-ratio:1200/950 !important;}
  .hl-pk__buy .p-image-wrapper{background-image:url('https://www.honzuvles.cz/user/documents/upload/i/poukaz-workshop/buy-bonsai.png?v=3') !important;} /* na mobilu bez gradientu */
  .hl-pk__buy .p-info-wrapper{padding:24px 20px 28px !important;}
}
/* hero a zeleny blok uz na sebe nenavazuji - plne zaobleni */
body.hl5113-buy .hl-pk__hero{border-radius:14px !important;}
body.hl5113-buy .hl-pk__section--green{border-radius:14px !important;}

/* lightbox pro fotky */
.hl5113-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:99999;cursor:zoom-out;}
.hl5113-lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:4px;}

/* lightbox pro video (desktop i mobil) - 9:16 na vysku */
.hl5113-videobox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:99999;}
.hl5113-videobox iframe{width:min(92vw, calc(88vh * 9 / 16));aspect-ratio:9/16;border:0;border-radius:6px;}
.hl5113-videobox-close{position:absolute;top:12px;right:12px;width:40px;height:40px;background:rgba(255,255,255,.15);border:0;border-radius:50%;color:#fff;font-size:22px;line-height:40px;text-align:center;cursor:pointer;}

/* ============================================================
   SIPKY FILMOVEHO PASU (galerie v coveru) - vklada poukaz.js
   ============================================================ */
.hl5113-strip-wrap{position:relative;}
.hl5113-strip-btn{position:absolute;top:calc(50% - 34px);transform:translateY(-50%);width:44px;height:44px;background:#fff;border:1px solid #e3e6e2;box-shadow:0 6px 16px rgba(0,0,0,.18);cursor:pointer;z-index:5;padding:0;display:flex;align-items:center;justify-content:center;}
html body .hl5113-strip-btn{border-radius:50% !important;}
.hl5113-strip-btn--prev{left:-10px;}
.hl5113-strip-btn--next{right:-10px;}
.hl5113-strip-btn::after{content:"";display:block;width:11px;height:11px;border-right:3px solid #3c9655;border-bottom:3px solid #3c9655;}
.hl5113-strip-btn--prev::after{transform:rotate(135deg);margin-left:4px;}
.hl5113-strip-btn--next::after{transform:rotate(-45deg);margin-right:4px;}
.hl5113-strip-btn.is-hidden{display:none;}
@media (max-width:767px){
  .hl5113-strip-btn{width:38px;height:38px;top:calc(50% - 30px);}
  .hl5113-strip-btn--prev{left:-4px;}
  .hl5113-strip-btn--next{right:-4px;}
}

/* ============================================================
   PREPINAC ZALOZEK PRESUNUTY DOLU (Popis produktu / Diskuze)
   ============================================================ */
body.hl5113-tabs-bottom .shp-tabs-row{margin-top:40px !important;border-top:1px solid #e3e6e2 !important;padding-top:8px !important;}