/* LOVESILK v7 – styly přesunuté z pole HTML kódy v Shoptetu. */

/* Přístupný nadpis zůstává vizuálně skrytý, ale je dostupný čtečkám. */
.lovesilk-page-title.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.lovesilk-carousel-pause {
  position: absolute;
  z-index: 4;
  right: 14px;
  bottom: 14px;
  padding: 6px 10px;
  border: 1px solid rgba(95, 102, 104, 0.55);
  background: rgba(255, 255, 255, 0.9);
  color: #5f6668;
  font-size: 12px;
  cursor: pointer;
}

#carousel {
  position: relative;
}

/* Desktopová titulní stránka: kompaktnější carousel a rychlejší přechod
   k první produktové řadě. */
@media (min-width: 768px) {
  body.in-index #carousel {
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.in-index .homepage-products-heading-5 {
    margin-top: 24px !important;
    margin-bottom: 18px !important;
  }
}

@media (max-width: 767px) {
  .lovesilk-carousel-pause {
    right: 8px;
    bottom: 8px;
    padding: 5px 8px;
    font-size: 11px;
  }
}

/* Mobilní produktový detail: nákupní formulář před delším popisem. */
@media (max-width: 767px) {
  body.type-detail .p-data-wrapper {
    display: flex !important;
    flex-direction: column !important;
  }

  body.type-detail .p-data-wrapper #product-detail-form {
    order: 1 !important;
  }

  body.type-detail .p-data-wrapper .p-short-description {
    order: 2 !important;
    margin-top: 20px !important;
  }

  body.type-detail .p-data-wrapper .social-buttons-wrapper {
    order: 3 !important;
  }

  .advice-window {
    display: none !important;
  }
}

/* Produktový detail: na desktopu zmenšíme zbytečně velkou mezeru
   mezi nákupní částí a benefity. Mobilní rozložení zůstává beze změny. */
@media (min-width: 768px) {
  body.type-detail .p-detail-inner {
    margin-bottom: 24px !important;
    border-bottom: 0 !important;
  }

  body.type-detail .benefitBanner.position--benefitProduct {
    margin-top: 24px !important;
  }
}

/* Mobilní produktový detail: stejný kompaktní dvousloupcový benefitní blok
   jako na titulní straně, bez velkých mezer a přerostlých textů. */
@media (max-width: 767px) {
  body.type-detail .benefitBanner.position--benefitProduct {
    margin-top: 24px !important;
    margin-bottom: 0 !important;
    background: rgb(247, 247, 246);
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 20px 8px 24px !important;
  }

  body.type-detail .benefitBanner.position--benefitProduct .benefitBanner__item {
    background: #fff;
    box-sizing: border-box;
    min-height: 132px !important;
    padding: 16px 10px !important;
    justify-content: flex-start !important;
  }

  body.type-detail .benefitBanner.position--benefitProduct .benefitBanner__picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 48px;
    margin: 0 0 10px;
  }

  body.type-detail .benefitBanner.position--benefitProduct .benefitBanner__img {
    object-fit: contain;
    width: auto !important;
    max-width: 54px !important;
    height: 46px !important;
  }

  body.type-detail .benefitBanner.position--benefitProduct .benefitBanner__content {
    width: 100%;
  }

  body.type-detail .benefitBanner.position--benefitProduct .benefitBanner__title {
    display: block;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body.type-detail .benefitBanner.position--benefitProduct .benefitBanner__data {
    display: none !important;
  }
}

/* Desktopová hlavička: plná při otevření, kompaktní po posunutí. */
@media (min-width: 768px) {
  #header .header-top {
    height: 105px !important;
    padding: 10px 0 5px !important;
  }

  #header :is(.header-top-wrapper, .site-name, .site-name > a, .site-name img) {
    height: 90px !important;
  }

  #header .site-name img {
    width: auto !important;
  }

  #header .navigation-buttons {
    top: 45px !important;
  }

  #header .header-bottom {
    height: 65px !important;
    padding: 10px 0 !important;
  }
}

