/*
 * LovelyWood – OBRAZY
 * CLEAN konsolidovaná verze
 * Zdroj: lovelywood_v131(1).css
 * Konsolidace: 2026-08-10
 *
 * Obsah:
 * - hero a filtry kategorie Obrazy,
 * - produktové karty a CTA,
 * - typografie, rozestupy a mobilní úpravy.
 *
 * Cíl: zachovat současný vzhled a chování 1:1.
 */

/* =========================================================
   KATEGORIE OBRAZY – ÚVOD + FILTRY
========================================================= */

.lw-obrazy-filter{
  --lw-gold:#9a7838;
  --lw-text:#302d27;
  --lw-muted:#66635d;
  --lw-yellow:#f2c94c;
  --lw-yellow-hover:#e2b83f;
  --lw-line:#ded9cf;
  --lw-soft:#fff8df;

  width:100%!important;
  max-width:900px!important;
  margin:0 auto 22px!important;
  padding:0 15px!important;
  color:var(--lw-text)!important;
  font-family:inherit!important;
  text-align:center!important;
  box-sizing:border-box!important
}

.lw-obrazy-filter,
.lw-obrazy-filter *{
  box-sizing:border-box!important;
  font-family:inherit!important
}

.lw-obrazy-filter-intro{
  display:block!important;
  max-width:760px!important;
  margin:0 auto 16px!important;
  color:var(--lw-muted)!important;
  font-size:16px!important;
  line-height:1.65!important;
  text-align:center!important;
  text-wrap:balance
}

.lw-obrazy-filter-intro strong{
  color:var(--lw-text)!important;
  font-weight:700!important
}

.lw-obrazy-filter-trust{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px 11px!important;
  width:100%!important;
  margin:0 auto 18px!important;
  padding:10px 8px!important;
  border-top:2px solid var(--lw-yellow)!important;
  border-bottom:2px solid var(--lw-yellow)!important;
  color:var(--lw-text)!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:center!important
}

.lw-obrazy-filter-dot{
  color:var(--lw-gold)!important;
  font-weight:700!important
}

.lw-obrazy-filter-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:860px!important;
  margin:0 auto!important
}

.lw-obrazy-filter-tab{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:12px 18px!important;
  background:#fff!important;
  border:1px solid var(--lw-line)!important;
  border-radius:0!important;
  color:var(--lw-text)!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:700!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease!important
}

.lw-obrazy-filter-tab:hover,
.lw-obrazy-filter-tab:focus{
  background:var(--lw-soft)!important;
  border-color:var(--lw-yellow)!important;
  color:var(--lw-text)!important;
  transform:translateY(-1px)!important
}

.lw-obrazy-filter-tab.is-active{
  background:var(--lw-yellow)!important;
  border-color:var(--lw-yellow)!important;
  color:var(--lw-text)!important;
  box-shadow:0 7px 16px rgba(242,201,76,.20)!important
}

.lw-obrazy-filter-tab.is-active:hover,
.lw-obrazy-filter-tab.is-active:focus{
  background:var(--lw-yellow-hover)!important;
  border-color:var(--lw-yellow-hover)!important
}

/* Skrytí původních podkategorií pouze na stránce Obrazy */
body:has(.lw-obrazy-filter) .subcategories,
body:has(.lw-obrazy-filter) .subcategories-list,
body:has(.lw-obrazy-filter) .category-children{
  display:none!important
}

/* Produkty schované filtrem */
.lw-product-filter-hidden{
  display:none!important
}

/* H1 a horní rozestupy */
body:has(.lw-obrazy-filter) h1{
  width:100%!important;
  margin:8px auto 12px!important;
  font-size:42px!important;
  line-height:1.12!important;
  font-weight:800!important;
  text-align:center!important
}

body:has(.lw-obrazy-filter) .breadcrumbs{
  margin-bottom:8px!important
}

body:has(.lw-obrazy-filter) .lw-obrazy-filter{
  margin-bottom:2px!important
}

body:has(.lw-obrazy-filter) .lw-obrazy-filter-intro{
  margin-bottom:8px!important;
  font-size:15px!important;
  line-height:1.55!important
}

body:has(.lw-obrazy-filter) .lw-obrazy-filter-trust{
  margin-bottom:10px!important;
  padding-top:9px!important;
  padding-bottom:9px!important
}

