/* =========================================================
   JOSPORT.CZ — JEDNOTNÝ KOŠÍK A CHECKOUT REDESIGN 2026 / V20
   Sloučeno z uživatelem dodaných, aktuálně používaných souborů.
   Zachovává původní selektory, body třídy a responzivní pravidla.
   ========================================================= */


/* ==================== PRÁZDNÝ KOŠÍK — DESKTOP ==================== */
/* =========================================================
   JOSPORT.CZ — REDESIGN 2026 / PRÁZDNÝ KOŠÍK V6 LANDING
   Kompletní moderní landing page pro prázdný košík
   Hlavní barva: #254480
   Akcent: #199CE6
   ========================================================= */

:root{
  --jec5-primary:#254480;
  --jec5-primary-dark:#17345f;
  --jec5-primary-light:#315a9c;
  --jec5-accent:#199ce6;
  --jec5-accent-light:#5bc2f4;
  --jec5-bg:#f3f6fa;
  --jec5-white:#fff;
  --jec5-text:#17304f;
  --jec5-muted:#728297;
  --jec5-line:#dce5ef;
  --jec5-shadow:0 24px 60px rgba(31,58,101,.11);
}

body.josport-empty-cart-v5-ready{
  background:
    radial-gradient(circle at 88% 8%,rgba(25,156,230,.07),transparent 24%),
    linear-gradient(180deg,#f7f9fc 0%,var(--jec5-bg) 100%)!important;
}

body.josport-empty-cart-v5-ready main#content{
  padding-top:34px;
  padding-bottom:96px;
}

.jec5-shell{
  width:100%;
  max-width:1560px;
  margin:0 auto;
  padding:0 30px;
}

/* HERO */
.jec5-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:38px;
  align-items:center;
  margin-bottom:24px;
  padding:42px 44px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 18%,rgba(25,156,230,.28),transparent 28%),
    linear-gradient(135deg,var(--jec5-primary-dark),var(--jec5-primary) 62%,var(--jec5-primary-light));
  border-radius:24px;
  box-shadow:0 28px 70px rgba(23,52,95,.18);
}

.jec5-hero::after{
  content:"J";
  position:absolute;
  right:-30px;
  bottom:-92px;
  color:rgba(255,255,255,.045);
  font:900 300px/1 "Roboto",Arial,sans-serif;
  pointer-events:none;
}

.jec5-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:13px;
  color:#dff4ff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.jec5-kicker::before{
  content:"";
  width:34px;
  height:3px;
  border-radius:99px;
  background:var(--jec5-accent);
}

.jec5-hero h1{
  margin:0 0 13px!important;
  padding:0!important;
  color:#fff!important;
  font-family:"Roboto Condensed","Roboto",Arial,sans-serif!important;
  font-size:44px!important;
  font-weight:700!important;
  line-height:1.08!important;
  letter-spacing:-.03em;
}

.jec5-hero h1::before,
.jec5-hero h1::after{
  display:none!important;
}

.jec5-hero p{
  max-width:650px;
  margin:0;
  color:#e8f1fa;
  font-size:17px;
  line-height:1.6;
}

.jec5-search-panel{
  position:relative;
  z-index:2;
  padding:24px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  backdrop-filter:blur(8px);
}

.jec5-search-panel h2{
  margin:0 0 8px;
  color:#fff;
  font:700 21px/1.2 "Roboto Condensed","Roboto",sans-serif;
}

.jec5-search-panel p{
  margin:0 0 15px;
  color:#d9e7f4;
  font-size:13px;
}

.jec5-search-slot form,
.jec5-search-slot .search-form{
  margin:0!important;
}

.jec5-search-slot fieldset{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
  padding:5px!important;
  background:#fff!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:0 15px 34px rgba(0,0,0,.18)!important;
}

.jec5-search-slot input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:50px!important;
  margin:0!important;
  padding:0 19px!important;
  color:var(--jec5-text)!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

.jec5-search-slot button,
.jec5-search-slot .btn{
  flex:0 0 auto!important;
  min-width:62px!important;
  height:50px!important;
  margin:0!important;
  padding:0 19px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--jec5-accent),#0c78ba)!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:0 9px 20px rgba(25,156,230,.30)!important;
}

/* HLAVNÍ OBSAH */
.jec5-content{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(330px,.72fr);
  gap:22px;
  align-items:start;
}

.jec5-card{
  background:#fff;
  border:1px solid rgba(37,68,128,.08);
  border-radius:20px;
  box-shadow:var(--jec5-shadow);
}

.jec5-offer{
  padding:30px 32px 32px;
}

.jec5-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}

.jec5-section-head h2{
  margin:0;
  color:var(--jec5-primary-dark);
  font:700 23px/1.2 "Roboto Condensed","Roboto",sans-serif;
}

.jec5-section-head p{
  margin:0;
  color:var(--jec5-muted);
  font-size:13px;
}

.jec5-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.jec5-link-item a{
  position:relative;
  display:flex!important;
  align-items:center;
  min-height:52px;
  padding:11px 42px 11px 16px!important;
  color:var(--jec5-primary)!important;
  background:#f8fbfe;
  border:1px solid #e7edf4;
  border-radius:12px;
  font-size:14px!important;
  font-weight:500;
  line-height:1.35!important;
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}

.jec5-link-item a::after{
  content:"›";
  position:absolute;
  right:16px;
  color:var(--jec5-accent);
  font-size:24px;
  line-height:1;
}

.jec5-link-item a:hover{
  color:var(--jec5-accent)!important;
  border-color:rgba(25,156,230,.34);
  box-shadow:0 12px 26px rgba(37,68,128,.09);
  transform:translateY(-2px);
}

/* KONTAKT */
.jec5-help{
  overflow:hidden;
}

.jec5-help-head{
  padding:26px 26px 22px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 10%,rgba(25,156,230,.25),transparent 32%),
    linear-gradient(135deg,var(--jec5-primary-dark),var(--jec5-primary));
}

.jec5-help-head span{
  display:block;
  margin-bottom:7px;
  color:#cfeeff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.jec5-help-head h2{
  margin:0 0 8px;
  color:#fff;
  font:700 23px/1.2 "Roboto Condensed","Roboto",sans-serif;
}

.jec5-help-head p{
  margin:0;
  color:#e5eef7;
  font-size:13px;
  line-height:1.5;
}

.jec5-help-body{
  padding:24px 26px 26px;
}

.jec5-help-body strong{
  display:block;
  margin-bottom:13px;
  color:var(--jec5-primary-dark);
  font-size:15px;
}

.jec5-help-body p{
  margin:0 0 10px;
  color:var(--jec5-text);
  font-size:14px;
  line-height:1.55;
}

.jec5-help-body a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:3px 8px;
  color:var(--jec5-primary)!important;
  border-radius:8px;
  text-decoration:none!important;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.jec5-help-body a:hover{
  color:var(--jec5-accent)!important;
  background:rgba(25,156,230,.07);
  transform:translateX(2px);
}

.jec5-proof{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #e8edf3;
}

.jec5-proof span{
  position:relative;
  padding-left:22px;
  color:var(--jec5-muted);
  font-size:13px;
}

.jec5-proof span::before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--jec5-accent);
  font-weight:800;
}

/* BENEFITY */
.jec5-benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:22px;
}

.jec5-benefit{
  padding:18px;
  text-align:center;
  background:#fff;
  border:1px solid rgba(37,68,128,.08);
  border-radius:15px;
  box-shadow:0 14px 30px rgba(31,58,101,.07);
}

.jec5-benefit strong{
  display:block;
  margin-bottom:4px;
  color:var(--jec5-primary-dark);
  font:700 14px/1.25 "Roboto Condensed","Roboto",sans-serif;
  text-transform:uppercase;
}

.jec5-benefit span{
  color:var(--jec5-muted);
  font-size:12px;
}

/* Skrytí původní struktury až po úspěšném sestavení */
body.josport-empty-cart-v5-ready .jec5-original-hidden{
  display:none!important;
}

@media (max-width:1100px){
  .jec5-hero,
  .jec5-content{
    grid-template-columns:1fr;
  }

  .jec5-benefits{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:767px){
  .jec5-shell{
    padding:0 15px;
  }

  .jec5-hero{
    padding:28px 22px;
    border-radius:18px;
  }

  .jec5-hero h1{
    font-size:32px!important;
  }

  .jec5-hero p{
    font-size:15px;
  }

  .jec5-search-panel{
    padding:18px;
  }

  .jec5-offer,
  .jec5-help-body{
    padding-left:20px;
    padding-right:20px;
  }

  .jec5-links{
    grid-template-columns:1fr;
  }

  .jec5-section-head{
    display:block;
  }

  .jec5-section-head p{
    margin-top:6px;
  }

  .jec5-benefits{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V6 — KONTAKTNÍ ÚDAJE V SERVISNÍ KARTĚ
   ========================================================= */

.jec5-contact-list{
  display:grid;
  gap:9px;
  margin:0 0 18px;
}

.jec5-contact-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:42px;
  padding:7px 9px;
  background:#f7fafe;
  border:1px solid #e5edf5;
  border-radius:10px;
}

.jec5-contact-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  color:#fff;
  background:linear-gradient(135deg,var(--jec5-primary),var(--jec5-accent));
  border-radius:50%;
  font-size:15px;
  font-weight:700;
}

.jec5-contact-content strong{
  display:block;
  margin:0 0 2px;
  color:var(--jec5-primary-dark);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}

.jec5-contact-content a,
.jec5-contact-content span{
  display:inline-block;
  min-height:0!important;
  padding:0!important;
  color:var(--jec5-primary)!important;
  background:transparent!important;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.jec5-contact-content a:hover{
  color:var(--jec5-accent)!important;
  background:transparent!important;
  transform:none!important;
}

.jec5-contact-person{
  margin-bottom:15px;
  color:var(--jec5-primary-dark);
  font-size:15px;
  font-weight:700;
}

@media (max-width:767px){
  .jec5-contact-row{
    grid-template-columns:32px minmax(0,1fr);
  }

  .jec5-contact-icon{
    width:32px;
    height:32px;
  }
}

/* ==================== PRÁZDNÝ KOŠÍK — MOBILNÍ MINI-KOŠÍK ==================== */
@media (max-width:767px){

.cart-widget-products,
.cart-widget-products-inner,
.cart-widget-product,
.cart-widget-inner{
    height:auto !important;
    min-height:unset !important;
}

.cart-widget-products-inner{
    display:block !important;
    padding:0 !important;
}

.josport-mobile-empty-cart{
    background:#fff;
    border-radius:18px;
    margin:14px;
    padding:28px 22px;
    text-align:center;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.josport-mobile-empty-cart h2{
    margin:0 0 12px;
    font-size:28px;
    line-height:1.2;
    color:#111;
}

.josport-mobile-empty-cart p{
    margin:0 0 22px;
    color:#555;
    font-size:16px;
    line-height:1.6;
}

.josport-mobile-empty-cart .btn{
    display:block;
    width:100%;
    box-sizing:border-box;
    padding:16px 20px;
    border-radius:14px;
    background:#104585!important;
    color:#fff!important;
    text-decoration:none;
    font-weight:700;
    font-size:17px;
}

}

/* ==================== PŘIDÁNO DO KOŠÍKU — POPUP ==================== */
/* =========================================================
   JOSPORT.CZ — REDESIGN 2026 / PŘIDÁNO DO KOŠÍKU V2
   Bezpečná CSS varianta. Nemění rozměry ani funkci Colorboxu.
   ========================================================= */

/* Hlavní obsah popupu */
#colorbox .colorbox-html-content .advanced-order {
  padding: 0 20px 26px;
  color: #12263a;
  background: #fff;
}

/* Horní modrý panel */
#colorbox .colorbox-html-content .advanced-order > .h1:first-child {
  position: relative;
  margin: 0 -20px 18px;
  padding: 58px 72px 20px 34px;
  color: #fff;
  background: linear-gradient(135deg, #17385f 0%, #214f86 60%, #2c6aaa 100%);
  text-align: left;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  border: 0;
}

#colorbox .colorbox-html-content .advanced-order > .h1:first-child::before {
  content: "JOsport.cz";
  position: absolute;
  top: 24px;
  left: 34px;
  padding-left: 40px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
}

#colorbox .colorbox-html-content .advanced-order > .h1:first-child::after {
  content: "";
  position: absolute;
  top: 29px;
  left: 34px;
  width: 28px;
  height: 3px;
  border-radius: 4px;
  background: #28a8e9;
}

