/* Site joeelle.ro (fără WordPress): completări peste v2.css + v3.css + lp.css + lg.css. */
html{scroll-behavior:smooth}
/* width/height pe <img> rezervă locul (fără CLS); înălțimea reală rămâne din CSS sau proporțională. */
img{height:auto}
#formular,#contact,#categorii,#echipa{scroll-margin-top:calc(var(--hh) + 12px)}
.nav a[aria-current="page"]{color:var(--gold)}
.sx-mt{margin-top:30px}
.sx-gap{margin-top:110px;margin-bottom:48px}
.sx-list{list-style:none;margin:18px 0 0;padding:0}
.sx-list li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid var(--line);color:var(--ink);font-size:16px;line-height:1.55}
.sx-list li::before{content:"";position:absolute;left:2px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.sx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;max-width:1240px;margin:0 auto}
.sx-card{background:var(--ivory);border:1px solid var(--line);border-radius:999px 999px 10px 10px;padding:56px 34px 34px}
.sx-card h3{font:400 28px/1.2 var(--serif);text-align:center;margin-bottom:8px}
.sx-card p{color:var(--muted);font-size:16px;line-height:1.65;margin-top:14px}
.sx-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin:0 auto;text-align:center}
.sx-info>div{padding:8px 26px}
.sx-info>div+div{border-left:1px solid var(--line)}
.sx-info .caps{margin-bottom:14px}
.sx-info p{font:400 18px/1.6 var(--serif)}
.sx-info b{font-weight:500}
.sx-info a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.sx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center;max-width:1240px}
.sx-pic .frame{aspect-ratio:4/5;overflow:hidden;border-radius:999px 999px 10px 10px;background:var(--cream)}
.sx-pic img{width:100%;height:100%;object-fit:cover}
.sx-rich h2{font-size:clamp(34px,3.8vw,56px);line-height:1.08;margin-bottom:26px}
.sx-rich h2 em{font-style:italic;color:var(--gold)}
.sx-rich p{color:var(--muted);font-size:17px;line-height:1.75;margin-top:16px}
.sx-rich .btn{margin-top:34px}
.sx-rich .sx-list li{font-size:16px}
.sx-gal{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-gal .frame{display:block}
.sx-menu .mi b small{display:block;margin-top:4px;font:400 13.5px/1.45 var(--sans);color:var(--muted)}
.sx-menu .mi b small a{color:var(--bronze);text-decoration:underline;text-underline-offset:3px}
.sx-offer b>a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.sx-tag{display:inline-block;vertical-align:middle;margin-left:8px;padding:4px 9px;border-radius:999px;background:var(--gold);color:#fff;font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.sx-offer .val{color:var(--gold)}
.sx-legal{max-width:860px;margin:0 auto;color:var(--ink);font-size:16.5px;line-height:1.75}
.sx-legal h2{font:400 clamp(26px,2.6vw,34px)/1.2 var(--serif);margin:48px 0 14px}
.sx-legal h3,.sx-legal h4{font:500 20px/1.3 var(--serif);margin:32px 0 10px}
.sx-legal p{margin:12px 0;color:#3D3A35}
.sx-legal ul{margin:12px 0 12px 22px;padding:0}
.sx-legal li{margin:6px 0;color:#3D3A35}
.sx-legal a{color:var(--bronze);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.sx-legal code{background:var(--cream);padding:1px 6px;border-radius:4px;font-size:.9em}
@media (max-width:900px){
  .sx-split{grid-template-columns:1fr}
  .sx-split .sx-pic{order:-1;max-width:420px;margin:0 auto;width:100%}
  .sx-info{grid-template-columns:1fr}
  .sx-info>div+div{border-left:0;border-top:1px solid var(--line);padding-top:22px;margin-top:18px}
  .sx-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-menu{columns:1}
}
@media (max-width:560px){.sx-gal{grid-template-columns:1fr}.sx-card{padding:44px 22px 26px}}