body:has(.lw-obrazy-filter) .lw-obrazy-filter-tabs{
  margin-bottom:0!important
}

/* Skrytí systémového nadpisu Nejprodávanější */
body:has(.lw-obrazy-filter) .products-block > h2,
body:has(.lw-obrazy-filter) .top-products > h2,
body:has(.lw-obrazy-filter) .bestsellers > h2,
body:has(.lw-obrazy-filter) .products-top-header,
body:has(.lw-obrazy-filter) .products-block-header{
  display:block!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important
}

body:has(.lw-obrazy-filter) .products-block > h2:before,
body:has(.lw-obrazy-filter) .products-block > h2:after,
body:has(.lw-obrazy-filter) .top-products > h2:before,
body:has(.lw-obrazy-filter) .top-products > h2:after,
body:has(.lw-obrazy-filter) .bestsellers > h2:before,
body:has(.lw-obrazy-filter) .bestsellers > h2:after,
body:has(.lw-obrazy-filter) .products-top-header:before,
body:has(.lw-obrazy-filter) .products-top-header:after,
body:has(.lw-obrazy-filter) .products-block-header:before,
body:has(.lw-obrazy-filter) .products-block-header:after{
  content:none!important;
  display:none!important
}

/* Výpis produktů blíž k filtrům */
body:has(.lw-obrazy-filter) .top-products,
body:has(.lw-obrazy-filter) .topProducts,
body:has(.lw-obrazy-filter) .bestsellers{
  margin-top:-6px!important;
  margin-bottom:4px!important
}

body:has(.lw-obrazy-filter) .products-block{
  margin-top:0!important;
  padding-top:0!important
}

/* Produktové karty – stejný styl jako Zápisníky */
body:has(.lw-obrazy-filter) .products-block .p{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  padding:12px 12px 14px!important;
  background:#fff!important;
  border:1px solid #eee9e1!important;
  border-radius:4px!important;
  box-shadow:0 3px 12px rgba(48,45,39,.045)!important;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease!important
}

body:has(.lw-obrazy-filter) .products-block .p:hover{
  transform:translateY(-2px)!important;
  border-color:#ded7ca!important;
  box-shadow:0 9px 24px rgba(48,45,39,.09)!important
}

body:has(.lw-obrazy-filter) .products-block .p .p-in,
body:has(.lw-obrazy-filter) .products-block .p .p-in-in,
body:has(.lw-obrazy-filter) .products-block .p .p-bottom,
body:has(.lw-obrazy-filter) .products-block .p .p-bottom > div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important
}

body:has(.lw-obrazy-filter) .products-block .p .image{
  display:block!important;
  margin:0 0 12px!important;
  overflow:hidden!important;
  border-radius:2px!important
}

body:has(.lw-obrazy-filter) .products-block .p .image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  transition:transform .25s ease!important
}

body:has(.lw-obrazy-filter) .products-block .p:hover .image img{
  transform:scale(1.015)!important
}

body:has(.lw-obrazy-filter) .products-block .p .name{
  display:-webkit-box!important;
  min-height:0!important;
  max-height:44px!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  color:#302d27!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:600!important;
  text-align:center!important;
  text-decoration:none!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important
}

body:has(.lw-obrazy-filter) .products-block .p .name:hover{
  color:#9a7838!important
}

body:has(.lw-obrazy-filter) .products-block .p .prices,
body:has(.lw-obrazy-filter) .products-block .p .price,
body:has(.lw-obrazy-filter) .products-block .p .price-final{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#302d27!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-align:center!important
}

body:has(.lw-obrazy-filter) .products-block .p .p-tools,
body:has(.lw-obrazy-filter) .products-block .p .p-tools-inner{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important
}

body:has(.lw-obrazy-filter) .products-block .p .btn,
body:has(.lw-obrazy-filter) .products-block .p .btn-detail,
body:has(.lw-obrazy-filter) .products-block .p a.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  width:auto!important;
  min-width:112px!important;
  min-height:44px!important;
  margin:0!important;
  padding:11px 20px!important;
  background:#e7bc49!important;
  border:0!important;
  border-radius:0!important;
  color:#302d27!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:700!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 6px 14px rgba(242,201,76,.20)!important;
  transition:
    background .2s ease,
    box-shadow .2s ease,
    transform .2s ease!important
}

