/* ==========================================================================
   Feng shui mapa domova (10/2026) – kategorie Feng Shui, 9 stránek zón, sekce úvodní stránky.
   Načítá se JEN na /produkty/feng-shui/, /zona-feng-shui/* a na úvodní stránce
   (viz includes/feng-shui.php → wplama_mk_fs_enqueue). Ostatní stránky beze změny.
   Styly menu (obrázky zón v mega menu a v draweru) jsou inline v includes/feng-shui.php,
   protože menu je na všech stránkách.
   ========================================================================== */

/* --- kategorie + zóny --- */
.fsm{--pink:#ea4366;--ink:#1a1a1a;--muted:#6f6a60;--line:#ece4d2;color:var(--ink);font-family:inherit}
.fsm a{color:inherit}
.fsm .eyebrow2{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--pink);margin:0 0 6px}
/* ---------- kategorie: mapa ---------- */
.fsm-map{margin:34px auto 10px}
.fsm-head{text-align:center;max-width:720px;margin:0 auto 22px}
.fsm-head h2{font-size:34px;font-weight:800;margin:0 0 8px;line-height:1.15}
.fsm-head p{color:var(--muted);margin:0;font-size:15px}
.fsm-how{background:#fff;border:1px solid #eee3c9;border-radius:16px;padding:14px 18px;margin:18px auto 0;max-width:640px;text-align:left}
.fsm-how strong{display:block;font-size:14px;margin-bottom:6px}
.fsm-how ol{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:14px}
.fsm-how b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--pink);color:#fff;font-size:11px;margin-right:8px}
.fsm-how small{display:block;color:var(--muted);font-size:12.5px;margin-top:8px}
.fsm-skip{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--pink)!important;text-decoration:none}
.fsm-steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding:0;list-style:none}
.fsm-steps li{background:#fff;border:1px solid #eee3c9;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600}
.fsm-steps b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--pink);color:#fff;font-size:11px;margin-right:6px}
.fsm-frame{position:relative;padding:34px 48px;background:radial-gradient(ellipse at center,#fffaf0 0%,#fbf3df 70%);border-radius:26px;border:1px solid #f0e4c4}
.fsm-dir{position:absolute;font-size:12px;font-weight:800;letter-spacing:3px;color:#b59a5a}
.fsm-dir.n{top:10px;left:50%;transform:translateX(-50%)}.fsm-dir.s{bottom:10px;left:50%;transform:translateX(-50%)}
.fsm-dir.w{left:-8px;top:50%;transform:translateY(-50%) rotate(-90deg)}.fsm-dir.e{right:-8px;top:50%;transform:translateY(-50%) rotate(90deg)}
.fsm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fsm-tile{position:relative;display:flex;flex-direction:column;border-radius:20px;padding:20px 20px 18px;overflow:hidden;text-decoration:none;
  background:linear-gradient(155deg,var(--zc) 0%,color-mix(in srgb,var(--zc) 35%,#fff) 55%,#fff 100%);
  border:1px solid color-mix(in srgb,var(--zc) 70%,#000 6%);transition:transform .25s,box-shadow .25s}
.fsm-tile:hover,.fsm-tile:focus-visible{transform:translateY(-4px);box-shadow:0 16px 34px -12px rgba(80,60,20,.28)}
.fsm-tile:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.fsm-tile::before{content:"";position:absolute;right:-40px;top:-40px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.45)}
.fsm-top{position:relative;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.fsm-dirl{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:rgba(0,0,0,.5)}
.num{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:var(--pink);color:#fff;font-size:10.5px;letter-spacing:0;padding:0 4px;margin-left:4px;vertical-align:1px}
.fsm-tile h3{font-size:24px;font-weight:800;margin:2px 0 2px;line-height:1.1;color:var(--ink)}
.fsm-sub{font-size:13px;color:rgba(0,0,0,.62)}
.fsm-meta{font-size:12px;color:#6f5d33;margin-top:4px}.fsm-meta b{font-weight:700}
.fsm-pic{flex:0 0 128px;height:128px;margin:-8px -8px 0 0;border-radius:50%;overflow:hidden;background:#fbf1c8;box-shadow:0 6px 16px -8px rgba(0,0,0,.25);border:3px solid rgba(255,255,255,.9)}
.fsm-pic img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform .4s;display:block}
.fsm-tile:hover .fsm-pic img{transform:scale(1.24)}
.fsm-stones{position:relative;display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 8px}
.st{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.8);border-radius:999px;padding:3px 10px 3px 6px;font-size:12.5px;font-weight:600;color:var(--ink)}
.g{width:14px;height:14px;flex:none}
.fsm-sym{position:relative;font-size:13px;color:#4a463f;margin:0 0 12px;line-height:1.45}
.fsm-go{position:relative;margin-top:auto;font-size:13.5px;font-weight:800;color:var(--pink)}
.fsm-note{text-align:center;color:var(--muted);font-size:13px;margin:14px auto 0;max-width:680px}
/* ---------- stránka zóny ---------- */
.fz2{margin:26px 0 10px;border-radius:24px;padding:26px;display:grid;grid-template-columns:300px 1fr;gap:32px;
  background:linear-gradient(155deg,var(--zc) 0%,color-mix(in srgb,var(--zc) 28%,#fff) 40%,#fff 100%);border:1px solid color-mix(in srgb,var(--zc) 70%,#000 6%)}
.fz2-left{display:grid;gap:14px;align-content:start}
.fz2-pic{border-radius:50%;overflow:hidden;aspect-ratio:1;max-width:300px;border:5px solid rgba(255,255,255,.9);box-shadow:0 10px 26px -12px rgba(0,0,0,.3);background:#fbf1c8}
.fz2-pic img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);display:block}
.fz2-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.fz2-mini a{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1.25;border-radius:8px;background:rgba(255,255,255,.75);font-size:11px;font-weight:700;line-height:1.1;text-decoration:none;color:var(--ink)}
.fz2-mini small{font-size:9px;color:#8a8070;letter-spacing:.8px}
.fz2-mini a.on{background:#fff;box-shadow:inset 0 0 0 2px var(--pink)}
.fz2-mini a:hover{background:#fff}
.fz2-back{text-align:center;font-size:13px;font-weight:700;color:var(--pink)!important;text-decoration:none}
.fz2 h2{font-size:30px;font-weight:800;margin:0 0 2px;line-height:1.15}
.fz2-sub{color:#4a463f;margin:0}
.fz2-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.fz2-meta span{background:rgba(255,255,255,.8);border-radius:10px;padding:6px 12px;font-size:13px}
.fz2-meta i{display:block;font-style:normal;font-size:11px;color:#8a8070}
.fz2-meta b{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8a7a50}
.fz2 h3 .hint{text-transform:none;letter-spacing:0;font-weight:600;color:#8a8070}
.fz2 h3{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:rgba(0,0,0,.5);margin:18px 0 8px}
.fz2-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 30px}
.fz2-cols>div{min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:13.5px;font-weight:600;background:#fff;border:1px solid rgba(0,0,0,.08);text-decoration:none;color:var(--ink)}
a.chip::after{content:"→";font-size:11px;opacity:.45}
a.chip:hover{border-color:var(--pink)}
.chip.off{background:rgba(255,255,255,.5);color:#6a645a;font-weight:500}
.chip.big{font-size:15px;padding:7px 14px}
.chip.big .g{width:17px;height:17px}
.vyz{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.vyz>li{background:rgba(255,255,255,.75);border-radius:12px;padding:10px 14px}
.vyz a{font-weight:700;text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:3px}
.vyz .off{font-weight:700}
.vyz .m{color:#6a645a}
.vyz ul{margin:6px 0 0;padding-left:18px;font-size:13.5px}
.fz2-pozn{background:rgba(255,255,255,.7);border-radius:10px;padding:8px 12px;font-size:13px;margin-top:8px}
.fz2 details>summary{display:none}
@media (max-width:980px){.fsm-grid{grid-template-columns:repeat(2,1fr)}.fsm-frame{padding:30px 16px}.fsm-dir.w,.fsm-dir.e{display:none}}
@media (max-width:860px){
  .fz2{grid-template-columns:1fr;padding:18px 14px;gap:16px}
  .fz2-left{display:contents}
  .fz2-left>.fz2-pic{order:1}
  .fz2>div:last-child{order:2}
  .fz2-left>div:not(.fz2-pic){order:3}
  .fz2-mini{max-width:480px;margin-inline:auto}
  .fz2-mini a{aspect-ratio:2.4}
  .fz2-pic{max-width:190px;margin:0 auto}
  .fz2-left>div{min-width:0}
  .fz2>div{min-width:0}
  .fz2-cols{grid-template-columns:1fr}
  .fz2 details>summary{display:block;list-style:none;cursor:pointer;margin-top:14px;text-align:center;font-weight:800;color:var(--pink);background:#fff;border-radius:999px;padding:10px}
  .fz2 details>summary::-webkit-details-marker{display:none}
  .fz2 details[open]>summary{margin-bottom:6px}
}
@media (max-width:600px){
  .fsm-head h2{font-size:26px}
  .fsm-grid{grid-template-columns:1fr;gap:12px}
  .fsm-frame{padding:28px 10px;border-radius:18px}
  .fsm-pic{flex-basis:104px;height:104px}
  .fz2 h2{font-size:24px}
}
@media (prefers-reduced-motion:reduce){.fsm *{transition:none!important}}

/* --- úvodní stránka: sekce Domov podle feng shui --- */
.fsh{padding:56px 16px 50px;background:#fffaf0;text-align:center}
.fsh .eb{color:#ea4366;font-weight:800;letter-spacing:.16em;font-size:12px;text-transform:uppercase;margin:0}
.fsh h2{font-size:34px;font-weight:800;margin:8px 0}.fsh h2 em{font-style:normal;color:#ea4366}.fsh p.l{color:#6f6a60;margin:0}
.fsh-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:14px;max-width:1240px;margin:26px auto 0}
.fsh-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#1a1a1a;font-weight:800;font-size:14px}
.fsh-grid img{width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:4px solid var(--zc);transition:transform .25s}
.fsh-grid a:hover img{transform:translateY(-4px)}
.fsh-grid small{font-size:10.5px;color:#8a8070;letter-spacing:1px;font-weight:700}
.fsh .cta{display:inline-block;margin-top:24px;background:#ea4366;color:#fff;border-radius:999px;padding:12px 26px;font-weight:700;text-decoration:none}
@media(max-width:900px){.fsh-grid{grid-template-columns:repeat(3,1fr);max-width:420px}.fsh h2{font-size:26px}}

/* sekce na úvodní stránce vložená v Divi (třída mk-fs-home-sec) – bez okrajů Divi, celá šířka */
.mk-fs-home-sec{padding:0!important;background:#fffaf0}
.mk-fs-home-sec .et_pb_row{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.mk-fs-home-sec .et_pb_column,.mk-fs-home-sec .et_pb_code{margin:0!important;padding:0!important}

/* přepínače nad produkty v zóně (feng-shui-extra.php) */
.fz2-quick-bar{padding:14px 0 6px}
.fz2-quick-bar .container{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fz2-quick-bar span{font-size:13px;color:#6f6a60;font-weight:600;margin-right:4px}
.fz2-quick-bar a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1.5px solid #ece4d3;background:#fff;font-size:14px;font-weight:700;color:#1d1a16;text-decoration:none;line-height:1.2}
.fz2-quick-bar a small{font-weight:600;color:#9a917f;font-size:12px}
.fz2-quick-bar a:hover{border-color:#ea4366;color:#1d1a16}
.fz2-quick-bar a.on{background:#ea4366;border-color:#ea4366;color:#fff}
.fz2-quick-bar a.on small{color:#ffe1e8}
@media (max-width:600px){.fz2-quick-bar .container{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.fz2-quick-bar .container::-webkit-scrollbar{display:none}.fz2-quick-bar a{flex:none;padding:7px 12px;font-size:13px}.fz2-quick-bar span{flex:none}}

/* tlačítko na produkty, Typické pro zónu (feng-shui-extra.php) */
.fz2-jump{display:inline-flex;align-items:center;gap:6px;margin:10px 0 2px;padding:9px 16px;border-radius:999px;background:#ea4366;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none;line-height:1.2}
.fz2-jump:hover{background:#d63a5c}
.fz2-jump-m{display:none}
.fz2-anchor{display:block;scroll-margin-top:110px}
.fz2-typ{padding:22px 0 6px}
.fz2-typ h2{font-size:24px;font-weight:800;margin:0 0 4px}
.fz2-typ h2 em{font-style:normal;color:#ea4366}
.fz2-typ p{margin:0 0 16px;color:#6f6a60}
.fz2-typ-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*20px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.fz2-typ-row>*{scroll-snap-align:start;min-width:0}
@media (max-width:860px){
  .fz2-jump-d{display:none}
  .fz2-jump-m{display:flex;justify-content:center;width:max-content;max-width:100%;margin:0 auto 4px;grid-column:1/-1;order:0}
  .fz2-typ-row{grid-auto-columns:calc((100% - 12px)/2.15);gap:12px}
  .fz2-typ h2{font-size:20px}
}

/* odkazy na stránky symbolů v bloku zóny */
.fz2-sym{margin:14px 0 0;font-size:14px;line-height:1.7;color:#5a5240}
.fz2-sym a{color:#d63a5c;font-weight:600}