/* ==========================================================
   index2 — ТЕСТ: снимка на адвоката в hero (само за index2.html)
   ========================================================== */

.hero--photo .hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,380px);
  padding-top:64px;padding-bottom:64px;
  padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,88px);
}
.hero-photo{
  justify-self:end;width:100%;max-width:380px;margin:0;position:relative;
}
/* тънка месингова рамка, отместена зад снимката */
.hero-photo::before{
  content:"";position:absolute;top:14px;left:14px;right:-14px;bottom:-14px;
  border:1px solid var(--brass);border-radius:6px;opacity:.7;pointer-events:none;
}
.hero-photo img{
  position:relative;display:block;width:100%;height:auto;
  aspect-ratio:3/4;object-fit:cover;object-position:50% 12%;
  border-radius:6px;background:var(--graphite-2);
  box-shadow:0 24px 48px -20px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.25);
}

/* таблети */
@media (max-width:960px){
  .hero--photo .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,300px)}
}

/* под 768px — снимката под текста, центрирана */
@media (max-width:767px){
  .hero--photo .hero-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .hero-photo{justify-self:center;max-width:300px;margin-right:14px}
}

/* ---------- икони вместо „Чл. 1…10“ в „Области на практика“ ---------- */
.article{grid-template-columns:80px minmax(0,1fr)}
.article-icon{
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;margin-top:-6px;
  color:var(--brass-ink);
  border:1px solid rgba(122,92,48,.35);border-radius:50%;
  background:rgba(184,146,90,.08);
}
.article-icon svg{width:30px;height:30px;display:block}
@media (hover:hover){
  .article:hover .article-icon{background:rgba(184,146,90,.16);border-color:var(--brass)}
}
@media (max-width:640px){
  .article{grid-template-columns:48px minmax(0,1fr);gap:16px}
  .article-icon{width:44px;height:44px;margin-top:-2px}
  .article-icon svg{width:24px;height:24px}
}

@media print{
  .hero-photo::before{display:none}
  .hero-photo img{box-shadow:none}
}