<style type="text/css">
.moje-pravidlo-lk { ... }

/* ---------------------------------------------------------- */
/*Skrytí nadpisu Varianta u výběru variant*/
/* ---------------------------------------------------------- */
tr.variant-list.variant-not-chosen-anchor > th {
display: none !important;
}

/* ---------------------------------------------------------- */
/*ZMĚNA FONTU (GLOBÁLNĚ)*/
/* ---------------------------------------------------------- */
* {font-family: "Autour One"!important;}

.ldx-textblock p {
  margin: 0; /* odstraní extra mezery kolem odstavce */
}

/* ---------------------------------------------------------- */
/*ÚPRAVA HLAVIČKY*/
/* ---------------------------------------------------------- */
@media (min-width: 768px) {.navigation-in>ul>li>a {color: white;}}
#header {background-image: url(https://www.marthadance.cz/user/documents/upload/bg-red.jpg);}
@media (min-width: 768px) {.is-header-black .navigation-in>ul>li>a {color: white !important;}}
@media (min-width: 768px) {.is-header-black .navigation-in>ul>li>a:hover {border-style: solid; border-width: 0px 0px 3px 0px; border-color: #af1e27; padding-bottom: 19px;}}
@media (min-width: 768px) {.is-header-black .navigation-buttons>a, .is-header-black .navigation-buttons>a:after, .is-header-black .navigation-buttons>a[data-target="login"]:before {color: white;}}
@media (min-width: 768px) {.is-header-black .navigation-in>ul>li.ext>a:after {color: white !important;}}

/* -------------------------------------------------------------------- */
/*MERINO GALERIE*/
/* -------------------------------------------------------------------- */
.merino-gallery {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin: 20px 0;
}

.merino-gallery a {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4; /* náhled na výšku */
  overflow: hidden;
  border-radius: 20px; /* zaoblení rohů */
  cursor: zoom-in;
}

.merino-gallery img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .3s ease;
  border-radius: 20px; /* zaoblení rohů */
}

/* Ztmavení pozadí při hoveru */
.merino-gallery a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  transition: opacity .3s ease;
  border-radius: 20px;
}

/* Ikona lupy uprostřed */
.merino-gallery a::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity .3s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>');
}

/* Aktivace efektu při hoveru */
.merino-gallery a:hover::after,
.merino-gallery a:hover::before,
.merino-gallery a:focus-visible::after,
.merino-gallery a:focus-visible::before {
  opacity: 1;
}

.merino-gallery a:hover img,
.merino-gallery a:focus-visible img {
  transform: scale(1.05);
}

@media (max-width: 900px) {
  .merino-gallery {
    grid-template-columns: 1fr;
  }
}

/*Doplnění pilulky s popiskem obrázku, pokud je uveden v atributu alt*/
.merino-gallery a::after{
  content: attr(data-caption);
  position: absolute !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  height: auto !important;
  width: 70% !important;

  left: 50% !important;
  bottom: 20px !important;
  transform: translateX(-50%) !important;

  display: inline-block !important;
  background: #af1e27;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  padding: 10px 20px;
  border-radius: 99px;
  text-align: center;
  pointer-events: none;

  max-width: calc(100% - 40px);
  white-space: normal;
  word-break: break-word;
  box-sizing: border-box;

  opacity: 1 !important; /* viditelné hned */
}

/* když data-caption chybí nebo je prázdné, nevytvářej pilulku */
.merino-gallery a:not([data-caption])::after,
.merino-gallery a[data-caption=""]::after{
  content: none !important;
  display: none !important;
}

/* ---------------------------------------------------------- */
/*ZAOBLENÍ VIDEA*/
/* ---------------------------------------------------------- */
iframe {border-radius: 20px;}

/* ---------------------------------------------------------- */
/* TEXT VLEVO, OBRÁZEK VPRAVO (1/2 + 1/2) */
/* ---------------------------------------------------------- */
.ldx-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 40px;          /* mezera mezi sloupci */
  row-gap: 0;
  width: 100%;
  margin-bottom: 30px;       /* spodní odsazení bloku */
  align-items: center;       /* vertikální střed v obou buňkách */
}

/* Obsah sloupců na střed */
.ldx-pane {
  display: flex;
  flex-direction: column;
  justify-content: center;   /* vertikální střed obsahu */
  min-width: 0;              /* prevence přetékání */
}