body:has(.lw-obrazy-filter) .products-block .p .btn:hover,
body:has(.lw-obrazy-filter) .products-block .p .btn-detail:hover,
body:has(.lw-obrazy-filter) .products-block .p a.btn:hover{
  background:#d9ad36!important;
  color:#302d27!important;
  transform:translateY(-1px)!important;
  box-shadow:0 9px 18px rgba(242,201,76,.28)!important
}

body:has(.lw-obrazy-filter) .products-block .p .p-desc,
body:has(.lw-obrazy-filter) .products-block .p .description{
  display:-webkit-box!important;
  min-height:0!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#66635d!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:center!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important
}

body:has(.lw-obrazy-filter) .products-block .p *{
  margin-top:0
}

@media(max-width:700px){
  .lw-obrazy-filter{
    margin-bottom:18px!important;
    padding:0 10px!important
  }

  .lw-obrazy-filter-intro{
    font-size:14px!important;
    line-height:1.62!important
  }

  .lw-obrazy-filter-trust{
    justify-content:center!important;
    gap:5px 8px!important;
    padding:9px 6px!important;
    font-size:13px!important;
    text-align:center!important
  }

  .lw-obrazy-filter-tabs{
    grid-template-columns:1fr!important;
    gap:8px!important
  }

  .lw-obrazy-filter-tab{
    width:100%!important
  }

  body:has(.lw-obrazy-filter) h1{
    margin:6px auto 9px!important;
    font-size:34px!important;
    line-height:1.18!important
  }

  body:has(.lw-obrazy-filter) .breadcrumbs{
    margin-bottom:6px!important
  }

  body:has(.lw-obrazy-filter) .top-products,
  body:has(.lw-obrazy-filter) .topProducts,
  body:has(.lw-obrazy-filter) .bestsellers{
    margin-top:-2px!important;
    margin-bottom:3px!important
  }

  body:has(.lw-obrazy-filter) .products-block .p{
    padding:9px 9px 12px!important
  }

  body:has(.lw-obrazy-filter) .products-block .p .name{
    margin-bottom:7px!important;
    font-size:15px!important
  }

  body:has(.lw-obrazy-filter) .products-block .p .prices,
  body:has(.lw-obrazy-filter) .products-block .p .price,
  body:has(.lw-obrazy-filter) .products-block .p .price-final{
    margin-bottom:8px!important;
    font-size:18px!important
  }

  body:has(.lw-obrazy-filter) .products-block .p .p-tools,
  body:has(.lw-obrazy-filter) .products-block .p .p-tools-inner{
    margin-bottom:8px!important
  }

  body:has(.lw-obrazy-filter) .products-block .p .btn,
  body:has(.lw-obrazy-filter) .products-block .p .btn-detail,
  body:has(.lw-obrazy-filter) .products-block .p a.btn{
    width:100%!important;
    min-width:0!important
  }
}

/* =========================================================
   KATEGORIE OBRAZY – CTA JAKO U ZÁPISNÍKŮ
   Schování množství pouze ve výpisu kategorie Obrazy
========================================================= */

/* Množství na kartách obrazů se nezobrazuje */
body:has(.lw-obrazy-filter) .products-block .p .quantity,
body:has(.lw-obrazy-filter) .products-block .p .p-quantity,
body:has(.lw-obrazy-filter) .products-block .p .quantity-form{
  display:none!important
}

/* Nákupní nástroje vycentrovat stejně jako tlačítko Detail */
body:has(.lw-obrazy-filter) .products-block .p .p-tools,
body:has(.lw-obrazy-filter) .products-block .p .p-tools-inner{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important
}

/* Tlačítko Do košíku ve stejném stylu jako Detail u zápisníků */
body:has(.lw-obrazy-filter) .products-block .p .btn-conversion,
body:has(.lw-obrazy-filter) .products-block .p .add-to-cart-button,
body:has(.lw-obrazy-filter) .products-block .p button[type="submit"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  width:auto!important;
  min-width:112px!important;
  min-height:44px!important;
  margin:0!important;
  padding:11px 20px!important;
  background:#e7bc49!important;
  border:0!important;
  border-radius:0!important;
  color:#302d27!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:700!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 6px 14px rgba(242,201,76,.20)!important;
  transition:
    background .2s ease,
    box-shadow .2s ease,
    transform .2s ease!important
}