/* Kompaktní sticky hlavička je pouze pro skutečný desktop. */
@media (min-width: 1200px) {
  html.scrolled #header {
    height: 76px !important;
  }

  html.scrolled #header .header-top {
    height: 76px !important;
    padding: 0 !important;
  }

  html.scrolled #header :is(.header-top-wrapper, .site-name, .site-name > a) {
    height: 76px !important;
  }

  html.scrolled #header .site-name {
    justify-content: flex-start !important;
  }

  html.scrolled #header .site-name > a {
    display: flex !important;
    align-items: center !important;
  }

  html.scrolled #header .site-name img {
    height: 58px !important;
  }

  html.scrolled #header .navigation-buttons {
    top: 38px !important;
    z-index: 4;
  }

  html.scrolled #header .header-bottom {
    position: absolute !important;
    top: 0;
    left: max(185px, calc((100% - 1418px) / 2 + 150px));
    right: max(170px, calc((100% - 1418px) / 2 + 130px));
    height: 76px !important;
    padding: 15px 0 !important;
    background: transparent !important;
    z-index: 3;
  }

  html.scrolled #header .header-bottom-wrapper,
  html.scrolled #header #navigation {
    height: 46px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html.scrolled #header .menu-level-1 > li > a {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 12px !important;
  }

  html.scrolled #header .menu-level-1 > li.ext > a {
    padding-right: 42px !important;
  }

  html.scrolled #header .menu-helper > span {
    font-size: 12px !important;
  }
}

/* Tablet používá plnou hlavičku a při posunu ji nechá odjet s obsahem. */
@media (min-width: 768px) and (max-width: 1199px) {
  html.scrolled #header {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    transform: none !important;
  }

  html.scrolled #header .header-top {
    height: 105px !important;
    padding: 10px 0 5px !important;
  }

  html.scrolled #header :is(.header-top-wrapper, .site-name, .site-name > a, .site-name img) {
    height: 90px !important;
  }

  html.scrolled #header .site-name {
    width: auto !important;
    justify-content: center !important;
  }

  html.scrolled #header .site-name img {
    width: auto !important;
    max-width: none !important;
    height: 90px !important;
  }

  html.scrolled #header .navigation-buttons {
    top: 45px !important;
  }

  html.scrolled #header .header-bottom {
    position: static !important;
    inset: auto !important;
    height: 65px !important;
    padding: 10px 0 !important;
    background: #fff !important;
  }

  html.scrolled #header .header-bottom-wrapper,
  html.scrolled #header #navigation {
    width: 100% !important;
    height: 45px !important;
    padding: 0 !important;
  }
}

/* Široký desktop: Více zůstává blíž poslední viditelné kategorii. */
@media (min-width: 1500px) {
  html.scrolled #header .menu-helper {
    right: 100px !important;
  }
}

/* Mobilní názvy produktů: až tři řádky, aby zůstala vidět barva. */
@media (max-width: 767px) {
  .products .product .name {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.35 !important;
    min-height: 4.05em;
  }
}

/* Titulní stránka: konverzní pořadí hlavních bloků. */
body.in-index main#content {
  display: flex;
  flex-direction: column;
}

body.in-index main#content > .banners-row {
  order: 0;
}

body.in-index main#content > .homepage-products-heading-5 {
  order: 1;
}

body.in-index main#content > .homepage-products-heading-5 + .products-wrapper {
  order: 2;
}

body.in-index main#content > .homepage-products-heading-5 + .products-wrapper > .products {
  margin-bottom: 0 !important;
}

body.in-index main#content > .benefitBanner {
  order: 4;
  margin-top: 32px;
  margin-bottom: 0 !important;
  padding-top: 36px;
}

body.in-index main#content > .lovesilk-media-strip {
  order: 3;
}

body.in-index main#content > .container-narrow {
  order: 5;
  margin-top: 70px;
}

body.in-index main#content > .homepage-products-heading-8 {
  order: 6;
}

body.in-index main#content > .homepage-products-heading-8 + .products-wrapper {
  order: 7;
}

body.in-index main#content > .lovesilk-silk-education {
  order: 8;
}

/* Pás médií se přesune ze zápatí mezi bestsellery a benefity. */
.lovesilk-media-source-moved {
  display: none !important;
}

.lovesilk-media-strip {
  width: 100%;
  max-width: none;
  margin: 32px auto 0;
  padding: 24px 0 22px;
  background: #f7f7f6;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}

.lovesilk-media-strip__title {
  margin: 0 0 16px;
  color: #6b7173;
  font-size: 22px;
  font-weight: 400;
}

.lovesilk-media-marquee {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    #000 4%,
    #000 96%,
    transparent
  );
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 4%,
    #000 96%,
    transparent
  );
}