/* Název produktu */
#colorbox .colorbox-html-content .advanced-order > .h2 {
  margin: 0 0 14px;
  padding: 15px 18px;
  color: #17385f;
  background: #f4f8fc;
  border: 1px solid #dce8f4;
  border-radius: 12px;
  text-align: left;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 700;
}

/* Sleva po registraci */
#colorbox .colorbox-html-content .advanced-order .extras-wrap {
  margin: 0 0 16px;
  padding: 12px 16px;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #17385f;
  background: #eef7fd;
  border: 1px solid #d4eafa;
  border-radius: 12px;
}

#colorbox .colorbox-html-content .advanced-order .extras-wrap > * {
  margin-top: 0;
  margin-bottom: 0;
}

#colorbox .colorbox-html-content .advanced-order .extras-wrap a {
  color: #145f9c;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Tlačítka */
#colorbox .colorbox-html-content .advanced-order .advancedOrder__buttons {
  margin: 0;
  padding: 2px 0 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

#colorbox .colorbox-html-content .advanced-order .advancedOrder__buttons .btn {
  min-height: 46px;
  padding: 12px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

#colorbox .colorbox-html-content .advanced-order .advancedOrder__buttons .next-step-back {
  color: #17385f;
  background: #fff;
  border: 1px solid #cbdbea;
}

#colorbox .colorbox-html-content .advanced-order .advancedOrder__buttons .next-step-back:hover {
  background: #f3f7fb;
  border-color: #9fbad2;
  transform: translateY(-1px);
}

#colorbox .colorbox-html-content .advanced-order .advancedOrder__buttons .btn-conversion {
  color: #fff;
  background: #155f9d;
  border: 1px solid #155f9d;
  box-shadow: 0 8px 20px rgba(21, 95, 157, .2);
}

#colorbox .colorbox-html-content .advanced-order .advancedOrder__buttons .btn-conversion:hover {
  background: #104f84;
  border-color: #104f84;
  transform: translateY(-1px);
}

/* Nadpis doporučených produktů */
#colorbox .colorbox-html-content .advanced-order .advanced-order-suggestion {
  margin: 0 0 18px;
  padding: 26px 2px 0;
  color: #17385f;
  border-top: 1px solid #e1e9f1;
  text-align: left;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800;
}

/* Zavírací křížek – pouze vzhled, bez změny polohy popupu */
#colorbox #cboxClose {
  z-index: 100;
}

/* Mobil */
@media (max-width: 767px) {
  #colorbox .colorbox-html-content .advanced-order {
    padding: 0 12px 20px;
  }

  #colorbox .colorbox-html-content .advanced-order > .h1:first-child {
    margin: 0 -12px 14px;
    padding: 54px 54px 17px 18px;
    font-size: 27px;
  }

  #colorbox .colorbox-html-content .advanced-order > .h1:first-child::before {
    top: 22px;
    left: 18px;
    padding-left: 36px;
  }

  #colorbox .colorbox-html-content .advanced-order > .h1:first-child::after {
    top: 27px;
    left: 18px;
    width: 25px;
  }

  #colorbox .colorbox-html-content .advanced-order > .h2 {
    padding: 13px 14px;
    font-size: 14px;
  }

  #colorbox .colorbox-html-content .advanced-order .extras-wrap {
    flex-direction: column;
    gap: 4px;
    text-align: center;
  }

  #colorbox .colorbox-html-content .advanced-order .advancedOrder__buttons {
    flex-direction: column-reverse;
  }

  #colorbox .colorbox-html-content .advanced-order .advancedOrder__buttons .btn {
    width: 100%;
  }

  #colorbox .colorbox-html-content .advanced-order .advanced-order-suggestion {
    font-size: 21px;
  }
}


/* ==================== KOŠÍK S PRODUKTY ==================== */
/* =========================================================
   JOSPORT.CZ — KOŠÍK S PRODUKTY / REDESIGN V4
   Stabilní CSS bez přesouvání původní struktury Shoptetu.
   ========================================================= */

:root{
  --jcp4-primary:#254480;
  --jcp4-primary-dark:#17345f;
  --jcp4-primary-light:#315a9c;
  --jcp4-accent:#199ce6;
  --jcp4-accent-dark:#0b78bb;
  --jcp4-bg:#f3f6fa;
  --jcp4-white:#fff;
  --jcp4-text:#17304f;
  --jcp4-muted:#6f8094;
  --jcp4-line:#dce5ef;
  --jcp4-success:#1c9a63;
  --jcp4-shadow:0 20px 50px rgba(31,58,101,.10);
}

body.josport-cart-products-v4-ready{
  background:
    radial-gradient(circle at 88% 8%,rgba(25,156,230,.07),transparent 24%),
    linear-gradient(180deg,#f8fafc 0%,var(--jcp4-bg) 100%)!important;
}

body.josport-cart-products-v4-ready main#content{
  padding-top:30px!important;
  padding-bottom:100px!important;
}

body.josport-cart-products-v4-ready .content-wrapper,
body.josport-cart-products-v4-ready .container{
  max-width:1480px;
}

.jcp4-wrapper,
.jcp4-inner{
  width:100%;
  max-width:100%;
}

/* HERO */
.jcp4-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  width:100%;
  margin:0 0 22px;
  padding:30px 34px;
  color:#fff;
  background:
    radial-gradient(circle at 89% 14%,rgba(25,156,230,.30),transparent 28%),
    linear-gradient(135deg,var(--jcp4-primary-dark),var(--jcp4-primary) 62%,var(--jcp4-primary-light));
  border-radius:22px;
  box-shadow:0 26px 65px rgba(23,52,95,.17);
}

.jcp4-hero::after{
  content:"J";
  position:absolute;
  right:-20px;
  bottom:-92px;
  color:rgba(255,255,255,.045);
  font:900 250px/1 "Roboto",Arial,sans-serif;
  pointer-events:none;
}

.jcp4-hero-copy,.jcp4-safe{position:relative;z-index:1}

.jcp4-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:9px;
  color:#dff4ff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.jcp4-kicker::before{
  content:"";
  width:30px;
  height:3px;
  border-radius:99px;
  background:var(--jcp4-accent);
}

.jcp4-hero h1{
  margin:0 0 7px!important;
  padding:0!important;
  color:#fff!important;
  font:700 36px/1.08 "Roboto Condensed","Roboto",Arial,sans-serif!important;
  letter-spacing:-.025em;
}

.jcp4-hero h1::before,.jcp4-hero h1::after{display:none!important}

.jcp4-hero p{
  margin:0;
  color:#e6f0fa;
  font-size:15px;
  line-height:1.55;
}

.jcp4-safe{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:310px;
  padding:16px 18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  backdrop-filter:blur(8px);
}

.jcp4-safe-icon{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  color:#fff;
  background:linear-gradient(135deg,var(--jcp4-accent),var(--jcp4-accent-dark));
  border-radius:50%;
  font-size:18px;
  font-weight:900;
}

.jcp4-safe strong,.jcp4-safe small{display:block}
.jcp4-safe strong{margin-bottom:2px;color:#fff;font-size:14px}
.jcp4-safe small{color:#dce9f5;font-size:12px;line-height:1.4}

/* HLAVNÍ GRID — přepis bootstrap šířek pouze na prvním řádku košíku */
.jcp4-layout{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(330px,.92fr)!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
}

.jcp4-layout::before,.jcp4-layout::after{display:none!important}

.jcp4-layout > .jcp4-main,
.jcp4-layout > .jcp4-sidebar{
  float:none!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

/* KROKY */
.jcp4-steps{
  overflow:hidden;
  width:100%;
  margin:0 0 18px!important;
  background:#fff!important;
  border:1px solid rgba(37,68,128,.08)!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(31,58,101,.07)!important;
}

.jcp4-steps ul,
.jcp4-steps .row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  margin:0!important;
}

.jcp4-steps li,
.jcp4-steps .step{
  min-width:0!important;
  min-height:66px!important;
  padding:14px 18px!important;
}

/* KARTA PRODUKTŮ */
.jcp4-cart-card{
  width:100%!important;
  min-width:0!important;
  padding:28px 30px!important;
  background:#fff!important;
  border:1px solid rgba(37,68,128,.08)!important;
  border-radius:20px!important;
  box-shadow:var(--jcp4-shadow)!important;
}

.jcp4-product-row{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:18px 0!important;
  border-bottom:1px solid #e8eef5!important;
}

.jcp4-product-row:first-child{padding-top:0!important}

.jcp4-product-row > [class*="col-"]{
  min-width:0!important;
}

.jcp4-product-image{
  width:96px!important;
  max-width:100%!important;
  height:96px!important;
  object-fit:contain!important;
  padding:7px;
  background:#f8fbfe;
  border:1px solid #e7edf4;
  border-radius:14px;
}

body.josport-cart-products-v4-ready .p-name a,
body.josport-cart-products-v4-ready .cart-p-name a{
  color:var(--jcp4-primary-dark)!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-decoration:none!important;
}

body.josport-cart-products-v4-ready .p-name a:hover,
body.josport-cart-products-v4-ready .cart-p-name a:hover{color:var(--jcp4-accent)!important}

body.josport-cart-products-v4-ready .p-variant,
body.josport-cart-products-v4-ready .variant-name,
body.josport-cart-products-v4-ready .show-related-products{
  color:var(--jcp4-muted)!important;
  font-size:12px!important;
}

body.josport-cart-products-v4-ready .availability-label,
body.josport-cart-products-v4-ready .p-availability,
body.josport-cart-products-v4-ready .availability{
  color:var(--jcp4-success)!important;
  font-weight:700!important;
}

body.josport-cart-products-v4-ready .p-quantity input,
body.josport-cart-products-v4-ready .amount input{
  height:44px!important;
  background:#f8fbfe!important;
  border:1px solid #dce5ef!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

body.josport-cart-products-v4-ready .p-price,
body.josport-cart-products-v4-ready .p-total,
body.josport-cart-products-v4-ready .price-final{
  color:var(--jcp4-primary-dark)!important;
  font-weight:700!important;
}

/* SLEVY */
.jcp4-discount-heading{
  margin-top:28px!important;
  color:var(--jcp4-primary-dark)!important;
  font:700 18px/1.2 "Roboto Condensed","Roboto",sans-serif!important;
}

.jcp4-coupon,
body.josport-cart-products-v4-ready .discount-coupon,
body.josport-cart-products-v4-ready .cart-discount{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  max-width:100%!important;
  margin-top:16px!important;
  padding:18px!important;
  background:#f7fafe!important;
  border:1px solid #e2eaf3!important;
  border-radius:16px!important;
}

.jcp4-coupon input,
body.josport-cart-products-v4-ready .discount-coupon input,
body.josport-cart-products-v4-ready .cart-discount input{
  min-width:210px!important;
  height:46px!important;
  padding:0 16px!important;
  background:#fff!important;
  border:1px solid #d8e3ee!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

.jcp4-coupon .btn,
body.josport-cart-products-v4-ready .discount-coupon .btn,
body.josport-cart-products-v4-ready .cart-discount .btn{
  min-height:46px!important;
  padding:0 18px!important;
  color:var(--jcp4-primary)!important;
  background:#fff!important;
  border:1px solid #bdd4e7!important;
  border-radius:12px!important;
  font-weight:700!important;
}

/* PRAVÝ SLOUPEC */
.jcp4-sidebar-inner{
  position:sticky;
  top:18px;
  width:100%!important;
}

.jcp4-side-card,
.jcp4-benefits{
  width:100%!important;
  margin:0 0 16px!important;
  padding:24px!important;
  background:#fff!important;
  border:1px solid rgba(37,68,128,.08)!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(31,58,101,.09)!important;
}

.jcp4-summary{
  border-top:4px solid var(--jcp4-accent)!important;
}

body.josport-cart-products-v4-ready .sidebar-in-cart .price-final,
body.josport-cart-products-v4-ready .cart-sidebar .price-final{
  color:var(--jcp4-primary-dark)!important;
  font-size:30px!important;
  font-weight:800!important;
  letter-spacing:-.02em;
}

.jcp4-benefits{
  display:grid;
  gap:10px;
  padding:18px!important;
}

.jcp4-benefit{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:11px;
  align-items:center;
  min-width:0;
  padding:10px;
  background:#f8fbfe;
  border:1px solid #e1eaf3;
  border-radius:12px;
}

.jcp4-benefit > span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  color:#fff;
  background:linear-gradient(135deg,var(--jcp4-primary),var(--jcp4-accent));
  border-radius:50%;
  font-weight:800;
}

.jcp4-benefit p{min-width:0;margin:0}
.jcp4-benefit strong,.jcp4-benefit small{display:block}
.jcp4-benefit strong{color:var(--jcp4-primary-dark);font-size:13px}
.jcp4-benefit small{margin-top:2px;color:var(--jcp4-muted);font-size:11px;line-height:1.35}

/* TLAČÍTKA */
.jcp4-primary-button,
body.josport-cart-products-v4-ready a.btn-conversion,
body.josport-cart-products-v4-ready button.btn-conversion{
  min-height:52px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--jcp4-accent),var(--jcp4-accent-dark))!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:0 12px 24px rgba(25,156,230,.23)!important;
  font-weight:700!important;
}

.jcp4-secondary-button{
  min-height:52px!important;
  color:var(--jcp4-primary)!important;
  background:#fff!important;
  border:1px solid #c9d9e8!important;
  border-radius:12px!important;
  font-weight:700!important;
}

/* TABLET */
@media (max-width:1100px){
  .jcp4-layout{
    grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr)!important;
    gap:16px!important;
  }

  .jcp4-hero{padding:26px 28px}
  .jcp4-safe{min-width:270px}
}