body:has(.lw-obrazy-filter) .products-block .p .btn-conversion:hover,
body:has(.lw-obrazy-filter) .products-block .p .add-to-cart-button:hover,
body:has(.lw-obrazy-filter) .products-block .p button[type="submit"]:hover{
  background:#d9ad36!important;
  color:#302d27!important;
  transform:translateY(-1px)!important;
  box-shadow:0 9px 18px rgba(242,201,76,.28)!important
}

/* Sleva a původní cena zůstávají viditelné a vycentrované */
body:has(.lw-obrazy-filter) .products-block .p .prices,
body:has(.lw-obrazy-filter) .products-block .p .price,
body:has(.lw-obrazy-filter) .products-block .p .price-final,
body:has(.lw-obrazy-filter) .products-block .p .price-standard,
body:has(.lw-obrazy-filter) .products-block .p .price-save,
body:has(.lw-obrazy-filter) .products-block .p .price-discount{
  text-align:center!important
}

@media(max-width:620px){
  body:has(.lw-obrazy-filter) .products-block .p .btn-conversion,
  body:has(.lw-obrazy-filter) .products-block .p .add-to-cart-button,
  body:has(.lw-obrazy-filter) .products-block .p button[type="submit"]{
    width:100%!important;
    min-width:0!important
  }
}


/* =========================================================
   PRODUKTOVÉ KARTY – TYPOGRAFIE A ZÁKLADNÍ RYTMUS
   Velikost a rozložení fotografií se NEMĚNÍ.
   Cíl: stejný vizuální rytmus produktových karet.
========================================================= */