.lovesilk-media-marquee__track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  min-width: 100%;
  --lovesilk-media-shift: -33.333333%;
  animation: lovesilk-media-scroll 30s linear infinite;
  will-change: transform;
}

.lovesilk-media-strip .footer-about-us {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 72px;
  width: max-content;
  min-height: 52px;
  margin: 0;
  padding: 0 72px 0 0;
  overflow: visible;
}

.lovesilk-media-strip .footer-about-us > a,
.lovesilk-media-strip .footer-about-us > span {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  overflow: visible;
}

.lovesilk-media-strip .footer-about-us img {
  display: block;
  width: auto;
  max-width: 180px;
  height: auto;
  max-height: 50px;
  object-fit: contain;
  overflow: visible;
}

.lovesilk-media-strip .footer-about-us > a {
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.lovesilk-media-strip .footer-about-us > a:hover,
.lovesilk-media-strip .footer-about-us > a:focus-visible {
  opacity: 0.65;
}

/* Oficiální vektorové logo Svět ženy bez oříznutého prvního písmene. */
.lovesilk-media-strip img[alt="Logo Svět ženy"] {
  width: 176px !important;
  min-width: 176px;
  max-width: 176px;
  height: auto !important;
  margin: 0;
  padding: 0;
  filter: none;
}

@media (hover: hover) and (pointer: fine) {
  .lovesilk-media-marquee:hover .lovesilk-media-marquee__track,
  .lovesilk-media-marquee:focus-within .lovesilk-media-marquee__track {
    animation-play-state: paused;
  }
}

@keyframes lovesilk-media-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(var(--lovesilk-media-shift), 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lovesilk-media-marquee__track {
    animation: none;
  }
}

/* Edukační blok na titulní stránce. */
.lovesilk-silk-education {
  margin: 70px auto 10px;
  padding: 50px 54px;
  width: 100%;
  max-width: 1180px;
  background: #f5f4f2;
  text-align: center;
  box-sizing: border-box;
}

.lovesilk-silk-education__eyebrow {
  margin: 0 0 12px;
  color: #73797b;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.lovesilk-silk-education h2 {
  margin: 0 0 18px;
  color: #5f6668;
  font-size: 34px;
  font-weight: 400;
}

.lovesilk-silk-education__intro {
  max-width: 780px;
  margin: 0 auto 30px;
  line-height: 1.7;
}

.lovesilk-silk-education__points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  max-width: 900px;
  margin: 0 auto 34px;
  padding: 0;
  list-style: none;
}

.lovesilk-silk-education__points li {
  padding: 20px 16px;
  background: #fff;
  line-height: 1.5;
}

