/*
 * LaHome Lookbook 1.3.23
 * Homepage-direct styles.
 *
 * IMPORTANT:
 * Every selector is scoped below .lh-direct-home-slot.
 * This file cannot style menu, currency switcher, benefits, products,
 * header or any other part of the shop.
 */

.lh-direct-home-slot{
  display:block !important;
  position:static !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  z-index:auto !important;
  transform:none !important;
}

.lh-direct-home-slot > .lh-home-lookbook--top{
  display:block !important;
  position:relative !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:1170px !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:18px auto 30px !important;
  padding:0 !important;
  overflow:visible !important;
  z-index:auto !important;
  transform:none !important;
}

.lh-direct-home-slot .lh-home-lookbook--top > .lh-lookbook{
  display:block !important;
  position:static !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  z-index:auto !important;
  transform:none !important;
}

.lh-direct-home-slot .lh-lookbook__heading{
  display:none !important;
}

.lh-direct-home-slot .lh-lookbook__stage{
  display:block !important;
  position:relative !important;
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  z-index:auto !important;
  transform:none !important;
  background:transparent !important;
}

.lh-direct-home-slot .lh-lookbook__image{
  display:block !important;
  position:static !important;
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  border-radius:28px !important;
  transform:none !important;
}

.lh-direct-home-slot .lh-lookbook__strip{
  display:none !important;
}

/* Optional link across the whole image. */
.lh-direct-home-slot .lh-home-lookbook__image-link{
  display:block !important;
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:auto !important;
  height:auto !important;
  z-index:2 !important;
  border-radius:28px !important;
}

/* Hotspots stay above the optional whole-image link. */
.lh-direct-home-slot .lh-lookbook__point{
  position:absolute !important;
  z-index:20 !important;
}

/* Actual lookbook name over image. */
.lh-direct-home-slot .lh-home-lookbook__title{
  display:inline-flex !important;
  position:absolute !important;
  left:24px !important;
  top:22px !important;
  right:auto !important;
  bottom:auto !important;
  align-items:center !important;
  gap:8px !important;
  max-width:calc(100% - 48px) !important;
  min-height:36px !important;
  margin:0 !important;
  padding:5px 12px 5px 6px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(139,104,69,.22) !important;
  border-radius:20px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.12) !important;
  z-index:50 !important;
}

.lh-direct-home-slot .lh-home-lookbook__title-plus{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  margin:0 !important;
  border-radius:50% !important;
  background:#8b6845 !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:400 !important;
}

.lh-direct-home-slot .lh-home-lookbook__title-text{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#5d4937 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
}

@media (max-width:767px){
  .lh-direct-home-slot > .lh-home-lookbook--top{
    width:calc(100% - 20px) !important;
    margin:10px auto 24px !important;
  }

  .lh-direct-home-slot .lh-lookbook__image,
  .lh-direct-home-slot .lh-home-lookbook__image-link{
    border-radius:18px !important;
  }

  .lh-direct-home-slot .lh-home-lookbook__title{
    left:12px !important;
    top:12px !important;
    max-width:calc(100% - 24px) !important;
  }

  .lh-direct-home-slot .lh-home-lookbook__title-text{
    font-size:12px !important;
  }
}


/* 1.3.27 - větší + a název, Jost, mobilní optimalizace */
.lh-direct-home-slot .lh-home-lookbook__title{
  gap:10px !important;
  min-height:44px !important;
  padding:7px 16px 7px 8px !important;
  font-family:Jost,Arial,sans-serif !important;
}

.lh-direct-home-slot .lh-home-lookbook__title-plus{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  font-size:24px !important;
  font-family:Jost,Arial,sans-serif !important;
}

.lh-direct-home-slot .lh-home-lookbook__title-text{
  font-size:16px !important;
  font-family:Jost,Arial,sans-serif !important;
  font-weight:600 !important;
}

@media (max-width:767px){
  .lh-direct-home-slot > .lh-home-lookbook--top{
    width:calc(100% - 20px) !important;
    margin:10px auto 22px !important;
  }

  .lh-direct-home-slot .lh-home-lookbook__title{
    left:12px !important;
    top:12px !important;
    gap:7px !important;
    min-height:38px !important;
    max-width:calc(100% - 24px) !important;
    padding:5px 12px 5px 6px !important;
  }

  .lh-direct-home-slot .lh-home-lookbook__title-plus{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    font-size:21px !important;
  }

  .lh-direct-home-slot .lh-home-lookbook__title-text{
    font-size:14px !important;
    line-height:1.15 !important;
  }

  .lh-direct-home-slot .lh-lookbook__image,
  .lh-direct-home-slot .lh-home-lookbook__image-link{
    border-radius:18px !important;
  }
}

