/* Schování původních widgetů (klik zůstává funkční pro programové volání) */
#HcCalculater{
  position:absolute !important; width:1px !important; height:1px !important;
  overflow:hidden !important; clip:rect(0 0 0 0) !important;
  white-space:nowrap !important; border:0 !important; padding:0 !important; margin:0 !important;
}
#essoxPaymentsCalculate, #essoxSpreadedInstallment { display:none !important; }
.twistoPay.twistoProductDetailBanner { display:none !important; }
skip-pay-placement, sp-banner { display:none !important; }
#pmt-old, .legacy-payment-box { display:none !important; }

/* ============================================================
   Splátkové služby — malé karty
   Stejná kartičková řeč jako sekce dárků: bílá karta, šedý
   rámeček, radius 12, modrý rámeček na hoveru. Logo 20 px,
   název, drobný popisek (texty popisků generuje JS).
   ============================================================ */

#pmt {
  display: block;
  margin-top: 10px;
  font-family: inherit;
}

#pmt .pmt-g {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

#pmt .pmt-i {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 11px 8px 10px;
  border: 1px solid #e4e7ea;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  cursor: pointer;
  transition: border-color 0.15s ease;
}

#pmt .pmt-i:hover {
  transform: none;
  border-color: #2b7fd4;
  box-shadow: none;
}

#pmt .pmt-b {
  display: block;
  width: auto;
  height: 20px;
  margin: 0 0 6px;
}

/* Home Credit má bílé logo — potřebuje barevný čip, jinak zmizí */
#pmt .hc .pmt-b {
  height: 14px;
  padding: 4px 8px;
  background: #c03528;
  border-radius: 6px;
  box-sizing: content-box;
}

#pmt .pmt-l {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  color: #16191d;
  text-align: center;
}

/* Popisek — Kalkulačka splátek / Jak to funguje */
#pmt .pmt-s {
  display: block;
  margin-top: 2px;
  font-weight: 400;
  font-size: 11.5px;
  line-height: 1.3;
  color: #646e78;
  text-align: center;
}

/* Mobil */
@media (max-width: 700px) {
  #pmt .pmt-g {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Modal */
#pmt-modal { position:fixed; inset:0; display:none; align-items:center; justify-content:center;
  background:rgba(0,0,0,.55); z-index:999999; }
#pmt-modal.open { display:flex; }
#pmt-modal .pmt-modal-box { position:relative; max-width:min(92vw,980px); max-height:92vh;
  background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.25); overflow:auto; }
#pmt-modal img { display:block; max-width:100%; height:auto; }
#pmt-modal .pmt-modal-close { position:absolute; top:8px; right:10px; border:0; background:transparent;
  font-size:24px; line-height:1; cursor:pointer; }

/* Blokace kliků na pozadí (košík apod.) při otevřeném modalu */
body.modal-open { overflow:hidden; }
body.modal-open .add-to-cart,
body.modal-open .add-to-cart-button,
body.modal-open form[action*="cart"],
body.modal-open button[type="submit"] { pointer-events:none !important; }

/* --- Pravidla k horní liště (bez <style> obalu – v CSS souboru nesmí být) --- */
@media only screen and (min-width:1200px){
  .top-navigation-bar-menu li.cropped { display:inline-block !important; }
  .top-menu-trigger-visible .top-navigation-menu-trigger { display:none !important; }
}

.top-navigation-bar .container > div { flex:1 1 70%; }
.top-navigation-bar .container > div:last-child,
.top-navigation-bar .container > div:first-child { flex-basis:7%; }