.lovesilk-silk-education__cta {
  display: inline-block;
  padding: 13px 28px;
  border: 1px solid #a5e0cf;
  background: #a5e0cf;
  color: #fff !important;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.lovesilk-silk-education__cta:hover,
.lovesilk-silk-education__cta:focus {
  border-color: #8fd3c0;
  background: #8fd3c0;
  color: #fff !important;
}

@media (min-width: 900px) {
  .lovesilk-silk-education {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
    grid-template-areas:
      "eyebrow points"
      "title points"
      "intro points"
      "cta points";
    column-gap: 58px;
    align-items: start;
    text-align: left;
  }

  .lovesilk-silk-education__eyebrow {
    grid-area: eyebrow;
  }

  .lovesilk-silk-education h2 {
    grid-area: title;
    margin-bottom: 16px;
  }

  .lovesilk-silk-education__intro {
    grid-area: intro;
    max-width: none;
    margin: 0 0 28px;
  }

  .lovesilk-silk-education__points {
    grid-area: points;
    align-self: end;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .lovesilk-silk-education__points li {
    min-height: 58px;
    padding: 17px 20px;
    border-left: 3px solid #a5e0cf;
    box-sizing: border-box;
  }

  .lovesilk-silk-education__cta {
    grid-area: cta;
    justify-self: start;
  }
}

@media (max-width: 767px) {
  /* Šablona carousel na mobilu skrývá; homepage ho používá i pro mobilní bannery. */
  body.in-index #carousel,
  body.in-index #carousel .carousel-inner,
  body.in-index #carousel .carousel-inner .item.active,
  body.in-index #carousel .carousel-inner .item.active > a {
    display: block !important;
    width: 100% !important;
  }

  body.in-index #carousel .carousel-inner .item.active img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  body.in-index main#content > .benefitBanner,
  body.in-index main#content > .container-narrow {
    margin-top: 45px;
  }

  body.in-index main#content > .benefitBanner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin-top: 24px;
    padding: 20px 8px 24px !important;
    background: #f7f7f6;
  }

  body.in-index .benefitBanner .benefitBanner__item {
    min-height: 132px !important;
    padding: 16px 10px !important;
    background: #fff;
    justify-content: flex-start !important;
    box-sizing: border-box;
  }

  body.in-index .benefitBanner .benefitBanner__picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 48px;
    margin: 0 0 10px;
  }

  body.in-index .benefitBanner .benefitBanner__img {
    width: auto !important;
    max-width: 54px !important;
    height: 46px !important;
    object-fit: contain;
  }

  body.in-index .benefitBanner .benefitBanner__content {
    width: 100%;
  }

  body.in-index .benefitBanner .benefitBanner__title {
    display: block;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body.in-index .benefitBanner .benefitBanner__data {
    display: none !important;
  }

  .lovesilk-media-strip {
    margin-top: 24px;
    padding: 20px 0 18px;
  }

  .lovesilk-media-strip__title {
    margin-bottom: 14px;
    font-size: 21px;
  }

  .lovesilk-media-strip .footer-about-us {
    gap: 48px;
    padding-right: 48px;
  }

  .lovesilk-media-marquee__track {
    animation-duration: 26s;
  }

  .lovesilk-media-strip .footer-about-us img {
    max-width: 140px;
    max-height: 38px;
  }

  .lovesilk-media-strip img[alt="Logo Svět ženy"] {
    width: 140px !important;
    min-width: 140px;
    max-width: 140px;
  }

  .lovesilk-silk-education {
    margin-top: 55px;
    padding: 38px 20px;
  }

  .lovesilk-silk-education h2 {
    font-size: 28px;
    line-height: 1.25;
  }

  .lovesilk-silk-education__points {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* Tablety: samostatné jemné rozložení bez zásahu do mobilu a desktopu. */
@media (min-width: 768px) and (max-width: 1199px) {
  /* Menu drží viditelné kategorie a položku Více pohromadě. */
  #header .header-bottom-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
  }

  #header #navigation {
    flex: 0 1 760px !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  #header #navigation .navigation-in {
    width: auto !important;
    overflow: hidden !important;
  }

  #header .menu-helper {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  /* Vizuálně neruší, ale zůstává dostupné z klávesnice a čteček. */
  .lovesilk-carousel-pause {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .homepage-products-8 .product:has([data-micro-product-id="527"]) .availability {
    display: block !important;
    min-height: 2.6em !important;
    margin: 8px auto 0 !important;
    padding: 0 6px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* Čtyři body v edukaci zůstávají kompaktní a výškově vyvážené. */
  .lovesilk-silk-education__points {
    gap: 10px;
  }

  .lovesilk-silk-education__points li {
    min-height: 54px;
    padding: 14px 18px;
  }
}

/* iPad na výšku: tři dárkové produkty a kratší úvodní banner. */
@media (min-width: 768px) and (max-width: 900px) {
  body.in-index #carousel {
    width: calc(100% - 40px) !important;
    max-width: 720px !important;
  }

  body.in-index #carousel .carousel-inner,
  body.in-index #carousel .carousel-inner .item,
  body.in-index #carousel .carousel-inner .item > a {
    height: 285px !important;
    min-height: 285px !important;
    overflow: hidden !important;
  }

  body.in-index #carousel .carousel-inner .item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

}

/* iPad na šířku: čtyři dárkové produkty a kompaktnější banner. */
@media (min-width: 901px) and (max-width: 1199px) {
  body.in-index #carousel {
    width: calc(100% - 40px) !important;
    max-width: 940px !important;
  }

  body.in-index #carousel .carousel-inner,
  body.in-index #carousel .carousel-inner .item,
  body.in-index #carousel .carousel-inner .item > a {
    height: 360px !important;
    min-height: 360px !important;
    overflow: hidden !important;
  }

  body.in-index #carousel .carousel-inner .item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

}