@media (max-width:420px){
  .lh-direct-home-slot .lh-home-lookbook__title{
    left:10px !important;
    top:10px !important;
    max-width:calc(100% - 20px) !important;
  }

  .lh-direct-home-slot .lh-home-lookbook__title-text{
    max-width:210px !important;
    font-size:13px !important;
  }
}


/* 1.3.29 - hover efekt pouze pro homepage obrázek s uloženým URL */
.lh-direct-home-slot .lh-home-lookbook__image-link{
  cursor:pointer !important;
}

/* Obrázek reaguje jen tehdy, když nad ním skutečně existuje link overlay. */
.lh-direct-home-slot .lh-home-lookbook__image-link ~ .lh-lookbook__image{
  transition:
    transform .28s ease,
    filter .28s ease,
    box-shadow .28s ease !important;
  transform-origin:center center !important;
}

.lh-direct-home-slot .lh-home-lookbook__image-link:hover ~ .lh-lookbook__image{
  transform:scale(1.012) !important;
  filter:brightness(.96) saturate(1.04) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.16) !important;
}

/* Jemné zvýraznění kurzoru nad klikací plochou. */
.lh-direct-home-slot .lh-home-lookbook__image-link:hover{
  background:rgba(255,255,255,.015) !important;
}

/* Na dotykových zařízeních bez hoveru nepoužívat transformaci. */
@media (hover:none){
  .lh-direct-home-slot .lh-home-lookbook__image-link:hover ~ .lh-lookbook__image{
    transform:none !important;
    filter:none !important;
    box-shadow:none !important;
  }
}


/* 1.3.30 - přesné vertikální i horizontální centrování + v kolečku */
.lh-direct-home-slot .lh-home-lookbook__title-plus{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  padding:0 !important;
  margin:0 !important;
  line-height:34px !important;
  font-size:23px !important;
  font-family:Jost,Arial,sans-serif !important;
  font-weight:400 !important;
  box-sizing:border-box !important;
  vertical-align:middle !important;
}

/* Jemná optická korekce samotného znaku + */
.lh-direct-home-slot .lh-home-lookbook__title-plus{
  text-indent:0 !important;
  transform:translateY(-1px) !important;
}

@media (max-width:767px){
  .lh-direct-home-slot .lh-home-lookbook__title-plus{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    line-height:30px !important;
    font-size:21px !important;
    transform:translateY(-1px) !important;
  }
}


/* 1.3.31 - přesnější optické centrování + v lehce větším kolečku */
.lh-direct-home-slot .lh-home-lookbook__title-plus{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  line-height:1 !important;
  font-size:25px !important;
  font-family:Jost,Arial,sans-serif !important;
  font-weight:400 !important;
  text-align:center !important;
  text-indent:0 !important;
  vertical-align:middle !important;
  transform:none !important;
  box-sizing:border-box !important;
}

/*
 * Samotný znak posuneme o 1 px doprava a 1 px nahoru.
 * U Jostu je optický střed znaku + mírně vlevo/dole oproti geometrickému středu.
 */
.lh-direct-home-slot .lh-home-lookbook__title-plus{
  padding-left:1px !important;
  padding-bottom:1px !important;
}

@media (max-width:767px){
  .lh-direct-home-slot .lh-home-lookbook__title-plus{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    font-size:23px !important;
    padding-left:1px !important;
    padding-bottom:1px !important;
  }
}


/* 1.3.32 - geometricky přesné + a větší název */
.lh-direct-home-slot .lh-home-lookbook__title-plus{
  position:relative !important;
  display:inline-block !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  transform:none !important;
  box-sizing:border-box !important;
}

/*
 * Znak + už není fontový glyph.
 * Kreslí se dvěma přesně centrovanými obdélníky,
 * takže je matematicky ve středu kolečka.
 */
.lh-direct-home-slot .lh-home-lookbook__title-plus::before,
.lh-direct-home-slot .lh-home-lookbook__title-plus::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  display:block !important;
  background:#fff !important;
  border-radius:2px !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
  padding:0 !important;
}

