/* ══════════════════════════════════════════════════════════════════════
   ÚVODNÍ STRÁNKA – barvy karet podle rozcestníků + kratší mobil (28. 10. 2026)
   Jen body.home, obsah sekcí v builderu beze změny.
   A) barvy: zlatá jen úvod + Atlas; Znamení růžová, Čakry fialová,
      Účinky mátová (stejné barvy jako bloky na jejich stránkách),
      Hodnocení bílá s rámečkem; Znamení a Účinky dostávají tvar karty
   B) mobil: znamení 4 sloupce, čakry 4 + 3, feng shui dál 3 zóny
      s menšími kolečky, menší obrázky účinků, hodnocení 3 čísla
      v řádku, magazín jako seznam; tlačítko košíku v řadě zarovnané
   Vrácení = smazat tento soubor.
   ══════════════════════════════════════════════════════════════════════ */
/* ── 1) Barvy karet (počítač i mobil) ─────────────────────────────── */
/* Znamení a Účinky dostanou tvar karty jako Atlas/Čakry */
body.home .et_pb_section.zodiac,
body.home .et_pb_section.effects:has(.effects-grid){
  width:92%;max-width:var(--container);margin:24px auto !important;border-radius:28px;
  padding:44px 0 !important;box-shadow:0 2px 14px rgba(0,0,0,.05);
}
body.home .et_pb_section.zodiac > .et_pb_row,
body.home .et_pb_section.effects:has(.effects-grid) > .et_pb_row{width:calc(100% - 64px) !important;max-width:none !important}
/* Znamení – růžová (jako blok na /kameny-podle-znameni-zverokruhu/) */
body.home .et_pb_section.zodiac{background:linear-gradient(160deg,#fbe3ea,#fdf3e7) !important}
/* Čakry – fialová (jako blok na /kameny-podle-cakry/) */
body.home .et_pb_section.chakra{background:linear-gradient(160deg,#efe6fb,#fdf3e7) !important}
/* Účinky – mátová (jako blok na /kameny-podle-ucinku/) */
body.home .et_pb_section.effects:has(.effects-grid){background:linear-gradient(160deg,#dff3ea,#fdf3e7) !important}
/* Hodnocení – bílá karta s jemným rámečkem, zlaté zůstávají hvězdy a čísla */
body.home .et_pb_section.reviews{background:#fff !important;border:1px solid #f1e6c2;box-shadow:0 2px 14px rgba(0,0,0,.04)}
body.home .et_pb_section.reviews .review{background:#fffaf0;border:1px solid #f3e6c4}
/* Doporučené produkty – tlačítko „Přidat do košíku“ vždy dole, v řadě zarovnané (PC i mobil) */
body.home .products-grid article.product{display:flex !important;flex-direction:column !important}
body.home .products-grid .product-body{display:flex !important;flex-direction:column !important;flex:1 1 auto !important}
body.home .products-grid .product-body .add_to_cart_button{margin-top:auto !important}
/* Feng shui – stejné okraje jako ostatní karty */
body.home section.fsh{padding-top:40px !important;padding-bottom:36px !important}

@media (max-width:640px){
  body.home .et_pb_section.zodiac,
  body.home .et_pb_section.effects:has(.effects-grid){width:calc(100% - 24px);border-radius:20px;margin:14px auto !important;padding:28px 0 !important}
  body.home .et_pb_section.zodiac > .et_pb_row,
  body.home .et_pb_section.effects:has(.effects-grid) > .et_pb_row{width:calc(100% - 28px) !important}
  body.home section.fsh{padding-top:24px !important;padding-bottom:24px !important}
  /* Feng shui: dál 3 zóny vedle sebe (Martin), jen menší kolečka 105 → 78 px */
  body.home .fsh-grid{gap:10px 8px !important}
  body.home .fsh-grid a img{width:78px !important;height:78px !important;margin:0 auto !important;display:block}
  body.home .fsh-grid a small{margin-top:4px !important}

  /* ── 2) Kratší mobil – vše zůstává vidět ─────────────────────────── */
  /* Doporučené produkty: kompaktnější karta */
  body.home .categories .products-grid .product-body{padding:10px 10px 12px !important}
  body.home .categories .products-grid h4.woocommerce-loop-product__title{font-size:14px !important;line-height:1.3 !important;margin-bottom:4px !important;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.home .categories .products-grid .product-size{font-size:12px;margin-bottom:2px}
  body.home .categories .products-grid .add_to_cart_button{padding:6px 8px !important;font-size:13px !important;min-height:0 !important}

  /* Znamení: 4 sloupce menších karet */
  body.home .zodiac-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important}
  body.home .zodiac-card{padding:10px 2px 8px !important;border-radius:12px !important}
  body.home .zodiac-card .icon,body.home .zodiac-card .icon img{width:40px !important;height:40px !important}
  body.home .zodiac-card .icon{margin:0 auto 4px !important}
  body.home .zodiac-card h5{font-size:12px !important;margin:0 !important}
  body.home .zodiac-card h6{font-size:9.5px !important;margin:1px 0 0 !important;letter-spacing:0 !important}

  /* Čakry: 4 + 3 menší karty */
  body.home .chakra-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important}
  body.home .chakra-card{padding:10px 2px 8px !important;border-radius:12px !important}
  body.home .chakra-card .icon,body.home .chakra-card .icon img{width:48px !important;height:48px !important}
  body.home .chakra-card .icon{margin:0 auto 4px !important}
  body.home .chakra-card h5{font-size:12px !important;margin:0 !important}
  body.home .chakra-card h6{font-size:8.5px !important;margin:1px 0 0 !important;letter-spacing:0 !important}

  /* Účinky: menší obrázky, hustší mřížka, kratší hlavička */
  body.home .effects-grid{gap:10px !important}
  body.home .effect-card{padding:16px 14px !important}
  body.home .effect-card .head{margin-bottom:10px !important}
  body.home .effect-card .head .ico{width:36px !important;height:36px !important}
  body.home .effect-card .mk-ilus{gap:8px 6px !important}
  body.home .effect-card .mk-ilu img.lk-pic{width:56px !important;height:56px !important}
  body.home .effect-card .mk-ilu span{font-size:11.5px !important;line-height:1.25 !important}
  body.home .effect-card-all{margin-top:8px !important}

  /* Hodnocení: 3 čísla vedle sebe, kompaktní recenze */
  body.home .mk-rz-zdroje{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;margin-bottom:12px !important}
  body.home .mk-rz-zdroj{flex-direction:column !important;align-items:center !important;text-align:center !important;padding:10px 4px !important;gap:2px !important}
  body.home .mk-rz-zdroj .mk-rz-cislo{font-size:20px !important}
  body.home .mk-rz-zdroj .mk-rz-nazev{font-size:12px !important;line-height:1.2 !important}
  body.home .mk-rz-zdroj .mk-rz-popis{font-size:10px !important;line-height:1.2 !important}
  body.home .reviews-grid{gap:8px !important}
  body.home .review{padding:12px 14px !important}
  body.home .review .stars{margin:4px 0 !important}
  body.home .review p{font-size:13px !important;line-height:1.45 !important;margin:0 0 6px !important;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  body.home .review .avatar{width:30px !important;height:30px !important;font-size:13px !important}

  /* Magazín: seznam – malá fotka vlevo, text vpravo */
  body.home .blog-grid{gap:10px !important}
  body.home .blog-card{flex-direction:row !important;align-items:stretch}
  body.home .blog-card-img{flex:0 0 110px !important;width:110px !important;height:auto !important}
  body.home .blog-card-img img{height:100% !important;min-height:110px;object-fit:cover}
  body.home .blog-card-body{padding:10px 12px !important}
  body.home .blog-card-body .tag{font-size:10px !important;padding:3px 8px !important}
  body.home .blog-card-body h4{font-size:14.5px !important;line-height:1.3 !important;margin:6px 0 4px !important}
  body.home .blog-card-body p{font-size:12.5px !important;line-height:1.4 !important;margin:0 0 4px !important;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.home .blog-card-body .meta{font-size:11px !important}
}

/* Malé telefony (360–380 px): dlouhá slova nesmí přetéct karty */
@media (max-width:380px){
  body.home .chakra-card h6{font-size:7.5px !important;overflow-wrap:anywhere}
  body.home .effect-card .mk-ilus{gap:8px 4px !important}
  body.home .effect-card .mk-ilu span{font-size:10.5px !important;overflow-wrap:anywhere}
}