/* Shoptet na některých tabletech skrývá pomocné menu, i když hlavní
   navigace už je zkrácená. „Více“ proto držíme jako součást stejné řádky. */
@media (min-width: 768px) and (max-width: 1199px) {
  #header .menu-helper {
    visibility: visible !important;
    z-index: 1 !important;
  }
  #header .header-bottom-wrapper {
    flex-wrap: nowrap !important;
  }
  #header #navigation {
    flex: 1 1 0 !important;
    max-width: calc(100% - 111px) !important;
  }
}

/* Tabletová navigace: tři přímé kategorie a funkční rozbalovací „Více“. */
#header .lovesilk-tablet-more,
#header .lovesilk-tablet-more-panel { display: none !important; }
@media (min-width: 768px) and (max-width: 1199px) {
  #header .menu-helper { display: none !important; }
  #header #navigation {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }
  #header #navigation .navigation-in { overflow: visible !important; }
  #header #navigation .navigation-in > .menu-level-1 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
  }
  #header #navigation .navigation-in > .menu-level-1 > li { display: none !important; }
  #header #navigation .navigation-in > .menu-level-1 > li:nth-child(-n+3) {
    display: block !important;
    flex: 0 1 auto !important;
    visibility: visible !important;
  }
  #header #navigation .navigation-in > .menu-level-1 > li > a {
    padding: 0 !important;
    white-space: nowrap !important;
    visibility: visible !important;
  }
  #header .lovesilk-tablet-more {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 10px 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
  }
  #header .lovesilk-tablet-more::after { content: "⌄"; font-size: 18px; }
  #header .lovesilk-tablet-more-panel {
    display: block !important;
    position: absolute;
    z-index: 1001;
    top: 100%;
    right: 16px;
    width: min(320px, calc(100vw - 32px));
    margin-top: 8px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: 0 12px 28px rgba(0,0,0,.13);
  }
  #header .lovesilk-tablet-more-panel[hidden] { display: none !important; }
  #header .lovesilk-tablet-more-panel a {
    display: block;
    padding: 10px 8px;
    color: inherit;
    text-decoration: none;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  #header #navigation .navigation-in > .menu-level-1 > li > a,
  #header .lovesilk-tablet-more { font-size: 14px; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #header .header-bottom-wrapper {
    justify-content: center !important;
    gap: 22px !important;
  }
  #header #navigation { flex: 0 1 auto !important; }
  #header #navigation .navigation-in > .menu-level-1 {
    justify-content: flex-start !important;
    gap: 22px !important;
    width: auto !important;
  }
}

/* Finální tabletová navigace: vlastní, stabilní řádek bez závislosti
   na automatickém přepočtu položek v šabloně Shoptetu. */
#header .lovesilk-tablet-primary-nav { display: none !important; }
@media (min-width: 768px) and (max-width: 1199px) {
  #header #navigation,
  #header .menu-helper { display: none !important; }
  #header .header-bottom-wrapper {
    display: flex !important;
    justify-content: center !important;
    gap: 0 !important;
  }
  #header .lovesilk-tablet-primary-nav {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: clamp(16px, 2.4vw, 32px);
    width: 100%;
    min-height: 45px;
    white-space: nowrap;
  }
  #header .lovesilk-tablet-primary-nav > a {
    color: inherit;
    font-size: 15px;
    text-decoration: none;
  }
  #header .lovesilk-tablet-primary-nav > .lovesilk-tablet-more {
    display: inline-flex !important;
    margin: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  #header .lovesilk-tablet-primary-nav { gap: 18px; }
  #header .lovesilk-tablet-primary-nav > a,
  #header .lovesilk-tablet-primary-nav > .lovesilk-tablet-more { font-size: 14px; }
}

/* Druhý hero slide má delší citaci; v tabletovém portrétu ji zmenšíme,
   aby zůstaly vidět i autor a výzva k akci. */