.lh-direct-home-slot .lh-home-lookbook__title-plus::before{
  width:18px !important;
  height:2px !important;
}

.lh-direct-home-slot .lh-home-lookbook__title-plus::after{
  width:2px !important;
  height:18px !important;
}

/* Název +3 px oproti předchozí desktopové velikosti 16 px. */
.lh-direct-home-slot .lh-home-lookbook__title-text{
  font-size:19px !important;
  line-height:1.15 !important;
}

/* Lehce zvětšit i celý štítek kvůli většímu názvu. */
.lh-direct-home-slot .lh-home-lookbook__title{
  min-height:48px !important;
  padding:7px 17px 7px 8px !important;
}

@media (max-width:767px){
  .lh-direct-home-slot .lh-home-lookbook__title-plus{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }

  .lh-direct-home-slot .lh-home-lookbook__title-plus::before{
    width:16px !important;
    height:2px !important;
  }

  .lh-direct-home-slot .lh-home-lookbook__title-plus::after{
    width:2px !important;
    height:16px !important;
  }

  /* Mobilní název také +3 px: 14 -> 17 px. */
  .lh-direct-home-slot .lh-home-lookbook__title-text{
    font-size:17px !important;
  }

  .lh-direct-home-slot .lh-home-lookbook__title{
    min-height:42px !important;
  }
}

@media (max-width:420px){
  .lh-direct-home-slot .lh-home-lookbook__title-text{
    font-size:16px !important;
  }
}


/* 1.3.33 - jemnější hover nadpisu + kolečka na homepage */
.lh-direct-home-slot .lh-home-lookbook__title{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(139,104,69,.20) !important;
  box-shadow:0 4px 16px rgba(0,0,0,.11) !important;
  backdrop-filter:blur(2px) !important;
  transition:
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease !important;
  font-family:Jost,Arial,sans-serif !important;
}

.lh-direct-home-slot .lh-home-lookbook__title-text{
  font-family:Jost,Arial,sans-serif !important;
}

.lh-direct-home-slot .lh-home-lookbook__title-plus{
  background:#8b6845 !important;
  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease !important;
}

/* Po najetí na samotný lookbook působí štítek výrazněji a kliknutelněji. */
.lh-direct-home-slot .lh-lookbook__stage:hover > .lh-home-lookbook__title{
  background:rgba(255,255,255,.99) !important;
  border-color:rgba(139,104,69,.38) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;
  transform:translateY(-2px) !important;
}

.lh-direct-home-slot .lh-lookbook__stage:hover > .lh-home-lookbook__title .lh-home-lookbook__title-plus{
  background:#765638 !important;
  transform:scale(1.06) !important;
  box-shadow:0 4px 12px rgba(118,86,56,.28) !important;
}

/* Na dotykových zařízeních hover animace nepoužívat. */
@media (hover:none){
  .lh-direct-home-slot .lh-lookbook__stage:hover > .lh-home-lookbook__title{
    transform:none !important;
    box-shadow:0 4px 16px rgba(0,0,0,.11) !important;
  }

  .lh-direct-home-slot .lh-lookbook__stage:hover > .lh-home-lookbook__title .lh-home-lookbook__title-plus{
    transform:none !important;
    box-shadow:none !important;
    background:#8b6845 !important;
  }
}


/* 1.3.34 - vypnutí vystupování obrázku + klikací nadpis */
.lh-direct-home-slot .lh-home-lookbook__image-link ~ .lh-lookbook__image,
.lh-direct-home-slot .lh-home-lookbook__image-link:hover ~ .lh-lookbook__image,
.lh-direct-home-slot .lh-lookbook__stage:hover .lh-lookbook__image{
  transform:none !important;
  filter:none !important;
  box-shadow:none !important;
}

.lh-direct-home-slot .lh-lookbook__image{
  transition:none !important;
}

/* Nadpis je samostatný odkaz, pokud je u lookbooku vyplněné homepage_url. */
.lh-direct-home-slot a.lh-home-lookbook__title{
  cursor:pointer !important;
  text-decoration:none !important;
  pointer-events:auto !important;
}

/* Jemný efekt zůstává pouze na bílém štítku a hnědém kolečku. */
.lh-direct-home-slot a.lh-home-lookbook__title:hover{
  text-decoration:none !important;
}