/* Obrázek */
.ldx-pane--image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;       /* zaoblení rohů */
}

/* Mobil ≤ 991 px: pod sebe, mezera 20, text nad obrázkem */
@media (max-width: 991px) {
  .ldx-split {
    grid-template-columns: 1fr;
    row-gap: 20px;           /* menší mezera na mobilu */
  }
  .ldx-pane { 
    justify-content: flex-start; 
  }
}

/* ---------------------------------------------------------- */
/* DVĚ VIDEA VEDLE SEBE (1/2 + 1/2) */
/* ---------------------------------------------------------- */
.ldx-two-videos {
  display: flex;
  width: 100%;
  gap: 40px;           
  margin-bottom: 40px; /* spodní odsazení na počítači */
}

/* Každé video = 1/2 šířky */
.ldx-two-videos .video-col {
  flex: 1 1 0%;
  min-width: 0;
}

/* Iframe video responsivní */
.ldx-two-videos .video-col iframe {
  width: 100%;
  aspect-ratio: 16 / 9; /* správný poměr stran */
  height: auto;
  border-radius: 20px;
  display: block;
}

/* Mobilní zobrazení */
@media (max-width: 991px) {
  .ldx-two-videos {
    flex-direction: column;
    gap: 20px;           /* menší mezera mezi videi na mobilu */
    margin-bottom: 30px; /* menší spodní odsazení na mobilu */
  }
}

/* ---------------------------------------------------------- */
/* VIDEO VLEVO, OBRÁZEK VPRAVO (1/2 + 1/2) */
/* ---------------------------------------------------------- */
.ldx-video-text {
  display: flex;
  width: 100%;
  gap: 40px;           
  margin-bottom: 30px; 
  align-items: center; 
}

/* Sloupce 1/2 : 1/2 */
.ldx-video-text .col {
  flex: 1 1 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 30px;       /* spodní odsazení bloku */
}

/* ---------------------------------------------------------- */
/* VIDEO VPRAVO, OBRÁZEK VLEVO (1/2 + 1/2) */
/* ---------------------------------------------------------- */
.ldx-video-text.reverse-order {
  display: flex;
  flex-direction: row-reverse;
}

@media (max-width: 900px) {
  .ldx-video-text.reverse-order {
    flex-direction: column;
  }
}

/* Video - automatické přizpůsobení */
.ldx-video-text .col--video iframe {
  width: 100%;
  aspect-ratio: 16 / 9; /* zachová správný poměr stran */
  height: auto;
  border-radius: 20px;
}

/* Desktop pořadí */
.ldx-video-text .col--video { order: 1; }
.ldx-video-text .col--text  { order: 2; }

/* Responzivita */
@media (max-width: 991px) {
  .ldx-video-text {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  .ldx-video-text .col--video,
  .ldx-video-text .col--text {
    order: initial;
    justify-content: flex-start;
  }
}

@media (max-width: 991px) {.ldx-video-text .col {margin-bottom: 0px;}}
@media (max-width: 991px) {
.ldx-video-text .col--video { order: 2; }
.ldx-video-text .col--text  { order: 1; }
}

/* ---------------------------------------------------------- */
/* TEXT VPRAVO, OBRÁZEK VLEVO (1/3 + 2/3) */
/* ---------------------------------------------------------- */
.two-cols-13 {
  display: flex;
  width: 100%;
  gap: 40px;            /* mezera mezi sloupci */
  margin-bottom: 30px;  /* spodní odsazení bloku */
  align-items: center;  /* vertikální srovnání sloupců vůči sobě */
}

/* Sloupce + poměry 1/3 : 2/3 */
.two-cols-13 .col {
  min-width: 0;               /* prevence přetékání dlouhého obsahu */
  display: flex;
  flex-direction: column;
  justify-content: center;    /* střed obsahu ve sloupci */
}

.two-cols-13 .col--img  { flex: 1 1 0%; }  /* 1/3 */
.two-cols-13 .col--text { flex: 2 1 0%; }  /* 2/3 */

/* Obrázek */
.two-cols-13 .col--img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;        /* zaoblení rohů */
}

/* Desktopové pořadí: obrázek vlevo, text vpravo */
.two-cols-13 .col--img  { order: 1; }
.two-cols-13 .col--text { order: 2; }