/* MOBIL */
@media (max-width:900px){
  .jcp4-layout{grid-template-columns:1fr!important}
  .jcp4-sidebar-inner{position:static}
  .jcp4-hero{align-items:flex-start;flex-direction:column}
  .jcp4-safe{width:100%;min-width:0}
}

@media (max-width:767px){
  body.josport-cart-products-v4-ready main#content{padding-top:18px!important}

  .jcp4-hero{
    margin-bottom:15px;
    padding:24px 20px;
    border-radius:17px;
  }

  .jcp4-hero h1{font-size:30px!important}
  .jcp4-hero p{font-size:14px}
  .jcp4-safe{padding:13px}

  .jcp4-cart-card{padding:20px 16px!important;border-radius:16px!important}
  .jcp4-side-card,.jcp4-benefits{padding:18px!important;border-radius:16px!important}

  .jcp4-steps ul,
  .jcp4-steps .row{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .jcp4-steps li,
  .jcp4-steps .step{
    min-height:58px!important;
    padding:10px 5px!important;
    font-size:10px!important;
  }

  .jcp4-coupon{align-items:stretch!important;flex-direction:column!important}
  .jcp4-coupon input{width:100%!important;min-width:0!important}
  .jcp4-coupon .btn{width:100%!important}
}

/* =========================================================
   V4 — PŘESNÉ SROVNÁNÍ KUPÓNU A REGISTRAČNÍ SLEVY
   ========================================================= */
body.josport-cart-products-v4-ready .cart-content .cart-summary{
  margin-top:26px!important;
}

body.josport-cart-products-v4-ready .cart-content .cart-summary > .jcp4-discount-heading{
  margin:0 0 16px!important;
}

body.josport-cart-products-v4-ready .cart-content .extras-wrapper{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0!important;
}

body.josport-cart-products-v4-ready .cart-content .extras-wrapper > .extras-col{
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

body.josport-cart-products-v4-ready .cart-content .extras-wrapper > .extras-col > *{
  width:100%!important;
  min-width:0!important;
}

/* Obě nabídky jako stejně vysoké karty */
body.josport-cart-products-v4-ready .cart-content .discount-coupon,
body.josport-cart-products-v4-ready .cart-content .extras-wrap{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:86px!important;
  margin:0!important;
  padding:15px 16px!important;
  background:#f7fafe!important;
  border:1px solid #e2eaf3!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
}

/* Kupón: input + tlačítko v jednom řádku */
body.josport-cart-products-v4-ready .cart-content .discount-coupon{
  flex-wrap:nowrap!important;
  gap:0!important;
}

body.josport-cart-products-v4-ready .cart-content .discount-coupon input{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:46px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid #d8e3ee!important;
  border-right:0!important;
  border-radius:12px 0 0 12px!important;
}

body.josport-cart-products-v4-ready .cart-content .discount-coupon .btn{
  flex:0 0 auto!important;
  min-width:96px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:0 12px 12px 0!important;
}

/* Registrační sleva */
body.josport-cart-products-v4-ready .cart-content .extras-wrap .extra.discount{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

body.josport-cart-products-v4-ready .cart-content .extras-wrap .extra.discount::before{
  content:"-%"!important;
  display:grid!important;
  place-items:center!important;
  position:static!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  color:var(--jcp4-accent)!important;
  background:#fff!important;
  border:1px solid #d8e6f2!important;
  border-radius:50%!important;
  font:700 21px/1 "Roboto Condensed","Roboto",sans-serif!important;
  box-sizing:border-box!important;
}

body.josport-cart-products-v4-ready .cart-content .extras-wrap .extra.discount > *{
  min-width:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

body.josport-cart-products-v4-ready .cart-content .extras-wrap .extra.discount a{
  font-weight:700!important;
}

/* Odstranění původního vyčnívajícího symbolu u kupónu */
body.josport-cart-products-v4-ready .cart-content .discount-coupon::before{
  display:none!important;
  content:none!important;
}

@media (max-width:767px){
  body.josport-cart-products-v4-ready .cart-content .extras-wrapper{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.josport-cart-products-v4-ready .cart-content .discount-coupon,
  body.josport-cart-products-v4-ready .cart-content .extras-wrap{
    min-height:78px!important;
  }

  body.josport-cart-products-v4-ready .cart-content .discount-coupon{
    flex-direction:row!important;
    align-items:center!important;
  }

  body.josport-cart-products-v4-ready .cart-content .discount-coupon input{
    width:calc(100% - 92px)!important;
  }

  body.josport-cart-products-v4-ready .cart-content .discount-coupon .btn{
    width:92px!important;
    min-width:92px!important;
  }
}


/* ==================== MOBILNÍ PŘÍMÝ PŘECHOD DO KOŠÍKU ==================== */
/* =========================================================
   JOSPORT.CZ — MOBILNÍ KOŠÍK / PŘÍMÝ PŘECHOD V2
   Skryje systémový boční mini-košík pouze na mobilu.
   ========================================================= */
@media (max-width:767px){
  body.josport-mobile-cart-direct-v2-ready #cart-widget,
  body.josport-mobile-cart-direct-v2-ready .cart-widget.popup-widget,
  body.josport-mobile-cart-direct-v2-ready .user-action-cart.popup-widget,
  body.josport-mobile-cart-direct-v2-ready [data-testid="popupCartWidget"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:none!important;
  }

  body.josport-mobile-cart-direct-v2-ready.user-action-visible{
    overflow:auto!important;
  }

  body.josport-mobile-cart-direct-v2-ready.user-action-visible::before,
  body.josport-mobile-cart-direct-v2-ready.user-action-visible::after{
    display:none!important;
  }

  [data-josport-cart-direct="1"]{
    cursor:pointer!important;
    touch-action:manipulation;
  }
}


/* ==================== OBJEDNÁVKA — KROK 2: DOPRAVA A PLATBA ==================== */
body.josport-checkout-step2-v7-ready #checkoutContent,
body.josport-checkout-step2-v7-ready #checkoutSidebar {
  min-width: 0;
}

body.josport-checkout-step2-v7-ready .cart-inner > .row.cart-row {
  align-items: flex-start;
}


body.josport-checkout-step2-v7-ready #checkoutContent > .cart-header,
body.josport-checkout-step2-v7-ready #checkoutContent > .cart-steps,
body.josport-checkout-step2-v7-ready #checkoutContent > .ordering-process,
body.josport-checkout-step2-v7-ready #checkoutContent .cart-header.step-1 {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .cart-content {
  background: transparent !important;
  padding: 0 !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .cart-content > ol.cart-header.step-1 {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .cart-content > ol.cart-header.step-1 > li {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .box.box-sm.box-bg-default,
body.josport-checkout-step2-v7-ready #checkoutContent .co-box {
  background: #fff !important;
  border: 1px solid #dfe9f3 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(14,58,103,.07) !important;
  padding: 30px 34px !important;
  margin-bottom: 22px !important;
  overflow: hidden;
}

body.josport-checkout-step2-v7-ready #checkoutContent .box.box-sm.box-bg-default h2,
body.josport-checkout-step2-v7-ready #checkoutContent .co-box h2 {
  color: #0e3a67 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
  margin: 0 0 22px !important;
  display: flex;
  align-items: center;
  gap: 12px;
}

body.josport-checkout-step2-v7-ready #checkoutContent .box.box-sm.box-bg-default h2:before,
body.josport-checkout-step2-v7-ready #checkoutContent .co-box h2:before {
  content: "";
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 12px;
  background: #edf6fd;
  border: 1px solid #d8e9f7;
  box-shadow: inset 0 0 0 7px #f7fbff;
}

body.josport-checkout-step2-v7-ready #checkoutContent select,
body.josport-checkout-step2-v7-ready #checkoutContent input[type="text"],
body.josport-checkout-step2-v7-ready #checkoutContent input[type="email"],
body.josport-checkout-step2-v7-ready #checkoutContent input[type="tel"] {
  min-height: 48px !important;
  border: 1px solid #cbd9e6 !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  padding-left: 14px !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}

body.josport-checkout-step2-v7-ready #checkoutContent select:focus,
body.josport-checkout-step2-v7-ready #checkoutContent input:focus {
  border-color: #1f78b4 !important;
  box-shadow: 0 0 0 4px rgba(31,120,180,.12) !important;
  outline: none !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper {
  position: relative;
  border: 1px solid transparent;
  border-bottom-color: #e4ebf2;
  border-radius: 14px;
  margin: 3px 0 !important;
  padding: 12px 14px !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper:hover {
  background: #f6faff;
  border-color: #d7e7f4;
  transform: translateY(-1px);
}

body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper.active,
body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper:has(input[type="radio"]:checked) {
  background: linear-gradient(135deg,#edf7ff 0%,#f8fbff 100%) !important;
  border-color: #7fb5db !important;
  box-shadow: 0 8px 22px rgba(31,120,180,.10);
}

body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper label {
  width: 100%;
  min-height: 38px;
  display: flex !important;
  align-items: center;
  cursor: pointer;
  margin: 0 !important;
  font-weight: 700;
}

body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper input[type="radio"] {
  accent-color: #1672aa;
  width: 17px;
  height: 17px;
  margin-right: 10px;
}

body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper .payment-logo,
body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper .shipping-logo,
body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper img {
  max-height: 30px;
  width: auto;
}

body.josport-checkout-step2-v7-ready #checkoutContent > .cart-header,
body.josport-checkout-step2-v7-ready #checkoutContent > .cart-steps,
body.josport-checkout-step2-v7-ready #checkoutContent > .ordering-process,
body.josport-checkout-step2-v7-ready #checkoutContent .cart-header.step-1 {
  background: #fff;
  border: 1px solid #e1eaf2;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(14,58,103,.06);
  overflow: hidden;
  margin-bottom: 18px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100%;
}

body.josport-checkout-step2-v7-ready #checkoutContent > .cart-header li,
body.josport-checkout-step2-v7-ready #checkoutContent > .cart-steps li,
body.josport-checkout-step2-v7-ready #checkoutContent > .ordering-process li,
body.josport-checkout-step2-v7-ready #checkoutContent .cart-header.step-1 li {
  min-height: 58px;
  flex: 1 1 0;
  width: 33.333%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 14px;
  padding: 0 14px !important;
  border-right: 1px solid #edf2f6;
}

body.josport-checkout-step2-v7-ready #checkoutContent > .cart-header li:last-child,
body.josport-checkout-step2-v7-ready #checkoutContent > .cart-steps li:last-child,
body.josport-checkout-step2-v7-ready #checkoutContent > .ordering-process li:last-child,
body.josport-checkout-step2-v7-ready #checkoutContent .cart-header.step-1 li:last-child {
  border-right: 0;
}

body.josport-checkout-step2-v7-ready #checkoutContent > .cart-header li.active,
body.josport-checkout-step2-v7-ready #checkoutContent > .cart-steps li.active,
body.josport-checkout-step2-v7-ready #checkoutContent > .ordering-process li.active,
body.josport-checkout-step2-v7-ready #checkoutContent .cart-header.step-1 li.active {
  color: #0e3a67 !important;
  font-weight: 800 !important;
  background: #f4f9fd;
  box-shadow: inset 0 -3px 0 #176fa9;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content,
body.josport-checkout-step2-v7-ready #checkoutSidebar .checkout-box,
body.josport-checkout-step2-v7-ready #checkoutSidebar > div {
  border-radius: 20px;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content {
  background: #fff !important;
  border: 1px solid #dfe9f3 !important;
  box-shadow: 0 12px 34px rgba(14,58,103,.09) !important;
  padding: 20px !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content {
  padding: 22px !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .price-wrapper,
body.josport-checkout-step2-v7-ready #checkoutSidebar .order-summary,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary {
  min-width: 0 !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .price-wrapper .price,
body.josport-checkout-step2-v7-ready #checkoutSidebar .price-wrapper .total-price,
body.josport-checkout-step2-v7-ready #checkoutSidebar .order-summary .price,
body.josport-checkout-step2-v7-ready #checkoutSidebar .order-summary .total-price,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary .price,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary .total-price {
  font-size: 34px !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .price-wrapper .price-secondary,
body.josport-checkout-step2-v7-ready #checkoutSidebar .price-wrapper .price-without-vat,
body.josport-checkout-step2-v7-ready #checkoutSidebar .order-summary .price-secondary,
body.josport-checkout-step2-v7-ready #checkoutSidebar .order-summary .price-without-vat,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary .price-secondary,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary .price-without-vat {
  font-size: 14px !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

@media (max-width: 1199px) {
  body.josport-checkout-step2-v7-ready #checkoutSidebar .price-wrapper .price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .price-wrapper .total-price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .order-summary .price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .order-summary .total-price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary .price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary .total-price {
    font-size: 30px !important;
  }
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content form,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content .next-step,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content .previous-step {
  width: 100%;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content .next-step,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content .previous-step,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content .buttons-wrapper,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content .cart-summary-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content .btn {
  margin:0!important;
}
body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button{order:1!important;}
body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button{order:2!important;background:#fff!important;border:1px solid #d8e5f2!important;color:#0e3a67!important;}
body.josport-checkout-step2-v7-ready #checkoutContent,
body.josport-checkout-step2-v7-ready #checkoutSidebar {
  font-size: 15px;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .btn-conversion,
body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button {
  min-height: 56px !important;
  width: 100% !important;
  border-radius: 16px !important;
  background: #0e3a67 !important;
  border: 1px solid #0e3a67 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(14,58,103,.18) !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button:after {
  content: "→";
  font-size: 20px;
  line-height: 1;
  transition: transform .18s ease;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button:hover {
  background: #144b83 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(14,58,103,.24) !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button:hover:after {
  transform: translateX(3px);
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .btn-default,
body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button {
  min-height: 56px !important;
  width: 100% !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid #d8e5f2 !important;
  color: #0e3a67 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button:before {
  content: "←";
  font-size: 19px;
  line-height: 1;
  transition: transform .18s ease;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button:hover {
  background: #f3f8fd !important;
  border-color: #b9cfe4 !important;
  transform: translateY(-2px);
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button:hover:before {
  transform: translateX(-3px);
}


body.josport-checkout-step2-v7-ready #checkoutContent select,
body.josport-checkout-step2-v7-ready #checkoutContent input,
body.josport-checkout-step2-v7-ready #checkoutContent label,
body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper {
  pointer-events: auto !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent select {
  position: relative;
  z-index: 1;
}

body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper:before,
body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper:after {
  pointer-events: none !important;
}


body.josport-checkout-step2-v7-ready #checkoutContent .jcs2-heading {
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .jcs2-heading:before {
  content: "" !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-block !important;
  border-radius: 12px !important;
  border: 1px solid #d8e9f7 !important;
  background-color: #edf6fd !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  font-family: inherit !important;
  line-height: 1 !important;
  color: transparent !important;
  speak: none;
}

body.josport-checkout-step2-v7-ready #checkoutContent .jcs2-heading-data:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h16v14H4z'/%3E%3Cpath d='M8 3v5M16 3v5M4 9.5h16'/%3E%3C/svg%3E") !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .jcs2-heading-shipping:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3z'/%3E%3Cpath d='M14 9h4l3 3v4h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E") !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .jcs2-heading-date:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 9.5h17'/%3E%3C/svg%3E") !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .jcs2-heading-payment:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3'/%3E%3C/svg%3E") !important;
}

@media (max-width: 600px) {
  body.josport-checkout-step2-v7-ready #checkoutContent .jcs2-heading {
    gap: 10px !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutContent .jcs2-heading:before {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 10px !important;
    background-size: 18px 18px !important;
  }
}


/* Přesná oprava původní Shoptet ikony u nadpisu Datum odeslání */
body.josport-checkout-step2-v7-ready #checkoutContent h4.order-icon.order-delivery.fv-datum-nadpis:before {
  content: "" !important;
  font-family: inherit !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-block !important;
  border-radius: 12px !important;
  border: 1px solid #d8e9f7 !important;
  background-color: #edf6fd !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 9.5h17'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  color: transparent !important;
  line-height: 1 !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent h4.order-icon.order-delivery.fv-datum-nadpis {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

@media (max-width: 600px) {
  body.josport-checkout-step2-v7-ready #checkoutContent h4.order-icon.order-delivery.fv-datum-nadpis:before {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 10px !important;
    background-size: 18px 18px !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutContent h4.order-icon.order-delivery.fv-datum-nadpis {
    gap: 10px !important;
  }
}

@media (max-width: 991px) {
  body.josport-checkout-step2-v7-ready #checkoutContent .box.box-sm.box-bg-default,
  body.josport-checkout-step2-v7-ready #checkoutContent .co-box {
    padding: 24px 22px !important;
    border-radius: 17px !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutSidebar {
    margin-top: 20px;
  }
}

@media (max-width: 600px) {
  body.josport-checkout-step2-v7-ready #checkoutContent .box.box-sm.box-bg-default,
  body.josport-checkout-step2-v7-ready #checkoutContent .co-box {
    padding: 20px 15px !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutContent .radio-wrapper {
    padding: 10px 8px !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutContent > .cart-header li,
  body.josport-checkout-step2-v7-ready #checkoutContent > .cart-steps li,
  body.josport-checkout-step2-v7-ready #checkoutContent > .ordering-process li,
  body.josport-checkout-step2-v7-ready #checkoutContent .cart-header.step-1 li {
    min-height: 54px;
    font-size: 11px;
    padding: 0 6px !important;
    white-space: normal;
    text-align: center;
  }
}

@media (max-width: 991px) {
  body.josport-checkout-step2-v7-ready .cart-inner > .row.cart-row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutContent,
  body.josport-checkout-step2-v7-ready #checkoutSidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutSidebar {
    position: static !important;
    top: auto !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutContent .cart-content > ol.cart-header.step-1 {
    margin-bottom: 16px !important;
    border-radius: 15px;
  }
}

@media (max-width: 600px) {
  body.josport-checkout-step2-v7-ready #checkoutContent .cart-content > ol.cart-header.step-1 {
    display: flex !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutContent .cart-content > ol.cart-header.step-1 > li {
    flex: 1 1 33.333% !important;
    width: 33.333% !important;
    min-height: 58px !important;
    padding: 7px 4px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere;
  }

  body.josport-checkout-step2-v7-ready #checkoutContent .cart-content > ol.cart-header.step-1 > li a,
  body.josport-checkout-step2-v7-ready #checkoutContent .cart-content > ol.cart-header.step-1 > li span {
    white-space: normal !important;
    text-align: center !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutSidebar .price-wrapper .price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .price-wrapper .total-price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .order-summary .price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .order-summary .total-price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary .price,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary .total-price {
    font-size: 28px !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-content {
    padding: 16px !important;
  }

  body.josport-checkout-step2-v7-ready #checkoutSidebar .btn-conversion,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .btn-default,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button {
    min-height: 52px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
  }
}


/* ==================== OBJEDNÁVKA — KROK 3: OSOBNÍ ÚDAJE ==================== */
body.josport-checkout-step3-v4-ready #checkoutContent,
body.josport-checkout-step3-v4-ready #checkoutSidebar {
  min-width: 0;
}

body.josport-checkout-step3-v4-ready .cart-inner > .row.cart-row {
  align-items: flex-start;
}

body.josport-checkout-step3-v4-ready #checkoutContent .cart-content {
  background: transparent !important;
  padding: 0 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .cart-content > ol.cart-header.step-2 {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: row !important;
  background: #fff !important;
  border: 1px solid #e1eaf2 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 24px rgba(14,58,103,.06) !important;
  overflow: hidden !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .cart-content > ol.cart-header.step-2 > li {
  flex: 1 1 0 !important;
  width: 33.333% !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-right: 1px solid #edf2f6 !important;
  box-sizing: border-box !important;
  white-space: nowrap;
  font-size: 14px;
}

body.josport-checkout-step3-v4-ready #checkoutContent .cart-content > ol.cart-header.step-2 > li:last-child {
  border-right: 0 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .cart-content > ol.cart-header.step-2 > li.active {
  color: #0e3a67 !important;
  font-weight: 800 !important;
  background: #f4f9fd !important;
  box-shadow: inset 0 -3px 0 #176fa9 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .box,
body.josport-checkout-step3-v4-ready #checkoutContent .co-box,
body.josport-checkout-step3-v4-ready #checkoutContent fieldset,
body.josport-checkout-step3-v4-ready #checkoutContent .form-group-wrapper {
  background: #fff !important;
  border: 1px solid #dfe9f3 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(14,58,103,.07) !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .box,
body.josport-checkout-step3-v4-ready #checkoutContent .co-box {
  padding: 30px 34px !important;
  margin-bottom: 22px !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-section {
  margin-bottom: 22px !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent h2,
body.josport-checkout-step3-v4-ready #checkoutContent h3,
body.josport-checkout-step3-v4-ready #checkoutContent h4,
body.josport-checkout-step3-v4-ready #checkoutContent legend {
  color: #0e3a67 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-heading {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 24px !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-heading:before {
  content: "" !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-block !important;
  border-radius: 12px !important;
  border: 1px solid #d8e9f7 !important;
  background-color: #edf6fd !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  font-family: inherit !important;
  color: transparent !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-heading-personal:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20c.8-4 3.3-6 7.5-6s6.7 2 7.5 6'/%3E%3C/svg%3E") !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-heading-address:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z'/%3E%3Ccircle cx='12' cy='10' r='2'/%3E%3C/svg%3E") !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-heading-note:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h14v16H5z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E") !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent label {
  color: #18324a !important;
  font-weight: 700 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent input[type="text"],
body.josport-checkout-step3-v4-ready #checkoutContent input[type="email"],
body.josport-checkout-step3-v4-ready #checkoutContent input[type="tel"],
body.josport-checkout-step3-v4-ready #checkoutContent input[type="date"],
body.josport-checkout-step3-v4-ready #checkoutContent select,
body.josport-checkout-step3-v4-ready #checkoutContent textarea {
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid #cbd9e6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}

body.josport-checkout-step3-v4-ready #checkoutContent textarea {
  min-height: 120px !important;
  resize: vertical;
}

body.josport-checkout-step3-v4-ready #checkoutContent input:focus,
body.josport-checkout-step3-v4-ready #checkoutContent select:focus,
body.josport-checkout-step3-v4-ready #checkoutContent textarea:focus {
  border-color: #1f78b4 !important;
  box-shadow: 0 0 0 4px rgba(31,120,180,.12) !important;
  outline: none !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent input[type="checkbox"],
body.josport-checkout-step3-v4-ready #checkoutContent input[type="radio"] {
  accent-color: #1672aa;
}

body.josport-checkout-step3-v4-ready #checkoutContent .form-group {
  margin-bottom: 18px !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .form-group .control-label,
body.josport-checkout-step3-v4-ready #checkoutContent .form-group > label {
  margin-bottom: 7px !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .required-asterisk,
body.josport-checkout-step3-v4-ready #checkoutContent .required {
  color: #d73232 !important;
}

body.josport-checkout-step3-v4-ready #checkoutSidebar .cart-content {
  background: #fff !important;
  border: 1px solid #dfe9f3 !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 34px rgba(14,58,103,.09) !important;
  padding: 22px !important;
}

body.josport-checkout-step3-v4-ready #checkoutSidebar .price,
body.josport-checkout-step3-v4-ready #checkoutSidebar .total-price {
  font-size: 34px !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
}

body.josport-checkout-step3-v4-ready #checkoutSidebar .btn-conversion,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button {
  min-height: 56px !important;
  width: 100% !important;
  border-radius: 16px !important;
  background: #0e3a67 !important;
  border: 1px solid #0e3a67 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(14,58,103,.18) !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
  order: 1 !important;
}

body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button:after {
  content: "→";
  font-size: 20px;
  line-height: 1;
}

body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button:hover {
  background: #144b83 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(14,58,103,.24) !important;
}

body.josport-checkout-step3-v4-ready #checkoutSidebar .btn-default,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button {
  min-height: 56px !important;
  width: 100% !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid #d8e5f2 !important;
  color: #0e3a67 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease !important;
  order: 2 !important;
}

body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button:before {
  content: "←";
  font-size: 19px;
  line-height: 1;
}

body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button:hover {
  background: #f3f8fd !important;
  border-color: #b9cfe4 !important;
  transform: translateY(-2px);
}

body.josport-checkout-step3-v4-ready #checkoutSidebar .buttons-wrapper,
body.josport-checkout-step3-v4-ready #checkoutSidebar .next-step,
body.josport-checkout-step3-v4-ready #checkoutSidebar .previous-step,
body.josport-checkout-step3-v4-ready #checkoutSidebar .cart-summary-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent input,
body.josport-checkout-step3-v4-ready #checkoutContent select,
body.josport-checkout-step3-v4-ready #checkoutContent textarea,
body.josport-checkout-step3-v4-ready #checkoutContent label {
  pointer-events: auto !important;
}

@media (max-width: 991px) {
  body.josport-checkout-step3-v4-ready .cart-inner > .row.cart-row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutContent,
  body.josport-checkout-step3-v4-ready #checkoutSidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutSidebar {
    position: static !important;
    top: auto !important;
    margin-top: 20px !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutContent .box,
  body.josport-checkout-step3-v4-ready #checkoutContent .co-box {
    padding: 24px 22px !important;
    border-radius: 17px !important;
  }
}

@media (max-width: 600px) {
  body.josport-checkout-step3-v4-ready #checkoutContent .cart-content > ol.cart-header.step-2 > li {
    min-height: 56px !important;
    padding: 7px 4px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutContent .box,
  body.josport-checkout-step3-v4-ready #checkoutContent .co-box {
    padding: 20px 15px !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-heading {
    font-size: 17px !important;
    gap: 10px !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-heading:before {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 10px !important;
    background-size: 18px 18px !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutSidebar .price,
  body.josport-checkout-step3-v4-ready #checkoutSidebar .total-price {
    font-size: 28px !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutSidebar .cart-content {
    padding: 16px !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutSidebar .btn-conversion,
  body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button,
  body.josport-checkout-step3-v4-ready #checkoutSidebar .btn-default,
  body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button {
    min-height: 52px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
  }
}

/* ===== V2 layout improvements ===== */
body.josport-checkout-step3-v4-ready #checkoutContent .form-group,
body.josport-checkout-step3-v4-ready #checkoutContent .row {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:14px!important;
}
body.josport-checkout-step3-v4-ready #checkoutContent .control-label,
body.josport-checkout-step3-v4-ready #checkoutContent label.control-label{
  flex:0 0 28%!important;
  max-width:28%!important;
}
body.josport-checkout-step3-v4-ready #checkoutContent .form-control,
body.josport-checkout-step3-v4-ready #checkoutContent input[type=text],
body.josport-checkout-step3-v4-ready #checkoutContent input[type=email],
body.josport-checkout-step3-v4-ready #checkoutContent input[type=tel],
body.josport-checkout-step3-v4-ready #checkoutContent input[type=date],
body.josport-checkout-step3-v4-ready #checkoutContent select,
body.josport-checkout-step3-v4-ready #checkoutContent textarea{
  flex:1 1 68%!important;
  max-width:68%!important;
}
body.josport-checkout-step3-v4-ready #checkoutContent textarea{
  min-height:140px!important;
}
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button{order:1!important;}
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button{order:2!important;}
@media(max-width:768px){
 body.josport-checkout-step3-v4-ready #checkoutContent .form-group,
 body.josport-checkout-step3-v4-ready #checkoutContent .row{display:block!important;}
 body.josport-checkout-step3-v4-ready #checkoutContent .control-label,
 body.josport-checkout-step3-v4-ready #checkoutContent label.control-label,
 body.josport-checkout-step3-v4-ready #checkoutContent .form-control,
 body.josport-checkout-step3-v4-ready #checkoutContent input,
 body.josport-checkout-step3-v4-ready #checkoutContent select,
 body.josport-checkout-step3-v4-ready #checkoutContent textarea{
   max-width:100%!important;
   width:100%!important;
   flex:none!important;
 }
}


/* ===== V3: poznámka a doplňkové checkboxy ===== */
body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-note-block,
body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-note-block {
  padding: 24px !important;
  border: 1px solid #dfe9f3 !important;
  border-radius: 18px !important;
  background: #fff !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-note-block .form-group,
body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-note-block .row {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-note-block label,
body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-note-block .control-label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  flex: none !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-note-block textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 140px !important;
  margin: 0 !important;
  flex: none !important;
  box-sizing: border-box !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options {
  margin-top: 14px !important;
  border: 1px solid #dfe9f3 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options .form-group,
body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options .checkbox,
body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options label {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options .form-group,
body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options .checkbox {
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid #edf2f6 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options .form-group:last-child,
body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options .checkbox:last-child {
  border-bottom: 0 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options label {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-weight: 700 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  margin: 0 !important;
}

@media (max-width: 600px) {
  body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-note-block {
    padding: 18px 15px !important;
    border-radius: 15px !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-note-block textarea {
    min-height: 120px !important;
  }

  body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options .form-group,
  body.josport-checkout-step3-v4-ready #checkoutContent .jcs3-extra-options .checkbox {
    min-height: 50px !important;
    padding: 0 14px !important;
  }
}


/* ===== V4: přesná oprava pole poznámky ===== */
body.josport-checkout-step3-v4-ready #checkoutContent #note,
body.josport-checkout-step3-v4-ready #checkoutContent #note .form-group,
body.josport-checkout-step3-v4-ready #checkoutContent #note .form-control-wrapper,
body.josport-checkout-step3-v4-ready #checkoutContent #note textarea#remark {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent #note .form-group {
  display: block !important;
  margin: 0 !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent #note label[for="remark"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  flex: none !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent #note .form-control-wrapper {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
}

body.josport-checkout-step3-v4-ready #checkoutContent #note textarea#remark {
  display: block !important;
  min-height: 140px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  resize: vertical !important;
}

@media (max-width: 600px) {
  body.josport-checkout-step3-v4-ready #checkoutContent #note textarea#remark {
    min-height: 120px !important;
  }
}


/* ==================== DĚKOVNÁ STRÁNKA OBJEDNÁVKY ==================== */
body.josport-order-thankyou-v1-ready main#content,
body.josport-order-thankyou-v1-ready .content-wrapper,
body.josport-order-thankyou-v1-ready .content-inner {
  min-width: 0;
}

body.josport-order-thankyou-v1-ready .jot1-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 26px 20px 54px;
}

body.josport-order-thankyou-v1-ready .jot1-success {
  background: linear-gradient(135deg,#f4fbff 0%,#f8fcf9 100%);
  border: 1px solid #d9e9f3;
  border-radius: 22px;
  box-shadow: 0 14px 36px rgba(14,58,103,.08);
  padding: 30px 34px;
  text-align: center;
  margin-bottom: 24px;
}

body.josport-order-thankyou-v1-ready .jot1-success-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #e8f7ef;
  border: 1px solid #cfe9db;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #198754;
  font-size: 32px;
  font-weight: 900;
}

body.josport-order-thankyou-v1-ready .jot1-success h1,
body.josport-order-thankyou-v1-ready .jot1-success .jot1-title {
  margin: 0 0 10px;
  color: #0e3a67;
  font-size: 32px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -.02em;
}

body.josport-order-thankyou-v1-ready .jot1-order-number {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #dce8f2;
  color: #18324a;
  font-weight: 700;
}

body.josport-order-thankyou-v1-ready .jot1-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(320px,.72fr);
  gap: 22px;
  align-items: start;
}

body.josport-order-thankyou-v1-ready .jot1-card {
  background: #fff;
  border: 1px solid #dfe9f3;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(14,58,103,.07);
  padding: 28px 30px;
  margin-bottom: 22px;
  overflow: hidden;
}

body.josport-order-thankyou-v1-ready .jot1-card h2,
body.josport-order-thankyou-v1-ready .jot1-card h3,
body.josport-order-thankyou-v1-ready .jot1-card h4 {
  color: #0e3a67 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  margin: 0 0 22px !important;
  display: flex;
  align-items: center;
  gap: 12px;
}

body.josport-order-thankyou-v1-ready .jot1-card h2:before,
body.josport-order-thankyou-v1-ready .jot1-card h3:before,
body.josport-order-thankyou-v1-ready .jot1-card h4:before {
  content: "";
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 12px;
  border: 1px solid #d8e9f7;
  background-color: #edf6fd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

body.josport-order-thankyou-v1-ready .jot1-payment h2:before,
body.josport-order-thankyou-v1-ready .jot1-payment h3:before,
body.josport-order-thankyou-v1-ready .jot1-payment h4:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3'/%3E%3C/svg%3E");
}

body.josport-order-thankyou-v1-ready .jot1-order h2:before,
body.josport-order-thankyou-v1-ready .jot1-order h3:before,
body.josport-order-thankyou-v1-ready .jot1-order h4:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4z'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E");
}

body.josport-order-thankyou-v1-ready .jot1-next h2:before,
body.josport-order-thankyou-v1-ready .jot1-next h3:before,
body.josport-order-thankyou-v1-ready .jot1-next h4:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

body.josport-order-thankyou-v1-ready .jot1-payment {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(220px,.9fr);
  gap: 28px;
}

body.josport-order-thankyou-v1-ready .jot1-payment img {
  max-width: 180px !important;
  height: auto !important;
  display: block;
  margin: 14px auto 0;
  padding: 10px;
  border: 1px solid #dfe9f3;
  border-radius: 14px;
  background: #fff;
}

body.josport-order-thankyou-v1-ready .jot1-qr-caption {
  margin-top: 10px;
  text-align: center;
  color: #5b6f82;
  font-size: 13px;
  line-height: 1.45;
}

body.josport-order-thankyou-v1-ready .jot1-order img {
  width: 86px !important;
  max-width: 86px !important;
  height: 86px !important;
  object-fit: contain !important;
  border: 1px solid #e2ebf3;
  border-radius: 14px;
  background: #fff;
  padding: 6px;
}

body.josport-order-thankyou-v1-ready .jot1-order table,
body.josport-order-thankyou-v1-ready .jot1-order .order-list,
body.josport-order-thankyou-v1-ready .jot1-order .order-item {
  width: 100% !important;
}

body.josport-order-thankyou-v1-ready .jot1-order tr,
body.josport-order-thankyou-v1-ready .jot1-order .order-item {
  border-bottom: 1px solid #edf2f6;
}

body.josport-order-thankyou-v1-ready .jot1-order td,
body.josport-order-thankyou-v1-ready .jot1-order th {
  padding: 14px 12px !important;
  vertical-align: middle !important;
}

body.josport-order-thankyou-v1-ready .jot1-total {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 2px solid #0e3a67;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-weight: 800;
  color: #18324a;
}

body.josport-order-thankyou-v1-ready .jot1-total strong {
  font-size: 30px;
  color: #111;
  white-space: nowrap;
}

body.josport-order-thankyou-v1-ready .jot1-next ol {
  margin: 0;
  padding-left: 22px;
}

body.josport-order-thankyou-v1-ready .jot1-next li {
  margin: 0 0 12px;
  color: #334b60;
  line-height: 1.55;
}

body.josport-order-thankyou-v1-ready .jot1-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 24px;
  flex-wrap: wrap;
}

body.josport-order-thankyou-v1-ready .jot1-primary,
body.josport-order-thankyou-v1-ready .jot1-secondary {
  min-height: 54px;
  padding: 0 24px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.josport-order-thankyou-v1-ready .jot1-primary {
  background: #0e3a67;
  border: 1px solid #0e3a67;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(14,58,103,.18);
}

body.josport-order-thankyou-v1-ready .jot1-primary:hover {
  background: #144b83;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(14,58,103,.24);
}

body.josport-order-thankyou-v1-ready .jot1-secondary {
  background: #fff;
  border: 1px solid #d8e5f2;
  color: #0e3a67 !important;
}

body.josport-order-thankyou-v1-ready .jot1-secondary:hover {
  background: #f3f8fd;
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  body.josport-order-thankyou-v1-ready .jot1-grid {
    grid-template-columns: 1fr;
  }

  body.josport-order-thankyou-v1-ready .jot1-payment {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  body.josport-order-thankyou-v1-ready .jot1-page {
    padding: 18px 12px 40px;
  }

  body.josport-order-thankyou-v1-ready .jot1-success {
    padding: 24px 18px;
    border-radius: 18px;
  }

  body.josport-order-thankyou-v1-ready .jot1-success h1,
  body.josport-order-thankyou-v1-ready .jot1-success .jot1-title {
    font-size: 26px;
  }

  body.josport-order-thankyou-v1-ready .jot1-card {
    padding: 20px 16px;
    border-radius: 17px;
  }

  body.josport-order-thankyou-v1-ready .jot1-card h2,
  body.josport-order-thankyou-v1-ready .jot1-card h3,
  body.josport-order-thankyou-v1-ready .jot1-card h4 {
    font-size: 17px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-card h2:before,
  body.josport-order-thankyou-v1-ready .jot1-card h3:before,
  body.josport-order-thankyou-v1-ready .jot1-card h4:before {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    border-radius: 10px;
    background-size: 18px 18px;
  }

  body.josport-order-thankyou-v1-ready .jot1-order img {
    width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-total {
    align-items: flex-start;
    flex-direction: column;
  }

  body.josport-order-thankyou-v1-ready .jot1-total strong {
    font-size: 26px;
  }

  body.josport-order-thankyou-v1-ready .jot1-actions {
    flex-direction: column;
  }

  body.josport-order-thankyou-v1-ready .jot1-primary,
  body.josport-order-thankyou-v1-ready .jot1-secondary {
    width: 100%;
  }
}


/* =========================================================
   OPRAVA ROZLOŽENÍ — KROK 2 / ZÁKLADNÍ ÚDAJE OBJEDNÁVKY
   Zachovává původní selecty, události Shoptetu i přepočty.
   ========================================================= */
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 48px !important;
  row-gap: 18px !important;
  align-items: end !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information > h2,
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information > .order-icon,
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information > legend {
  grid-column: 1 / -1 !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information .form-group,
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information .form-group-inline,
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information .form-group-wrapper {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information label,
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information .control-label {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information select,
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information input {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 16px !important;
  }
}


/* V4 — pojistka viditelnosti prázdného košíku */
body.josport-empty-cart-v5-ready .jec5-shell {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* =========================================================
   V5 — KROK 2: ZEMĚ DORUČENÍ A MĚNA VEDLE SEBE
   Pouze vizuální rozložení. Selecty, jejich ID, hodnoty
   a Shoptet přepočty zůstávají beze změny.
   ========================================================= */
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information > .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information > .row::before,
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information > .row::after {
  display: none !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information > .row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information .form-group {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information label,
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information .control-label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
}

body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information select,
body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information input {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  body.josport-checkout-step2-v7-ready #checkoutContent .co-basic-information > .row {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}


/* =========================================================
   V6 — SJEDNOCENÍ TLAČÍTEK V KROCÍCH 2 A 3
   Primární akce: modrá, šipka doprava.
   Návrat: bílý outline, šipka doleva.
   ========================================================= */

/* společný základ */
body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button,
body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button {
  min-height: 56px !important;
  width: 100% !important;
  padding: 0 22px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* primární tlačítka */
body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button {
  order: 1 !important;
  color: #fff !important;
  background: #1594d2 !important;
  border: 1px solid #1594d2 !important;
  box-shadow: 0 8px 20px rgba(21,148,210,.20) !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button::before,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button::before {
  content: none !important;
  display: none !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button::after,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button::after {
  content: "→" !important;
  display: inline-block !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: #fff !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button:hover,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button:hover {
  color: #fff !important;
  background: #0f7fb7 !important;
  border-color: #0f7fb7 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(21,148,210,.26) !important;
}

/* sekundární návratová tlačítka */
body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button {
  order: 2 !important;
  color: #17385f !important;
  background: #fff !important;
  border: 1px solid #cbdbea !important;
  box-shadow: none !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button::after,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button::after {
  content: none !important;
  display: none !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button::before,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button::before {
  content: "←" !important;
  display: inline-block !important;
  font-size: 19px !important;
  line-height: 1 !important;
  color: #17385f !important;
}

body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button:hover,
body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button:hover {
  color: #17385f !important;
  background: #f3f7fb !important;
  border-color: #9fbad2 !important;
  transform: translateY(-2px);
}

/* pořadí: hlavní akce nahoře, návrat pod ní */
body.josport-checkout-step2-v7-ready #checkoutSidebar .buttons-wrapper,
body.josport-checkout-step2-v7-ready #checkoutSidebar .cart-summary-buttons,
body.josport-checkout-step3-v4-ready #checkoutSidebar .buttons-wrapper,
body.josport-checkout-step3-v4-ready #checkoutSidebar .cart-summary-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

@media (max-width: 600px) {
  body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-primary-button,
  body.josport-checkout-step2-v7-ready #checkoutSidebar .jcs2-secondary-button,
  body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-primary-button,
  body.josport-checkout-step3-v4-ready #checkoutSidebar .jcs3-secondary-button {
    min-height: 52px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }
}


/* =========================================================
   V7 — DĚKOVNÁ STRÁNKA: PLATEBNÍ ÚDAJE, QR A OBSAH OBJEDNÁVKY
   Původní objednávková data se pouze přesunou do nového layoutu.
   ========================================================= */
body.josport-order-thankyou-v1-ready .jot1-details {
  width: 100%;
  margin: 0 0 24px;
}

body.josport-order-thankyou-v1-ready .jot1-details > .jot1-card {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr) !important;
  gap: 30px !important;
  align-items: start !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment img {
  display: block !important;
  max-width: 190px !important;
  width: auto !important;
  height: auto !important;
  margin: 14px auto 0 !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-order {
  display: block !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-order table {
  width: 100% !important;
  table-layout: auto !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-order img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment img {
    max-width: 170px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-order {
    overflow-x: auto !important;
  }
}


/* =========================================================
   V8 — DĚKOVNÁ STRÁNKA: PŮVODNÍ REKAPITULACE A QR KÓD
   Cílí na skutečný Shoptet blok .recapitulation-wrapper.
   ========================================================= */
body.josport-order-thankyou-v1-ready .jot1-actions {
  display: none !important;
}

body.josport-order-thankyou-v1-ready .jot1-details {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 24px !important;
  padding: 28px 30px !important;
  box-sizing: border-box !important;
}

body.josport-order-thankyou-v1-ready .jot1-details::before {
  content: "Rekapitulace objednávky a platební údaje";
  display: block;
  margin: 0 0 22px;
  color: #0e3a67;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 800;
}

body.josport-order-thankyou-v1-ready .jot1-details .recapitulation-wrapper,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-recap-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .recapitulation-wrapper + .recapitulation-wrapper {
  margin-top: 22px !important;
  padding-top: 22px !important;
  border-top: 1px solid #dfe9f3 !important;
}

body.josport-order-thankyou-v1-ready .jot1-details table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
}

body.josport-order-thankyou-v1-ready .jot1-details td,
body.josport-order-thankyou-v1-ready .jot1-details th {
  padding: 10px 12px !important;
  vertical-align: middle !important;
}

body.josport-order-thankyou-v1-ready .jot1-details img,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-qr-image {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-qr-image {
  display: block !important;
  max-width: 190px !important;
  margin: 16px auto !important;
  padding: 10px !important;
  background: #fff !important;
  border: 1px solid #dfe9f3 !important;
  border-radius: 14px !important;
}

@media (max-width: 767px) {
  body.josport-order-thankyou-v1-ready .jot1-details {
    padding: 20px 16px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details::before {
    font-size: 17px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details {
    overflow-x: auto !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-qr-image {
    max-width: 165px !important;
  }
}


/* =========================================================
   V9 — DĚKOVNÁ STRÁNKA: ZAROVNÁNÍ REKAPITULACE A QR KÓDU
   ========================================================= */

/* hlavní blok rekapitulace */
body.josport-order-thankyou-v1-ready .jot1-details {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* karta Platba a doručení */
body.josport-order-thankyou-v1-ready .jot1-details .recapitulation-wrapper > .jot1-payment,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px) !important;
  gap: 32px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* levá datová část */
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment > :first-child {
  min-width: 0 !important;
}

/* pravá QR část */
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment > :last-child {
  min-width: 0 !important;
  max-width: 300px !important;
  justify-self: end !important;
  text-align: center !important;
}

/* všechny tabulky a datové řádky uvnitř */
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment table {
  width: 100% !important;
  table-layout: fixed !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment td,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment th {
  padding: 8px 10px !important;
  vertical-align: top !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* QR kód bezpečně uvnitř karty */
body.josport-order-thankyou-v1-ready .jot1-details .jot1-qr-image,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment img {
  display: block !important;
  width: auto !important;
  max-width: 180px !important;
  height: auto !important;
  margin: 14px auto 8px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

/* popisek pod QR */
body.josport-order-thankyou-v1-ready .jot1-details .jot1-qr-caption {
  max-width: 220px !important;
  margin: 8px auto 0 !important;
  text-align: center !important;
}

/* obsah objednávky přes celou šířku */
body.josport-order-thankyou-v1-ready .jot1-details .jot1-order {
  width: 100% !important;
  max-width: 100% !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-order table {
  width: 100% !important;
  table-layout: auto !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-order td,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-order th {
  vertical-align: middle !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-order td:first-child {
  width: 90px !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-order td:last-child,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-order th:last-child {
  text-align: right !important;
  white-space: nowrap !important;
}

/* tablet */
@media (max-width: 991px) {
  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 250px) !important;
    gap: 22px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-qr-image,
  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment img {
    max-width: 165px !important;
  }
}

/* mobil */
@media (max-width: 767px) {
  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment > :last-child {
    max-width: none !important;
    justify-self: stretch !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-order table,
  body.josport-order-thankyou-v1-ready .jot1-details .jot1-order tbody,
  body.josport-order-thankyou-v1-ready .jot1-details .jot1-order tr,
  body.josport-order-thankyou-v1-ready .jot1-details .jot1-order td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-order td {
    padding: 8px 0 !important;
    text-align: left !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-order td:last-child {
    text-align: left !important;
  }
}


/* =========================================================
   V10 — DĚKOVNÁ STRÁNKA: OPRAVA ROZLOŽENÍ PLATEBNÍ KARTY
   Ruší problematický grid celé karty a zarovnává pouze její obsah.
   ========================================================= */
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-fixed {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-fixed > h2,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-fixed > h3,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-fixed > h4 {
  width: 100% !important;
  margin-bottom: 22px !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 210px !important;
  gap: 24px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-data {
  min-width: 0 !important;
  width: 100% !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-data table {
  width: 100% !important;
  table-layout: auto !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-data td,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-data th {
  padding: 6px 8px !important;
  vertical-align: top !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-data td:first-child,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-data th:first-child {
  width: 46% !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-data td:last-child,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-data th:last-child {
  font-weight: 700 !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-qr {
  grid-column: 3 !important;
  justify-self: center !important;
  width: 100% !important;
  max-width: 210px !important;
  min-width: 0 !important;
  text-align: center !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-qr img,
body.josport-order-thankyou-v1-ready .jot1-details .jot1-qr-image {
  display: block !important;
  width: 160px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 10px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-qr .jot1-qr-caption {
  max-width: 190px !important;
  margin: 0 auto !important;
  line-height: 1.4 !important;
}

@media (max-width: 991px) {
  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-content {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-qr {
    grid-column: 1 / -1 !important;
    max-width: 220px !important;
  }
}

@media (max-width: 767px) {
  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-content {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-details .jot1-payment-qr {
    grid-column: 1 !important;
  }
}


/* =========================================================
   V11 — DĚKOVNÁ STRÁNKA: PŘESNÉ ZAROVNÁNÍ PODLE DOM
   Struktura Shoptetu:
   .co-payment-method > h4 + .row
   .row > .col-sm-6 (údaje) + .col-sm-6 (QR)
   ========================================================= */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> h4 {
  display: flex !important;
  width: 100% !important;
  margin: 0 0 24px !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 230px !important;
  gap: 34px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content::before,
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content::after {
  display: none !important;
  content: none !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content
> .col-sm-6 {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content
> .jot1-payment-data {
  grid-column: 1 !important;
  justify-self: stretch !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content
> .jot1-payment-qr {
  grid-column: 2 !important;
  justify-self: center !important;
  align-self: start !important;
  width: 100% !important;
  max-width: 230px !important;
  text-align: center !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td,
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data th {
  padding: 7px 12px !important;
  vertical-align: top !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(odd) {
  width: 22% !important;
  color: #42586d !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(even) {
  width: 28% !important;
  font-weight: 700 !important;
  color: #111 !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-qr img,
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-qr .jot1-qr-image {
  display: block !important;
  width: 170px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 12px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-qr .jot1-qr-caption {
  max-width: 210px !important;
  margin: 0 auto !important;
  text-align: center !important;
  line-height: 1.45 !important;
}

@media (max-width: 900px) {
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content
  > .jot1-payment-data,
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content
  > .jot1-payment-qr {
    grid-column: 1 !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content
  > .jot1-payment-qr {
    justify-self: center !important;
  }
}

@media (max-width: 600px) {
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  .jot1-payment-data table,
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  .jot1-payment-data tbody,
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  .jot1-payment-data tr,
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  .jot1-payment-data td {
    display: block !important;
    width: 100% !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  .jot1-payment-data td:nth-child(odd) {
    padding-bottom: 2px !important;
    font-size: 12px !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  .jot1-payment-data td:nth-child(even) {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }
}


/* =========================================================
   V12 — DĚKOVNÁ STRÁNKA: CELÝ IBAN A FINÁLNÍ ZAROVNÁNÍ
   ========================================================= */

/* více prostoru pro platební údaje, QR zůstává stabilní */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content {
  grid-template-columns: minmax(0, 1fr) 210px !important;
  gap: 28px !important;
}

/* tabulka platebních údajů se nesmí ořezávat */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data {
  overflow: visible !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data table {
  width: 100% !important;
  table-layout: fixed !important;
}

/* čtyři logické sloupce: popisek / hodnota / popisek / hodnota */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(1),
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(3) {
  width: 19% !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(2) {
  width: 23% !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(4) {
  width: 39% !important;
}

/* hodnoty, zejména IBAN, musí být celé viditelné */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(even) {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  font-size: 14px !important;
}

/* menší mezery a jisté zarovnání QR */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content
> .jot1-payment-qr {
  max-width: 210px !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-qr img,
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-qr .jot1-qr-image {
  width: 160px !important;
}

/* užší desktop/tablet: QR pod údaje dříve, aby se IBAN nikdy neořezal */
@media (max-width: 1100px) {
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content {
    grid-template-columns: 1fr !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content
  > .jot1-payment-data,
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content
  > .jot1-payment-qr {
    grid-column: 1 !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content
  > .jot1-payment-qr {
    justify-self: center !important;
  }
}

/* mobil: hodnoty se mohou zalomit po celých blocích, ne po písmenech */
@media (max-width: 600px) {
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  .jot1-payment-data td:nth-child(even) {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}


/* =========================================================
   V13 — FUNKČNÍ OPRAVA CELÉHO IBANU
   Přesné cílení na čtvrtý sloupec tabulky platebních údajů.
   ========================================================= */

/* více místa pro data, méně pro QR */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content {
  grid-template-columns: minmax(0, 1fr) 175px !important;
  gap: 24px !important;
}

/* QR sloupec */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
> .row.jot1-payment-content
> .jot1-payment-qr {
  max-width: 175px !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-qr img,
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-qr .jot1-qr-image {
  width: 145px !important;
}

/* tabulka: čtvrtá hodnota může zalomit dlouhý IBAN */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data table {
  table-layout: fixed !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(1) {
  width: 18% !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(2) {
  width: 24% !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(3) {
  width: 18% !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(4) {
  width: 40% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.35 !important;
}

/* ostatní hodnoty zůstanou na jednom řádku, pokud se vejdou */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-fixed
.jot1-payment-data td:nth-child(2) {
  white-space: nowrap !important;
}

/* na menším desktopu/tabletu se QR přesune pod údaje ještě dříve */
@media (max-width: 1180px) {
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content {
    grid-template-columns: 1fr !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content
  > .jot1-payment-data,
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content
  > .jot1-payment-qr {
    grid-column: 1 !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-fixed
  > .row.jot1-payment-content
  > .jot1-payment-qr {
    justify-self: center !important;
  }
}


/* =========================================================
   V14 — KOMPLETNĚ PŘESTAVĚNÝ BLOK PLATBY A DORUČENÍ
   Hodnoty se načtou z původní rekapitulace Shoptetu.
   ========================================================= */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 28px 32px !important;
  box-sizing: border-box !important;
}

body.josport-order-thankyou-v1-ready .jot1-payment-clean {
  width: 100%;
  min-width: 0;
}

body.josport-order-thankyou-v1-ready .jot1-clean-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 24px;
}

body.josport-order-thankyou-v1-ready .jot1-clean-title h4 {
  margin: 0 !important;
  color: #0e3a67 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
}

body.josport-order-thankyou-v1-ready .jot1-clean-title-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1px solid #d8e9f7;
  border-radius: 12px;
  background-color: #edf6fd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e3a67' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3'/%3E%3C/svg%3E");
}

body.josport-order-thankyou-v1-ready .jot1-clean-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.1fr) 190px;
  gap: 34px;
  align-items: start;
}

body.josport-order-thankyou-v1-ready .jot1-clean-column {
  min-width: 0;
}

body.josport-order-thankyou-v1-ready .jot1-clean-bank {
  padding-left: 34px;
  border-left: 1px solid #dce7f1;
}

body.josport-order-thankyou-v1-ready .jot1-clean-row {
  display: grid;
  grid-template-columns: minmax(125px, 44%) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  min-height: 48px;
  padding: 12px 0;
  border-bottom: 1px solid #e7eef5;
  box-sizing: border-box;
}

body.josport-order-thankyou-v1-ready .jot1-clean-row:last-child {
  border-bottom: 0;
}

body.josport-order-thankyou-v1-ready .jot1-clean-row span {
  color: #334b60;
  line-height: 1.45;
}

body.josport-order-thankyou-v1-ready .jot1-clean-row strong {
  min-width: 0;
  color: #111;
  font-weight: 800;
  line-height: 1.45;
  text-align: left;
}

body.josport-order-thankyou-v1-ready .jot1-clean-iban strong {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.josport-order-thankyou-v1-ready .jot1-clean-qr {
  text-align: center;
}

body.josport-order-thankyou-v1-ready .jot1-clean-qr-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  min-height: 176px;
  margin: 0 auto 12px;
  padding: 10px;
  border: 1px solid #d8e5f0;
  border-radius: 16px;
  background: #fff;
  box-sizing: border-box;
}

body.josport-order-thankyou-v1-ready .jot1-clean-qr-image {
  display: block !important;
  width: 150px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.josport-order-thankyou-v1-ready .jot1-clean-qr p {
  max-width: 175px;
  margin: 0 auto;
  color: #5b6f82;
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  body.josport-order-thankyou-v1-ready .jot1-clean-grid {
    grid-template-columns: 1fr 1fr;
  }

  body.josport-order-thankyou-v1-ready .jot1-clean-qr {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-rebuilt {
    padding: 20px 16px !important;
  }

  body.josport-order-thankyou-v1-ready .jot1-clean-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.josport-order-thankyou-v1-ready .jot1-clean-bank {
    padding-left: 0;
    border-left: 0;
  }

  body.josport-order-thankyou-v1-ready .jot1-clean-qr {
    grid-column: 1;
    margin-top: 8px;
  }

  body.josport-order-thankyou-v1-ready .jot1-clean-row {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 10px 0;
  }

  body.josport-order-thankyou-v1-ready .jot1-clean-row span {
    font-size: 12px;
  }
}


/* =========================================================
   V15 — STABILNÍ FINÁLNÍ BLOK PLATBY A DORUČENÍ
   ========================================================= */
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt {
  display: block !important;
  min-height: 0 !important;
  padding: 28px 32px !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-payment-clean {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, .9fr) minmax(360px, 1.15fr) 190px !important;
  gap: 32px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-column,
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-qr {
  display: block !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-bank {
  padding-left: 32px !important;
  border-left: 1px solid #dce7f1 !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-row {
  display: grid !important;
  grid-template-columns: minmax(130px, 42%) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  min-height: 48px !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-row span,
body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-row strong {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-iban strong {
  letter-spacing: .01em;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-qr {
  text-align: center !important;
  justify-self: center !important;
}

body.josport-order-thankyou-v1-ready
.jot1-details
.co-payment-method.jot1-payment-rebuilt
.jot1-clean-qr-slot {
  width: 176px !important;
  min-height: 176px !important;
}

@media (max-width: 1080px) {
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-rebuilt
  .jot1-clean-grid {
    grid-template-columns: minmax(250px, 1fr) minmax(320px, 1.15fr) !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-rebuilt
  .jot1-clean-qr {
    grid-column: 1 / -1 !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-rebuilt
  .jot1-clean-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-rebuilt
  .jot1-clean-bank {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-rebuilt
  .jot1-clean-qr {
    grid-column: 1 !important;
  }

  body.josport-order-thankyou-v1-ready
  .jot1-details
  .co-payment-method.jot1-payment-rebuilt
  .jot1-clean-row {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
}


/* =========================================================
   V16 — KROK 1: BLOK TÝMOVÁ ZÓNA
   ========================================================= */
body.josport-cart-products-v4-ready .jcp4-team-zone {
  width: 100%;
  margin: 24px 0 0;
  padding: 22px;
  color: var(--jcp4-text);
  background:
    radial-gradient(circle at 8% 0%, rgba(25,156,230,.08), transparent 28%),
    linear-gradient(135deg, #f8fbfe 0%, #f0f7fd 100%);
  border: 1px solid #d7e7f4;
  border-radius: 18px;
  box-sizing: border-box;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-head {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-badge {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  color: var(--jcp4-primary);
  background: #eef6fd;
  border: 1px solid #d4e5f3;
  border-radius: 50%;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-badge svg {
  width: 42px;
  height: 42px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-copy {
  min-width: 0;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-copy h3 {
  margin: 0 0 5px !important;
  color: var(--jcp4-primary-dark) !important;
  font: 800 21px/1.2 "Roboto Condensed","Roboto",sans-serif !important;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-copy p {
  margin: 0;
  color: #405670;
  font-size: 14px;
  line-height: 1.5;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-features {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 20px 0;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-feature {
  display: flex;
  min-width: 0;
  padding: 0 14px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  text-align: center;
  border-right: 1px solid #d6e2ed;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-feature:first-child {
  padding-left: 0;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-feature:last-child {
  padding-right: 0;
  border-right: 0;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: #1169a8;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-icon svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-feature strong {
  color: var(--jcp4-primary-dark);
  font-size: 12px;
  line-height: 1.35;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 16px;
  background: rgba(255,255,255,.66);
  border: 1px solid #d5e5f2;
  border-radius: 14px;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-footer > div {
  min-width: 0;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-footer strong,
body.josport-cart-products-v4-ready .jcp4-team-zone-footer small {
  display: block;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-footer strong {
  color: var(--jcp4-primary-dark);
  font-size: 14px;
  line-height: 1.35;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-footer small {
  margin-top: 3px;
  color: #60738a;
  font-size: 12px;
  line-height: 1.4;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  flex: 0 0 auto;
  padding: 0 20px;
  color: #fff !important;
  background: linear-gradient(135deg, var(--jcp4-accent), var(--jcp4-accent-dark));
  border: 1px solid transparent;
  border-radius: 11px;
  box-shadow: 0 10px 22px rgba(25,156,230,.2);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-button span {
  font-size: 19px;
  line-height: 1;
  transition: transform .18s ease;
}

body.josport-cart-products-v4-ready .jcp4-team-zone-button:hover {
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(25,156,230,.27);
}

body.josport-cart-products-v4-ready .jcp4-team-zone-button:hover span {
  transform: translateX(3px);
}

body.josport-cart-products-v4-ready .jcp4-team-zone-button:focus-visible {
  outline: 3px solid rgba(25,156,230,.25);
  outline-offset: 3px;
}

/* tablet */
@media (max-width: 1050px) {
  body.josport-cart-products-v4-ready .jcp4-team-zone-features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 0;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:nth-child(3) {
    border-right: 0;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:nth-child(4),
  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:nth-child(5) {
    grid-column: auto;
  }
}

/* mobil */
@media (max-width: 767px) {
  body.josport-cart-products-v4-ready .jcp4-team-zone {
    margin-top: 18px;
    padding: 18px 15px;
    border-radius: 16px;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-head {
    align-items: flex-start;
    gap: 12px;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-badge {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-badge svg {
    width: 34px;
    height: 34px;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-copy h3 {
    font-size: 18px !important;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-copy p {
    font-size: 13px;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 18px 0;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-feature {
    min-height: 108px;
    padding: 14px 8px;
    border-right: 1px solid #d6e2ed;
    border-bottom: 1px solid #d6e2ed;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:nth-child(even) {
    border-right: 0;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:nth-last-child(-n+2) {
    border-bottom: 0;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:last-child {
    grid-column: 1 / -1;
    border-right: 0;
    border-bottom: 0;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-button {
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
  }
}

@media (max-width: 420px) {
  body.josport-cart-products-v4-ready .jcp4-team-zone-head {
    flex-direction: column;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-features {
    grid-template-columns: 1fr;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-feature,
  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:nth-child(even),
  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:nth-last-child(-n+2),
  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:last-child {
    grid-column: auto;
    min-height: 0;
    padding: 13px 4px;
    border-right: 0;
    border-bottom: 1px solid #d6e2ed;
  }

  body.josport-cart-products-v4-ready .jcp4-team-zone-feature:last-child {
    border-bottom: 0;
  }
}


/* =========================================================
   V18 — MOBILNÍ PRÁZDNÝ KOŠÍK
   Skrytí jazykové lišty s vlajkou a přepínačem jazyka.
   Aktivní pouze na stránce prázdného košíku a pouze na mobilu.
   ========================================================= */
@media (max-width: 767px){
  body.josport-empty-cart-v5-ready
  .top-navigation-tools.top-navigation-tools--language,
  body.josport-empty-cart-v5-ready
  .top-navigation-tools--language{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* Po odebrání jazykové části zůstane pravá skupina ikon zarovnaná. */
  body.josport-empty-cart-v5-ready
  .top-navigation-tools{
    justify-content:flex-end!important;
  }

  body.josport-empty-cart-v5-ready
  .top-navigation-bar .container{
    min-height:60px!important;
  }
}


/* =========================================================
   V19 — MOBILNÍ PRÁZDNÝ KOŠÍK
   Vrácení horního menu a skrytí pouze přepínače jazyka.
   ========================================================= */
@media (max-width: 767px){

  /* Vrátit celý kontejner horních ikon/menu, který V18 skryl příliš široce. */
  body.josport-empty-cart-v5-ready
  .top-navigation-tools.top-navigation-tools--language,
  body.josport-empty-cart-v5-ready
  .top-navigation-tools--language{
    display:flex!important;
    visibility:visible!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }

  /* Skrýt jen samotnou vlajku a rozbalovací nabídku jazyků. */
  body.josport-empty-cart-v5-ready
  #topNavigationDropdown.languagesMenu__flags,
  body.josport-empty-cart-v5-ready
  button#topNavigationDropdown,
  body.josport-empty-cart-v5-ready
  .languagesMenu__content{
    display:none!important;
    visibility:hidden!important;
  }

  /* Ostatní ikony – hledání, účet a hamburger – zůstávají viditelné. */
  body.josport-empty-cart-v5-ready
  .top-navigation-tools > :not(#topNavigationDropdown):not(.languagesMenu__content){
    display:flex;
  }

  body.josport-empty-cart-v5-ready
  .top-navigation-bar .container{
    min-height:60px!important;
  }
}


/* =========================================================
   V20 — MOBILNÍ PRÁZDNÝ KOŠÍK
   Logo JOsport.cz s proklikem + účet pouze jako ikona.
   ========================================================= */
@media (max-width: 767px){

  body.josport-empty-cart-v5-ready #header .header-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:60px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
  }

  body.josport-empty-cart-v5-ready .jcem20-logo-link{
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#104585!important;
    text-decoration:none!important;
  }

  body.josport-empty-cart-v5-ready .jcem20-logo-text{
    display:block!important;
    font-family:"Roboto Condensed","Roboto",Arial,sans-serif!important;
    font-size:25px!important;
    font-style:italic!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-1.5px!important;
    color:#104585!important;
    text-transform:none!important;
    white-space:nowrap!important;
  }

  body.josport-empty-cart-v5-ready .jcem20-logo-link:hover .jcem20-logo-text{
    color:#199ce6!important;
  }

  /* Přihlašovací tlačítko zůstane jako ikona, bez viditelného textu. */
  body.josport-empty-cart-v5-ready .jcem20-login-icon-only{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-indent:-9999px!important;
  }

  body.josport-empty-cart-v5-ready .jcem20-login-icon-only::before,
  body.josport-empty-cart-v5-ready .jcem20-login-icon-only svg,
  body.josport-empty-cart-v5-ready .jcem20-login-icon-only i{
    text-indent:0!important;
  }

  /* Pravá část s ikonami se nesmí roztáhnout přes logo. */
  body.josport-empty-cart-v5-ready
  .top-navigation-tools.top-navigation-tools--language{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:calc(100% - 135px)!important;
    margin-left:auto!important;
  }
}