/* =========================================================
   JOSPORT.CZ — JEDNOTNÝ KOŠÍK A CHECKOUT REDESIGN 2026
   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%;
  }
}