@media (min-width: 768px) and (max-width: 900px) {
  body.in-index #carousel .item:nth-child(2) .extended-banner-texts {
    width: 45% !important;
  }
  body.in-index #carousel .item:nth-child(2) .extended-banner-title {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }
  body.in-index #carousel .item:nth-child(2) .extended-banner-text,
  body.in-index #carousel .item:nth-child(2) .extended-banner-link {
    font-size: 12px !important;
  }
}
/* Migrace úprav ze Shoptet HTML kódu – září 2026. */
.lovesilk-carousel-pause {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (min-width: 768px) and (max-width: 900px) {
  body.in-index #carousel .item:nth-child(2) .extended-banner-texts { width: 45% !important; }
  body.in-index #carousel .item:nth-child(2) .extended-banner-title { font-size: 30px !important; line-height: 1.08 !important; }
  body.in-index #carousel .item:nth-child(2) .extended-banner-text,
  body.in-index #carousel .item:nth-child(2) .extended-banner-link { font-size: 12px !important; }
}

/* Stabilní tabletové menu s funkčním rozbalením dalších kategorií. */
#header .lovesilk-tablet-nav,
#header .lovesilk-tablet-more-panel { display: none !important; }

@media (min-width: 768px) and (max-width: 1199px) {
  #header #navigation,
  #header .menu-helper { display: none !important; }
  #header .header-bottom-wrapper { display: flex !important; justify-content: center !important; }
  #header .lovesilk-tablet-nav {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 2.6vw, 34px);
    width: 100%;
    min-height: 48px;
    white-space: nowrap;
  }
  #header .lovesilk-tablet-nav a,
  #header .lovesilk-tablet-more { color: inherit; font-size: 15px; text-decoration: none; }
  #header .lovesilk-tablet-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 0;
    border: 0;
    background: transparent;
    font: inherit;
    cursor: pointer;
  }
  #header .lovesilk-tablet-more::after { content: "⌄"; font-size: 18px; }
  #header .lovesilk-tablet-more-panel {
    display: block !important;
    position: absolute;
    z-index: 1001;
    top: 100%;
    right: 16px;
    width: min(320px, calc(100vw - 32px));
    margin-top: 8px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);
  }
  #header .lovesilk-tablet-more-panel[hidden] { display: none !important; }
  #header .lovesilk-tablet-more-panel a { display: block; padding: 10px 8px; color: inherit; text-decoration: none; }
  body.in-index .lovesilk-silk-education { margin-top: 24px !important; margin-bottom: 52px !important; }
}

@media (min-width: 768px) and (max-width: 900px) {
  #header .lovesilk-tablet-nav { gap: 18px; }
  #header .lovesilk-tablet-nav a,
  #header .lovesilk-tablet-more { font-size: 14px; }
}

/* Dvě doplňující výhody se zobrazují jen v portrétu tabletu. */
.lovesilk-portrait-benefit { display: none !important; }

@media (min-width: 768px) and (max-width: 899px) {
  body.in-index .lovesilk-silk-education { margin-top: 32px !important; }
  .lovesilk-silk-education__points {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 26px !important;
  }
  .lovesilk-silk-education__points li { min-height: 66px !important; padding: 14px 12px !important; }
  .lovesilk-silk-education__points li.lovesilk-portrait-benefit { display: list-item !important; }
}

@media (max-width: 1199px) {
  .custom-footer__newsletter .newsletter-header { padding-top: 24px !important; }
}

@media (max-width: 767px) {
  body.in-index .lovesilk-silk-education { margin-top: 24px !important; }
  .homepage-products-8 .product:has([data-micro-product-id="527"]) .availability {
    margin-top: 16px !important;
    min-height: 3.2em !important;
  }
}

/* Desktop: leave a clearer separation before the newsletter block. */
@media (min-width: 1200px) {
  body.in-index .lovesilk-silk-education { margin-bottom: 58px !important; }

  /* Give the newsletter heading enough breathing room inside the footer band. */
  #footer .custom-footer__newsletter .newsletter-header {
    padding-top: 26px !important;
  }

  /* Keep the footer band visibly distinct from the white page background. */
  body.in-index #footer {
    background-color: #f5f4f2 !important;
  }
}

/* Vouchery mají dvouřádkovou informaci o doručení: na menších obrazovkách
   posuneme cenu mírně výš, aby se oba texty nepřekrývaly. */
@media (max-width: 1199px) {
  .homepage-products-8 .product:has([data-micro-product-id="527"]) .price {
    transform: translateY(-16px) !important;
  }
}