/* Responzivita: 991 px a méně → pod sebe, pořadí text → obrázek */
@media (max-width: 991px) {
  .two-cols-13 {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .two-cols-13 .col--img,
  .two-cols-13 .col--text {
    order: initial;           /* vrátí HTML pořadí: nejdřív text, pak obrázek */
    justify-content: flex-start;
  }
}

/* ---------------------------------------------------------- */
/* TEXT VLEVO, OBRÁZEK VPRAVO (2/3 + 1/3) */
/* ---------------------------------------------------------- */

.two-cols-23 {
  display: flex;
  width: 100%;
  gap: 40px;            /* mezera mezi sloupci */
  margin-bottom: 0px;  /* spodní odsazení bloku */
  align-items: center;  /* vertikální srovnání sloupců */
}

/* Sloupce + poměry 2/3 : 1/3 */
.two-cols-23 .col {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center; /* střed obsahu ve sloupci */
}

.two-cols-23 .col--text { flex: 2 1 0%; } /* 2/3 */
.two-cols-23 .col--img  { flex: 1 1 0%; } /* 1/3 */

/* Obrázek */
.two-cols-23 .col--img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px; /* zaoblení rohů */
}

/* Desktop pořadí: text vlevo, obrázek vpravo */
.two-cols-23 .col--text { order: 1; }
.two-cols-23 .col--img  { order: 2; }