/* Název produktu */
body:has(.lw-obrazy-filter) .products-block .p .p-in .name,
body:has(.lw-obrazy-filter) .products-block .p .p-in-in .name,
body:has(.lw-obrazy-filter) .products-block .p a.name{
  display:-webkit-box!important;
  min-height:0!important;
  max-height:44px!important;
  margin:0 0 8px!important;
  padding:0!important;
  overflow:hidden!important;
  color:#302d27!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:600!important;
  text-align:center!important;
  text-decoration:none!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

/* Cena */
body:has(.lw-obrazy-filter) .products-block .p .p-in .prices,
body:has(.lw-obrazy-filter) .products-block .p .p-in .price,
body:has(.lw-obrazy-filter) .products-block .p .p-in .price-final,
body:has(.lw-obrazy-filter) .products-block .p .p-bottom .prices,
body:has(.lw-obrazy-filter) .products-block .p .p-bottom .price,
body:has(.lw-obrazy-filter) .products-block .p .p-bottom .price-final{
  height:auto!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#302d27!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-align:center!important;
}

/* Popisek */
body:has(.lw-obrazy-filter) .products-block .p .p-desc,
body:has(.lw-obrazy-filter) .products-block .p .description{
  display:-webkit-box!important;
  min-height:0!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#66635d!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:center!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

/* =========================================================
   PRODUKTOVÉ KARTY – VZHLED A CTA
   Vzor = karta z hlavní kategorie Fotoalba.
   DŮLEŽITÉ:
   - sjednocuje rámeček, stín, typografii, cenu, tlačítko a mezery
   - NEMĚNÍ rozměry produktových fotografií
   - aplikováno na aktuálně upravené kategorie:
     Fotoalba / Dřevěná fotoalba / Obrazy / Zápisníky
========================================================= */

body:has(.lw-obrazy-filter) .products-block .p{
  height:100%!important;
  padding:12px 12px 14px!important;
  background:#fff!important;
  border:1px solid #eee7dc!important;
  border-radius:4px!important;
  box-shadow:0 3px 12px rgba(48,45,39,.045)!important;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease!important;
}

body:has(.lw-obrazy-filter) .products-block .p:hover{
  transform:translateY(-2px)!important;
  border-color:#ddd4c5!important;
  box-shadow:0 9px 24px rgba(48,45,39,.09)!important;
}

/* Fotografie – pouze mezera, rozměr se nemění */
body:has(.lw-obrazy-filter) .products-block .p .image{
  margin-bottom:12px!important;
  overflow:hidden!important;
  border-radius:2px!important;
}

body:has(.lw-obrazy-filter) .products-block .p .image img{
  transition:transform .25s ease!important;
}

body:has(.lw-obrazy-filter) .products-block .p:hover .image img{
  transform:scale(1.015)!important;
}

/* Název produktu */
body:has(.lw-obrazy-filter) .products-block .p .name{
  display:-webkit-box!important;
  min-height:0!important;
  max-height:44px!important;
  margin:0 0 8px!important;
  padding:0!important;
  overflow:hidden!important;
  color:#302d27!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:600!important;
  text-align:center!important;
  text-decoration:none!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

body:has(.lw-obrazy-filter) .products-block .p .name:hover{
  color:#9a7838!important;
}

/* Cena */
body:has(.lw-obrazy-filter) .products-block .p .prices,
body:has(.lw-obrazy-filter) .products-block .p .price,
body:has(.lw-obrazy-filter) .products-block .p .price-final{
  height:auto!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#302d27!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-align:center!important;
}

/* Tlačítko */
body:has(.lw-obrazy-filter) .products-block .p .p-tools,
body:has(.lw-obrazy-filter) .products-block .p .p-tools-inner{
  margin:0 0 10px!important;
  padding:0!important;
  text-align:center!important;
}

body:has(.lw-obrazy-filter) .products-block .p .btn,
body:has(.lw-obrazy-filter) .products-block .p .btn-detail,
body:has(.lw-obrazy-filter) .products-block .p a.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:112px!important;
  min-height:44px!important;
  margin:0 auto!important;
  padding:11px 20px!important;
  background:#e7bc49!important;
  border:0!important;
  border-radius:0!important;
  color:#302d27!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:700!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 6px 14px rgba(242,201,76,.20)!important;
  transition:
    background .2s ease,
    box-shadow .2s ease,
    transform .2s ease!important;
}

body:has(.lw-obrazy-filter) .products-block .p .btn:hover,
body:has(.lw-obrazy-filter) .products-block .p .btn-detail:hover,
body:has(.lw-obrazy-filter) .products-block .p a.btn:hover{
  background:#d9ad36!important;
  color:#302d27!important;
  transform:translateY(-1px)!important;
  box-shadow:0 9px 18px rgba(242,201,76,.28)!important;
}

/* Krátký popisek */
body:has(.lw-obrazy-filter) .products-block .p .p-desc,
body:has(.lw-obrazy-filter) .products-block .p .description{
  display:-webkit-box!important;
  min-height:0!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#66635d!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:center!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

@media(max-width:700px){

  body:has(.lw-obrazy-filter) .products-block .p{
    padding:10px 10px 12px!important;
  }

  body:has(.lw-obrazy-filter) .products-block .p .name{
    font-size:15px!important;
  }

  body:has(.lw-obrazy-filter) .products-block .p .prices,
  body:has(.lw-obrazy-filter) .products-block .p .price,
  body:has(.lw-obrazy-filter) .products-block .p .price-final{
    font-size:18px!important;
  }

  body:has(.lw-obrazy-filter) .products-block .p .btn,
  body:has(.lw-obrazy-filter) .products-block .p .btn-detail,
  body:has(.lw-obrazy-filter) .products-block .p a.btn{
    min-width:104px!important;
    min-height:42px!important;
    padding:10px 17px!important;
    font-size:13px!important;
  }
}


/* =========================================================
   PRODUKTOVÉ KARTY – PEVNÝ VERTIKÁLNÍ RYTMUS
   Cíl:
   - stejná výška názvu produktu
   - cena vždy ve stejné vertikální pozici
   - tlačítko vždy ve stejné vertikální pozici
   - popisek vždy stejně dlouhý (2 řádky)
   - stejné karty napříč aktuálně upravenými kategoriemi

   Aktivní pro:
   Fotoalba / Dřevěná fotoalba / Obrazy / Zápisníky

   DŮLEŽITÉ:
   - velikost produktových fotografií se nemění
========================================================= */

body:has(.lw-obrazy-filter) .products-block .p{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}

/* Vnitřní Shoptet wrappery ať nepřidávají náhodné výšky */
body:has(.lw-obrazy-filter) .products-block .p .p-in,
body:has(.lw-obrazy-filter) .products-block .p .p-in-in,
body:has(.lw-obrazy-filter) .products-block .p .p-bottom{
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
}

/* Název produktu = přesně prostor pro 2 řádky */
body:has(.lw-obrazy-filter) .products-block .p .name{
  display:-webkit-box!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0 0 10px!important;
  overflow:hidden!important;
  line-height:22px!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

/* Cena = rezervovaný blok, aby vše drželo osu */
body:has(.lw-obrazy-filter) .products-block .p .prices,
body:has(.lw-obrazy-filter) .products-block .p .price,
body:has(.lw-obrazy-filter) .products-block .p .price-final{
  min-height:28px!important;
  margin:0 0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Tlačítko = vlastní pevný rytmus */
body:has(.lw-obrazy-filter) .products-block .p .p-tools,
body:has(.lw-obrazy-filter) .products-block .p .p-tools-inner{
  min-height:44px!important;
  margin:0 0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Popisek = vždy 2 řádky */
body:has(.lw-obrazy-filter) .products-block .p .p-desc,
body:has(.lw-obrazy-filter) .products-block .p .description{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  display:-webkit-box!important;
  overflow:hidden!important;
  line-height:21px!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

/* Pojistka: nic uvnitř karty nemá přidávat divoké spodní marginy */
body:has(.lw-obrazy-filter) .products-block .p .name,
body:has(.lw-obrazy-filter) .products-block .p .prices,
body:has(.lw-obrazy-filter) .products-block .p .price,
body:has(.lw-obrazy-filter) .products-block .p .price-final,
body:has(.lw-obrazy-filter) .products-block .p .p-tools,
body:has(.lw-obrazy-filter) .products-block .p .p-desc{
  flex:0 0 auto!important;
}

/* Mobil: zachovat stejný princip, ale kompaktněji */
@media(max-width:700px){

  body:has(.lw-obrazy-filter) .products-block .p .name{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:21px!important;
    margin-bottom:8px!important;
  }

  body:has(.lw-obrazy-filter) .products-block .p .prices,
  body:has(.lw-obrazy-filter) .products-block .p .price,
  body:has(.lw-obrazy-filter) .products-block .p .price-final{
    min-height:26px!important;
    margin-bottom:10px!important;
  }

  body:has(.lw-obrazy-filter) .products-block .p .p-tools,
  body:has(.lw-obrazy-filter) .products-block .p .p-tools-inner{
    min-height:42px!important;
    margin-bottom:10px!important;
  }

  body:has(.lw-obrazy-filter) .products-block .p .p-desc,
  body:has(.lw-obrazy-filter) .products-block .p .description{
    height:39px!important;
    min-height:39px!important;
    max-height:39px!important;
    line-height:19.5px!important;
  }
}


/* =========================================================
   PRODUKTOVÉ KARTY – RESET VNITŘNÍCH MEZER SHOPTETU
   Navazuje na V104.
   Důvod: některé kategorie (zejména Dřevěná fotoalba)
   mají na .p-in / .p-bottom vlastní padding/min-height,
   takže mezi názvem a cenou zůstával velký prázdný prostor.

   Rozměry fotografií se NEMĚNÍ.
========================================================= */

body:has(.lw-obrazy-filter) .products-block .p .p-in,
body:has(.lw-obrazy-filter) .products-block .p .p-in-in,
body:has(.lw-obrazy-filter) .products-block .p .p-bottom,
body:has(.lw-obrazy-filter) .products-block .p .p-bottom > div{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  justify-content:flex-start!important;
}

/* Přesně definovaný rytmus mezi názvem a cenou */
body:has(.lw-obrazy-filter) .products-block .p .name{
  margin:0 0 6px!important;
}

/* Cena už nemá žádný horní odstup z šablony */
body:has(.lw-obrazy-filter) .products-block .p .prices,
body:has(.lw-obrazy-filter) .products-block .p .price,
body:has(.lw-obrazy-filter) .products-block .p .price-final{
  margin-top:0!important;
}

/* Pojistka proti starému flex roztažení obsahu */
body:has(.lw-obrazy-filter) .products-block .p .p-in{
  justify-content:flex-start!important;
}

body:has(.lw-obrazy-filter) .products-block .p .p-bottom{
  justify-content:flex-start!important;
}