/* ==========================================================================
   Paginile de zonă la epilare — stiluri proprii șablonului parts/zona.php.
   Se încarcă doar pe paginile de zonă, prin $css_pagina.
   ========================================================================== */

/* nota de pe Google, sub butoane */
.zn-nota{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font:600 16px var(--b);color:var(--soft);max-width:48ch}
.zn-nota a{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;min-height:44px;align-content:center}
.zn-nota a:hover{color:var(--text)}
.zn-nota .stele{color:#fbbc04;letter-spacing:2px;margin-right:8px}
.zn-nota b{color:var(--text);font:700 18px var(--d);letter-spacing:-.03em;margin-right:2px}

.zn .block{padding-bottom:90px}

/* linkuri în text */
.zn .block p a:not(.pill){color:var(--text);text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:4px}
.zn .block p a:not(.pill):hover{color:var(--acc)}

/* pachetele care includ zona */
.zn-sub{font:700 clamp(22px,2.2vw,30px)/1.1 var(--d);letter-spacing:-.03em;margin-top:64px}
.zn-pachete{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.zn-pk{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;padding:26px 24px 22px;background:var(--panel);transition:border-color .3s,transform .3s}
.zn-pk:hover{border-color:var(--e);transform:translateY(-3px)}
.zn-pk .red{font:700 clamp(30px,2.6vw,40px)/1 var(--d);letter-spacing:-.05em;color:var(--e)}
.zn-pk h4{font:700 clamp(18px,1.5vw,22px)/1.12 var(--d);letter-spacing:-.025em;margin-top:16px}
.zn-pk .meta{font-size:14px;color:var(--soft);margin-top:8px}
.zn-pk .pret{margin-top:auto;padding-top:22px}
.zn-pk .pret s{display:block;font:500 15px var(--b);color:var(--muted)}
.zn-pk .pret b{display:block;font:700 clamp(26px,2.3vw,34px)/1.05 var(--d);letter-spacing:-.04em;margin-top:2px}
.zn-pk .pret .dela{font:600 14px var(--b);letter-spacing:0;color:var(--soft)}
.zn-pk .pret small{display:block;font:500 14px var(--b);color:var(--soft);margin-top:6px}
.zn-pk>a{margin-top:8px;font:700 14px var(--b);color:var(--e);align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

/* recenziile: text de citit, nu titluri */
.zn-pareri .marturii{max-width:none;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.zn-pareri .marturii blockquote{padding:26px 0;border-top:1px solid var(--line);border-bottom:0}
.zn-pareri .marturii p{font:500 17px/1.6 var(--b);letter-spacing:0;color:var(--text);margin-top:0}
.zn-pareri .marturii cite{font-size:14px;color:var(--soft)}

/* zone înrudite */
.zn-vecine{border-top:1px solid var(--line);padding:30px 0}
.zn-vecine .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.zn-vecine b{font:700 15px var(--d);letter-spacing:-.02em;margin-right:10px}
.zn-vecine a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:2px solid #ffffff55;border-radius:40px;font:700 15px var(--b);transition:border-color .25s,color .25s}
.zn-vecine a:hover{border-color:var(--e);color:var(--e)}

@media (max-width:960px){
  /* pe telefon întâi titlul, apoi dovezile */
  .zn .phero .wrap>div:last-child{order:0}
  /* dovezile una sub alta: titlul lung nu mai strânge explicația într-o coloană îngustă */
  .zn .proof div{grid-template-columns:1fr;gap:2px}
  .zn-nota{font-size:15px;margin-top:20px;padding-top:14px}
  .zn .block{padding-bottom:60px}
  .zn-sub{margin-top:44px}
  .zn-pachete{grid-template-columns:1fr;gap:10px;margin-top:18px}
  .zn-pk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:18px 18px 14px;border-radius:18px;align-items:start}
  .zn-pk .red{grid-column:2;grid-row:1;justify-self:end;font-size:22px}
  .zn-pk h4{grid-column:1;grid-row:1;margin-top:0;font-size:18px}
  .zn-pk .meta{grid-column:1;grid-row:2;margin-top:4px}
  .zn-pk .pret{grid-column:2;grid-row:2/4;padding-top:0;margin-top:0;text-align:right}
  .zn-pk .pret b{font-size:24px}
  .zn-pk .pret .dela{display:block}
  .zn-pk>a{grid-column:1;grid-row:3;margin-top:2px}
  .zn-pareri .marturii{grid-template-columns:1fr}
  .zn-vecine{padding:22px 0}
  .zn-vecine b{width:100%;margin:0 0 4px}
}