/* Responzivita */
@media (max-width: 991px) {
  .two-cols-23 {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .two-cols-23 .col--text,
  .two-cols-23 .col--img {
    order: initial;           /* mobilní pořadí podle HTML */
    justify-content: flex-start;
  }
}

/*VYLADĚNÍ PUNTÍKU S VÝBĚREM VARIANTY V DETAILU PRODUKTU*/
.advanced-parameter-inner img {max-width: 140%; margin-left: -8px; margin-top: -5px;}
#simple-variants .advanced-parameter-inner {width: 40px; height: 40px;}
/*.detail-parameters th {display: none;}*/
#simple-variants {padding-bottom: 30px;}

/*ÚPRAVA CAROUSELU*/
.carousel .extended-banner-title {font-size: 48px !important;}
.carousel .extended-banner-text {max-width: 700px;}
.carousel .extended-banner-link:not(:empty) {background-color: #af1e27; color: white;}

/*SKRÝT ČERNÝ POZŮSTATEK V HLAVIČCE*/
.is-header-black .top-navigation-bar .container>div.top-navigation-contacts {display: none;}

/*ÚPRAVA TLAČÍTKA KOŠÍKU NA TABLETU*/
@media (min-width: 768px) {.is-header-black.cart-window-visible .header-top .btn.cart-count .cart-price {color: #fff !important;}}
@media (min-width: 768px) {.is-header-black.cart-window-visible .header-top .btn.cart-count:before {color: #fff !important;}}
@media (min-width: 768px) {.cart-window-visible #header .click-cart {background-color: #af1e27; border-radius: 20px 20px 0px 0px !important;}}
@media (min-width: 768px) {.cart-window-visible #header .cart-count {border: none;}}

/*ZMĚNA POZADÍ TLAČÍTKA KOŠÍKU PO NAJETÍ MYŠÍ*/
.click-cart {border-radius: 99px !important;}
.click-cart:hover {background: #af1e27 !important;}

/*ZMĚNA BARVY PUNTÍKU S MNOŽSTVÍM PRODUKTŮ V KOŠÍKU*/
.is-header-black a.btn.cart-count.full i {background-color: #901d25;}

/*TLAČÍTKO V PATIČCE*/
.btn-footer {border-color: #7c7e8f; color: #7c7e8f !important;}
.btn-footer:hover {border-color: #af1e27; color: #af1e27 !important;}

/*ZMĚNA BARVY NADPISU V PATIČCE*/
#footer h4 {color: #7c7e8f;}

/*ZMĚNA BARVY POZADÍ V BLOKU PRO ODBĚR NEWSLETTERU*/
.footer-item.footer-item-newsletter {background-color: #8a6c26; background-image: url(/user/documents/upload/bg-red.jpg);}

/*ÚPRAVA COOKIES LIŠTY*/
.siteCookies__form {background-color: #292929;}
.siteCookies--bottom.siteCookies--scrolled {background-color: #292929;}
.siteCookies__link {border-radius: 99px; background-color: transparent; color: #7c7e8f; border: 2px solid #7c7e8f;}
.siteCookies__link:hover {background-color: transparent; color: #fff; border: 2px solid #fff;}
.siteCookies__button {background-color: #af1e27; color: white; border-radius: 99px;}

</style>

<style>
  body{
    /*background-color: white!important;*/
  }
  .in-index .position--benefitHomepage{
  	margin-top: 35px;
  }
  .products-block .p-in-in {
    min-height: auto;
  }
  .category-header input[type="radio"]:checked+label {
    background-color: var(--color-primary);
  }
  .welcome .welcome__content p {
    margin-bottom: 0;
  }

  .welcome .welcome__content p + p{
    margin-top: 20px;
  }
  @media (min-width: 768px) {
    .navigation-in {
      font-size: 15px;
      line-height: 15px;
    }
    .navigation-in ul li a {
      padding-left: 22px;
      padding-right: 22px;
    }
    .top-navigation-bar .container > div.top-navigation-contacts {
      top: 0;
      height: 49px;
    }
    .welcome h1 {
      font-size: 40px;
      margin-bottom: 30px;
    }
    .welcome p {
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 30px;
    }
  }
  @media (min-width: 992px) {
    .welcome {
      padding: 40px 40px 40px 40px;
    }
  }
  @media (min-width: 992px) {
    .header-top {
      padding-top: 30px;
      padding-bottom: 10px;
    }

    .popup-widget.login-widget {
      top: 80px;
    }

    .popup-widget.cart-widget {
      top: 80px;
    }

    .admin-logged .popup-widget.login-widget {
      top: 105px;
    }

    .admin-logged .popup-widget.cart-widget {
      top: 105px;
    }
  }
  @media (max-width: 767px){
    .top-navigation-bar {
      background-color: white;
    }
  }

  @media (max-width: 370px){
    .top-navigation-bar .site-name a img {
        max-height: 30px;
    }
  }
  
  @media (min-width: 768px) {
  .products-related-block h2, .products-alternative-block h2,
  h4.homepage-group-title, .h4.homepage-group-title {
    font-size: 36px;
  }
  body .hodnoceni:before {
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
  }
  .products-block.products .p .name {
    font-size: 18px;
  }
  .navigation-buttons a[data-target="cart"]:hover {
    color: white;
  }
  .header-top .btn.cart-count:hover .cart-price {
    color: white;
  }
  .navigation-buttons .click-cart a:after {
    display: none;
  }
  .click-cart {
    background: var(--color-primary);
    border-radius: 8px;
  }
  .click-cart:hover {
    background: var(--color-primary-hover);
  }
  #header .cart-count {
    border-radius: 7px 7px 0 0;
  }
  .navigation-buttons a[data-target="cart"] {
    color: #fff;
  }
  .header-top .btn.cart-count:before {
    font-size: 26px;
  }
  .header-top .btn.cart-count:before {
    color: white !important;
  }
  .navigation-buttons {
    right: 0;
  }
  .cart-window-visible #header .click-cart {
    border-radius: 7px 7px 0 0;
  }
  .cart-window-visible #header .cart-count {
    background-color: transparent;
    border-radius: 7px 7px 0 0;
  }
  .cart-window-visible .btn.cart-count .cart-price {
    color: white;
  }
  .popup-widget {
    margin-left: -6px;
  }
}

@media (min-width: 992px) {
  .popup-widget.cart-widget {
    margin-left: 106px;
  }
}

@media (min-width: 1200px) {
  .popup-widget.cart-widget {
    margin-left: 209px;
  }
}

@media (min-width: 1440px) {
  .popup-widget.cart-widget {
    margin-left: 329px;
  }
}

@media (min-width: 768px) {
    .is-header-fixed.is-header-hidden #header .site-name a img {
      max-height: 76px;
    }
    #header .site-name {
      display: flex;
      align-items: center;
    }

    #header .site-name a img {
      max-height: 90px;
      max-width: 300px;
    }
  }

  @media (max-width: 767px) {
    .top-navigation-bar .site-name a img {
      max-height: 40px;
    }
  }
</style>