/* css pt paginile de servicii */

/* breadcrumb */
.crumb{display:flex;align-items:center;gap:9px;font-family:"Sora";font-size:13px;color:var(--muted);flex-wrap:wrap}
.crumb a{color:var(--muted)}.crumb a:hover{color:var(--crimson)}
.crumb .sep{opacity:.5}
.crumb b{color:var(--crimson);font-weight:600}

/* hero la pagina de serviciu */
.shero{position:relative;background:linear-gradient(180deg,#fff,var(--soft));overflow:hidden;border-bottom:1px solid var(--line)}
.shero::before{content:"";position:absolute;right:-10%;top:-180px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(253,206,4,.16),transparent 60%)}
.shero::after{content:"";position:absolute;left:-16%;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(206,20,85,.07),transparent 62%)}
.shero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:center;padding-top:clamp(28px,4vw,44px);padding-bottom:clamp(40px,5vw,64px)}
.shero h1{font-size:clamp(30px,5vw,52px);font-weight:800;margin:18px 0 0;text-transform:capitalize}
.shero .lead{font-size:clamp(16px,2.2vw,18px);color:var(--muted);max-width:520px;margin-top:18px}
.shero-cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.shero-art{position:relative}
.shero-art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 40px 60px rgba(206,20,85,.18))}
.mini-stats{display:flex;gap:26px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.mini-stats b{font-family:"Sora";font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--ink);display:block}
.mini-stats span{font-size:12.5px;color:var(--muted)}

/* banda cu noise + meniu (din identitatea veche) */
.menu-band{background:rgba(255,255,255,.55) url("assets/img/noise-band.webp");border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:var(--header-h);z-index:80;box-shadow:0 6px 20px -16px rgba(0,0,0,.25)}
.menu-band ul{list-style:none;display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:4px;margin:0;padding:6px clamp(12px,3vw,48px);width:100%;max-width:none}
.menu-band li a{display:block;font-family:"Sora";font-weight:600;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;color:#333;padding:11px 18px;border-radius:9px;transition:.15s;white-space:nowrap}
.menu-band li a:hover{background:#FCCD22;color:var(--ink)}
.menu-band li.active a{background:var(--gold);color:var(--ink);box-shadow:0 6px 14px -6px rgba(253,206,4,.7)}
@media (max-width:760px){
  .menu-band{position:static}
  .menu-band ul{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .menu-band ul::-webkit-scrollbar{display:none}
  .menu-band li a{font-size:12.5px;padding:10px 14px}
}

/* blocuri de continut alternante */
.block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.block + .block{margin-top:clamp(48px,7vw,88px)}
.block.flip .block-art{order:-1}
.block-copy .kbadge{display:inline-flex;align-items:center;gap:8px;font-family:"Sora";font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--crimson);background:rgba(206,20,85,.07);border-radius:100px;padding:7px 14px}
.block-copy h2{font-size:clamp(24px,3.4vw,34px);font-weight:700;margin:16px 0 16px;text-transform:capitalize}
.block-copy h2 .ac{color:var(--gold)}
.block-copy p{font-size:15.5px;color:var(--slate);line-height:1.75;margin-bottom:14px}
.block-copy .blk-cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.feat-list{list-style:none;margin:18px 0 0;display:flex;flex-direction:column;gap:11px}
.feat-list li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--slate)}
.feat-list li svg{flex:none;margin-top:3px}
.block-art{position:relative}
.block-art .art-card{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.block-art svg{width:100%;height:auto;display:block}
.block-art .float-badge{position:absolute;bottom:18px;left:18px;background:#fff;border-radius:13px;padding:12px 16px;box-shadow:0 16px 30px -16px rgba(0,0,0,.3);display:flex;align-items:center;gap:11px}
.block-art .float-badge .ic{width:38px;height:38px;border-radius:10px;background:var(--crimson);display:grid;place-items:center;flex:none}
.block-art .float-badge b{font-family:"Sora";font-size:14px;color:var(--ink);display:block;line-height:1.2}
.block-art .float-badge small{font-size:11.5px;color:var(--muted)}

/* bloc cu slogan */
.solo{max-width:820px;margin:0 auto;text-align:center}
.solo h2{font-size:clamp(26px,4vw,38px);font-weight:800;text-transform:capitalize}
.solo h2 .ac{color:var(--crimson)}
.solo p{font-size:17px;color:var(--slate);line-height:1.75;margin-top:18px}
.solo .shero-cta{justify-content:center}

/* banda cu valori */
.values{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.val{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.val .ic{width:50px;height:50px;border-radius:13px;background:rgba(206,20,85,.08);display:grid;place-items:center;margin-bottom:16px}
.val h4{font-size:16px;font-weight:700;margin-bottom:7px}
.val p{font-size:13.5px;color:var(--muted);line-height:1.55}

/* cta din mijloc + servicii similare */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
.rcard{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;transition:.18s}
.rcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(206,20,85,.3)}
.rcard .ic{width:48px;height:48px;border-radius:12px;background:rgba(206,20,85,.08);display:grid;place-items:center;flex:none}
.rcard b{font-family:"Sora";font-size:15.5px;color:var(--ink);display:block}
.rcard small{font-size:12.5px;color:var(--crimson);font-family:"Sora";font-weight:600}
.rcard .go{margin-left:auto;color:var(--crimson);font-size:18px}

/* aparitie la scroll */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* buton inapoi sus */
.totop{position:fixed;right:20px;bottom:84px;width:48px;height:48px;border-radius:50%;background:var(--crimson);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(206,20,85,.6);opacity:0;pointer-events:none;transition:.25s;z-index:88}
.totop.show{opacity:1;pointer-events:auto}
@media (min-width:769px){.totop{bottom:24px}}

/* pt telefoane / responsive */
@media (max-width:980px){
  .shero .wrap{grid-template-columns:1fr}
  .shero-art{max-width:460px}
  .block{grid-template-columns:1fr;gap:28px}
  .block.flip .block-art{order:0}
  .block-art{max-width:520px}
  .val-grid{grid-template-columns:repeat(2,1fr)}
  .related-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .val-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:1fr}
}