@import url('outfit.css');
/* ============================================================
   Art Glass Company — strat de design propriu
   Se încarcă după style.css, pe toate paginile (din footer.php).
   Conține: adaptare pentru ecrane mici, grile de catalog,
   pagina de produs, butoane rapide de contact.
   ============================================================ */

:root{
  --ag-accent:#c5a47e;
  --ag-dark:#171717;
  --ag-muted:#737373;
  --ag-line:#e7e7e7;
  --ag-bg:#f5f5f5;
  --ag-radius:6px;
  --ag-shadow:0 10px 40px rgba(23,23,23,.10);
  --ag-shadow-hover:0 18px 60px rgba(23,23,23,.16);
  --ag-t:.45s cubic-bezier(.22,.61,.36,1);
}

html{scroll-behavior:smooth}
img{max-width:100%}
body{overflow-x:hidden}

/* accesibilitate: contur vizibil la navigarea din tastatură */
a:focus-visible,button:focus-visible,.acc-btn:focus-visible{
  outline:2px solid var(--ag-accent);outline-offset:3px;border-radius:3px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}


/* ============================================================
   0. ANTET (bară de sus + navigație + sidebar mobil)
   ============================================================ */
.ag-header{position:sticky;top:0;z-index:1200;background:#fff;transition:box-shadow .3s ease}
.ag-header.is-stuck{box-shadow:0 6px 26px rgba(23,23,23,.09)}
.ag-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 28px;display:flex;align-items:center;
  justify-content:space-between;gap:20px}

.ag-topbar{background:var(--ag-dark);color:rgba(255,255,255,.72);font-size:12.5px;font-weight:300}
.ag-topbar .ag-wrap{height:42px}
.ag-topbar-left{display:flex;align-items:center;gap:14px;white-space:nowrap;overflow:hidden}
.ag-topbar-left i{color:var(--ag-accent);margin-right:6px}
.ag-topbar a{color:rgba(255,255,255,.72)}
.ag-topbar a:hover{color:#fff}
.ag-sep{width:1px;height:13px;background:rgba(255,255,255,.18)}
.ag-topbar-right{display:flex;align-items:center;gap:4px}
.ag-lang{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 8px;
  border-radius:20px;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}
.ag-lang:hover{background:rgba(255,255,255,.1);color:#fff}
.ag-lang.is-active{background:var(--ag-accent);color:#fff}

.ag-navbar .ag-wrap{height:88px}
.ag-logo{display:flex;align-items:center;flex:0 0 auto}
.ag-logo img{height:46px;width:auto;display:block}
.ag-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.ag-nav-link{position:relative;font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ag-dark);
  font-weight:400;padding:6px 0;white-space:nowrap;transition:color .3s ease}
.ag-nav-link:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--ag-accent);
  transition:width .35s cubic-bezier(.22,.61,.36,1)}
.ag-nav-link:hover{color:var(--ag-accent)}
.ag-nav-link:hover:after,.ag-nav-link.is-active:after{width:100%}
.ag-nav-link.is-active{color:var(--ag-accent)}

.ag-navbar-side{display:flex;align-items:center;gap:14px;margin-left:26px}
.ag-call{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;border-radius:40px;
  border:1px solid var(--ag-line);color:var(--ag-dark);font-size:14px;letter-spacing:.6px;white-space:nowrap;
  transition:all .35s ease}
.ag-call i{font-size:13px;color:var(--ag-accent);transition:color .35s ease}
.ag-call:hover{background:var(--ag-dark);border-color:var(--ag-dark);color:#fff}
.ag-call:hover i{color:var(--ag-accent)}

.ag-burger{display:none;width:46px;height:46px;border:1px solid var(--ag-line);border-radius:50%;background:#fff;
  padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:all .3s ease}
.ag-burger span{display:block;width:18px;height:1.5px;background:var(--ag-dark);transition:all .3s ease}
.ag-burger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.ag-burger.is-open span:nth-child(2){opacity:0}
.ag-burger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.ag-burger:hover{border-color:var(--ag-accent)}

/* sidebar */
.ag-drawer-backdrop{position:fixed;inset:0;background:rgba(15,15,15,.55);backdrop-filter:blur(3px);
  opacity:0;transition:opacity .35s ease;z-index:1290}
.ag-drawer-backdrop.is-open{opacity:1}
.ag-drawer{position:fixed;top:0;right:0;bottom:0;width:min(88vw,380px);background:#fff;z-index:1300;
  display:flex;flex-direction:column;transform:translateX(105%);transition:transform .42s cubic-bezier(.22,.61,.36,1);
  box-shadow:-20px 0 60px rgba(0,0,0,.18);overflow-y:auto;overscroll-behavior:contain}
.ag-drawer.is-open{transform:translateX(0)}
.ag-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;
  border-bottom:1px solid var(--ag-line)}
.ag-drawer-top img{height:38px;width:auto}
.ag-drawer-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--ag-line);background:#fff;
  color:var(--ag-dark);font-size:17px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.ag-drawer-close:hover{background:var(--ag-dark);color:#fff;border-color:var(--ag-dark)}
.ag-drawer-nav{display:flex;flex-direction:column;padding:8px 0}
.ag-drawer-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;
  font-size:15px;letter-spacing:.4px;color:var(--ag-dark);border-bottom:1px solid var(--ag-line);transition:all .25s ease}
.ag-drawer-nav a i{font-size:13px;color:var(--ag-line);transition:all .25s ease}
.ag-drawer-nav a:hover,.ag-drawer-nav a.is-active{background:var(--ag-bg);color:var(--ag-accent);padding-left:30px}
.ag-drawer-nav a:hover i,.ag-drawer-nav a.is-active i{color:var(--ag-accent)}
.ag-drawer-langs{display:flex;gap:8px;padding:18px 24px 6px}
.ag-drawer-langs a{min-width:46px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--ag-line);border-radius:30px;font-size:12px;letter-spacing:1px;text-transform:uppercase;
  color:var(--ag-dark);transition:all .3s ease}
.ag-drawer-langs a.is-active,.ag-drawer-langs a:hover{background:var(--ag-accent);border-color:var(--ag-accent);color:#fff}
.ag-drawer-contact{margin-top:auto;padding:22px 24px 30px;border-top:1px solid var(--ag-line)}
.ag-drawer-phone{display:block;font-size:22px;font-weight:300;color:var(--ag-dark);margin-bottom:4px}
.ag-drawer-phone:hover{color:var(--ag-accent)}
.ag-drawer-mail{display:block;font-size:14px;color:var(--ag-muted);margin-bottom:10px}
.ag-drawer-contact p{margin:0 0 4px;font-size:13px;color:var(--ag-muted);font-weight:300}
.ag-drawer-hours{font-size:12.5px}
.ag-drawer-msgs{display:flex;gap:10px;margin-top:16px}
.ag-drawer-msgs a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--ag-bg);color:var(--ag-dark);font-size:17px;transition:all .3s ease}
.ag-drawer-msgs a:hover{background:var(--ag-dark);color:#fff}
body.ag-noscroll{overflow:hidden}

/* vechea bară a temei nu mai este folosită */
.navbar{display:none !important}

@media (max-width:1199px){
  .ag-nav{gap:20px}
  .ag-nav-link{font-size:11.5px;letter-spacing:1.2px}
  .ag-call{padding:0 18px;font-size:13px}
  .ag-logo img{height:42px}
}
@media (max-width:991px){
  .ag-wrap{padding:0 20px}
  .ag-nav{display:none}
  .ag-burger{display:flex}
  .ag-navbar .ag-wrap{height:74px}
  .ag-logo img{height:40px}
  .ag-topbar-left span:nth-child(n+3){display:none}
  .ag-call span{display:none}
  .ag-call{width:48px;padding:0;justify-content:center}
  .ag-call i{font-size:15px}
}
@media (max-width:767px){
  .ag-topbar .ag-wrap{height:38px;font-size:11.5px}
  .ag-topbar-left{gap:8px}
  .ag-topbar-left span:nth-child(n+2),.ag-topbar-left .ag-sep{display:none}
  .ag-navbar .ag-wrap{height:64px;padding:0 16px}
  .ag-logo img{height:34px}
  .ag-burger{width:42px;height:42px}
  .ag-call{width:42px;height:42px}
}

/* ============================================================
   1. GRILA DE CATALOG (categorii și produse)
   ============================================================ */
.ag-grid{display:grid;gap:26px}
.ag-grid.ag-c1{grid-template-columns:1fr}
.ag-grid.ag-c2{grid-template-columns:repeat(2,1fr)}
.ag-grid.ag-c3{grid-template-columns:repeat(3,1fr)}
.ag-grid.ag-c4{grid-template-columns:repeat(4,1fr)}

.ag-card{position:relative;display:block;overflow:hidden;border-radius:var(--ag-radius);
  background:var(--ag-dark);box-shadow:var(--ag-shadow);transition:transform var(--ag-t),box-shadow var(--ag-t)}
.ag-card:hover{transform:translateY(-6px);box-shadow:var(--ag-shadow-hover)}
.ag-card .ag-media{position:relative;display:block;width:100%;overflow:hidden;background:#20201f}
.ag-card .ag-media img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.2s cubic-bezier(.22,.61,.36,1);will-change:transform}
.ag-card:hover .ag-media img{transform:scale(1.06)}

/* înălțimea imaginii, în funcție de câte carduri sunt pe rând */
.ag-c1 .ag-card .ag-media{aspect-ratio:16/7}
.ag-c2 .ag-card .ag-media{aspect-ratio:4/3}
.ag-c3 .ag-card .ag-media{aspect-ratio:4/3}
.ag-c4 .ag-card .ag-media{aspect-ratio:3/4}

.ag-card .ag-overlay{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(23,23,23,0) 35%,rgba(23,23,23,.78) 100%);
  opacity:.92;transition:opacity var(--ag-t)}
.ag-card:hover .ag-overlay{opacity:1}
.ag-card .ag-body{position:absolute;left:0;right:0;bottom:0;padding:26px 26px 24px;z-index:2}
.ag-card .ag-kicker{display:inline-block;font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:var(--ag-accent);margin-bottom:8px}
.ag-card .ag-title{color:#fff;font-size:19px;font-weight:400;line-height:1.3;margin:0;
  font-family:"Outfit",sans-serif}
.ag-c1 .ag-card .ag-title{font-size:30px}
.ag-c2 .ag-card .ag-title{font-size:23px}
.ag-card .ag-note{color:rgba(255,255,255,.72);font-size:13px;font-weight:300;margin:6px 0 0}
.ag-card .ag-go{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;
  background:rgba(255,255,255,.14);backdrop-filter:blur(6px);
  opacity:0;transform:translateY(-6px);transition:all var(--ag-t);z-index:3}
.ag-card:hover .ag-go{opacity:1;transform:translateY(0);background:var(--ag-accent)}

/* card fără fotografie */
.ag-card.ag-nophoto .ag-media{display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#1f1f1e 0%,#2b2a27 55%,#3a352c 100%)}
.ag-card.ag-nophoto .ag-media i{font-size:44px;color:rgba(197,164,126,.55)}

/* ============================================================
   2. PAGINA DE PRODUS
   ============================================================ */
.ag-prod-hero{position:relative;background:var(--ag-dark);color:#fff;overflow:hidden}
.ag-prod-hero .ag-hero-img{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
.ag-prod-hero .ag-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ag-prod-hero .ag-hero-shade{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(23,23,23,.86) 0%,rgba(23,23,23,.35) 55%,rgba(23,23,23,.15) 100%)}
.ag-prod-hero .ag-hero-in{position:absolute;inset:0;display:flex;align-items:center}
.ag-prod-hero .ag-crumb{font-size:13px;font-weight:300;color:rgba(255,255,255,.7);margin-bottom:14px}
.ag-prod-hero .ag-crumb a{color:rgba(255,255,255,.7)}
.ag-prod-hero .ag-crumb a:hover{color:var(--ag-accent)}
.ag-prod-hero h1{font-family:"Outfit",sans-serif;font-weight:300;line-height:1.12;color:#fff;
  font-size:clamp(28px,3.6vw,52px);margin:0 0 18px;max-width:15ch}
.ag-prod-hero .ag-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}

.ag-prod-body{padding:90px 0}
.ag-prod-body .ag-lead{font-size:19px;font-weight:300;color:var(--ag-dark);margin-bottom:26px}
.ag-prod-body p{color:var(--ag-muted);font-weight:300}
.ag-sec-h{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ag-dark);
  margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--ag-line)}

.ag-spec{list-style:none;padding:0;margin:0}
.ag-spec li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed var(--ag-line);
  color:var(--ag-dark);font-weight:300;font-size:15px}
.ag-spec li:last-child{border-bottom:0}
.ag-spec li:before{content:"";flex:0 0 7px;width:7px;height:7px;margin-top:8px;border-radius:50%;
  background:var(--ag-accent)}

.ag-aside{position:sticky;top:24px;background:var(--ag-bg);border-radius:var(--ag-radius);padding:30px 28px}
.ag-aside .ag-phone{display:block;font-size:27px;font-weight:300;color:var(--ag-dark);margin:6px 0 4px;letter-spacing:.5px}
.ag-aside .ag-phone:hover{color:var(--ag-accent)}
.ag-aside .ag-small{font-size:13px;color:var(--ag-muted);font-weight:300}
.ag-aside .ag-msgs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ag-aside .ag-msgs a{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:40px;
  background:#fff;border:1px solid var(--ag-line);color:var(--ag-dark);font-size:13px;transition:all var(--ag-t)}
.ag-aside .ag-msgs a:hover{background:var(--ag-dark);color:#fff;border-color:var(--ag-dark)}
.ag-aside .ag-msgs a i{color:var(--ag-accent)}
.ag-aside .ag-msgs a:hover i{color:#fff}

.ag-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ag-gallery.ag-g1{grid-template-columns:1fr}
.ag-gallery.ag-g2{grid-template-columns:repeat(2,1fr)}
.ag-gallery.ag-g1 a,.ag-gallery.ag-g2 a{aspect-ratio:16/10}
.ag-gallery a{display:block;overflow:hidden;border-radius:var(--ag-radius);aspect-ratio:4/3;background:#eee}
.ag-gallery a img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ag-t)}
.ag-gallery a:hover img{transform:scale(1.07)}

/* ============================================================
   3. BUTOANE RAPIDE DE CONTACT (colț dreapta jos)
   ============================================================ */
.ag-dock{position:fixed;right:18px;bottom:18px;z-index:1150;display:flex;flex-direction:column;gap:10px}
.ag-dock a{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;color:#fff;font-size:21px;box-shadow:0 8px 24px rgba(0,0,0,.22);
  transition:transform var(--ag-t),box-shadow var(--ag-t)}
.ag-dock a:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 14px 32px rgba(0,0,0,.3);color:#fff}
.ag-dock a.ag-wa{background:#25d366}
.ag-dock a.ag-vb{background:#7360f2}
.ag-dock a.ag-tel{background:var(--ag-dark)}
.ag-dock a .ag-tip{position:absolute;right:64px;top:50%;transform:translateY(-50%) translateX(8px);
  white-space:nowrap;background:var(--ag-dark);color:#fff;font-size:12px;letter-spacing:1px;text-transform:uppercase;
  padding:8px 14px;border-radius:30px;opacity:0;pointer-events:none;transition:all var(--ag-t)}
.ag-dock a:hover .ag-tip{opacity:1;transform:translateY(-50%) translateX(0)}
.ag-dock a.ag-tel:after{content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1px solid rgba(23,23,23,.35);animation:agPulse 2.6s ease-out infinite}
@keyframes agPulse{0%{transform:scale(.95);opacity:.8}70%{transform:scale(1.25);opacity:0}100%{opacity:0}}

/* bara de acțiune de pe mobil */
.ag-mobilebar{display:none}

/* ============================================================
   4. ADAPTARE PENTRU ECRANE MICI
   ============================================================ */
@media (max-width:1199px){
  .ag-grid.ag-c4{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:991px){
  .ag-grid{gap:20px}
  .ag-grid.ag-c3,.ag-grid.ag-c4{grid-template-columns:repeat(2,1fr)}
  .ag-c1 .ag-card .ag-media{aspect-ratio:16/10}
  .ag-c1 .ag-card .ag-title{font-size:24px}
  .ag-prod-body{padding:60px 0}
  .ag-aside{position:static;margin-top:34px}
  .ag-gallery{grid-template-columns:repeat(2,1fr)}

  /* meniul mobil */
  .navbar-collapse{background:#fff;border-radius:var(--ag-radius);margin-top:14px;padding:12px 6px;
    box-shadow:var(--ag-shadow);max-height:78vh;overflow-y:auto}
  .navbar .navbar-nav .nav-link{color:var(--ag-dark) !important;padding:12px 14px !important;
    border-bottom:1px solid var(--ag-line)}
  .navbar .navbar-nav .nav-item:last-child .nav-link{border-bottom:0}
  .navbar .navbar-nav .durubtn4{display:inline-block;margin:12px 14px}
  .navbar .dropdown-menu{box-shadow:none;border:0;background:var(--ag-bg)}

  /* secțiuni mai strânse */
  .section-padding{padding:64px 0}
  .container-flex.p-5{padding:0 18px !important}
  .banner-header h3{font-size:clamp(24px,6vw,38px)}
  .banner-header h2{font-size:clamp(26px,7vw,44px)}
  .section-title{font-size:clamp(22px,5vw,32px)}
  .process .process-area{gap:14px}
  .process .process-area .process-item{padding:28px 24px}
}
@media (max-width:767px){
  /* pe telefon: două carduri pe rând; un singur produs rămâne pe toată lățimea */
  .ag-grid{gap:14px}
  .ag-grid.ag-c2,.ag-grid.ag-c3,.ag-grid.ag-c4{grid-template-columns:repeat(2,1fr)}

  .ag-c1 .ag-card .ag-media{aspect-ratio:16/11}
  .ag-c2 .ag-card .ag-media,.ag-c3 .ag-card .ag-media,.ag-c4 .ag-card .ag-media{aspect-ratio:3/4}

  .ag-c1 .ag-card .ag-title{font-size:21px}
  .ag-c2 .ag-card .ag-title,.ag-c3 .ag-card .ag-title,.ag-c4 .ag-card .ag-title{
    font-size:14.5px;line-height:1.3;letter-spacing:0}

  .ag-c1 .ag-card .ag-body{padding:20px}
  .ag-c2 .ag-card .ag-body,.ag-c3 .ag-card .ag-body,.ag-c4 .ag-card .ag-body{padding:14px 13px 15px}

  .ag-c2 .ag-card .ag-kicker,.ag-c3 .ag-card .ag-kicker,.ag-c4 .ag-card .ag-kicker{
    font-size:9px;letter-spacing:1.3px;margin-bottom:5px}
  .ag-c2 .ag-card .ag-note,.ag-c3 .ag-card .ag-note,.ag-c4 .ag-card .ag-note{font-size:11.5px;margin-top:4px}

  /* umbra de jos ceva mai densă, ca titlul scurt să rămână lizibil */
  .ag-c2 .ag-card .ag-media:after,.ag-c3 .ag-card .ag-media:after,.ag-c4 .ag-card .ag-media:after{
    content:"";position:absolute;inset:auto 0 0 0;height:62%;
    background:linear-gradient(180deg,rgba(23,23,23,0) 0%,rgba(23,23,23,.82) 100%);pointer-events:none}

  /* săgeata rămâne doar pe cardul mare */
  .ag-c1 .ag-card .ag-go{opacity:1;transform:none;background:rgba(255,255,255,.18);width:38px;height:38px}
  .ag-c2 .ag-card .ag-go,.ag-c3 .ag-card .ag-go,.ag-c4 .ag-card .ag-go{display:none}

  .ag-card.ag-nophoto .ag-media i{font-size:30px}
  .ag-gallery{grid-template-columns:1fr 1fr;gap:12px}
  .ag-prod-hero .ag-hero-img{aspect-ratio:4/5}
  .ag-prod-hero .ag-hero-shade{background:linear-gradient(180deg,rgba(23,23,23,.55) 0%,rgba(23,23,23,.92) 100%)}
  .ag-prod-hero h1{max-width:none}
  .ag-prod-body{padding:48px 0}
  .section-padding{padding:52px 0}
  .banner-header{min-height:52vh}
  .footer .top{padding-bottom:10px}
  .footer .bottom .links ul{display:flex;flex-wrap:wrap;gap:6px 18px}
  .footer .text-lg-end{text-align:left !important;margin-top:14px}

  /* butoanele rapide devin bară jos, ca într-o aplicație */
  .ag-dock{display:none}
  .ag-mobilebar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;
    z-index:1150;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);
    border-top:1px solid var(--ag-line);box-shadow:0 -6px 24px rgba(0,0,0,.08)}
  .ag-mobilebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    padding:11px 6px 12px;color:var(--ag-dark);font-size:11px;letter-spacing:.6px;text-transform:uppercase}
  .ag-mobilebar a i{font-size:19px;color:var(--ag-accent)}
  .ag-mobilebar a.ag-wa i{color:#25d366}
  .ag-mobilebar a.ag-vb i{color:#7360f2}
  .ag-mobilebar a:active{background:var(--ag-bg)}
  body{padding-bottom:62px}
  .progress-wrap{bottom:78px !important}
}

/* ecrane foarte mici */
@media (max-width:400px){
  .ag-grid{gap:10px}
  .ag-c2 .ag-card .ag-title,.ag-c3 .ag-card .ag-title,.ag-c4 .ag-card .ag-title{font-size:13px}
  .ag-c2 .ag-card .ag-body,.ag-c3 .ag-card .ag-body,.ag-c4 .ag-card .ag-body{padding:11px 10px 12px}
  .ag-c2 .ag-card .ag-kicker,.ag-c3 .ag-card .ag-kicker,.ag-c4 .ag-card .ag-kicker{display:none}
  .ag-mobilebar a{font-size:10px}
  .ag-prod-hero h1{font-size:26px}
}

/* ============================================================
   5. DETALII DE FINISAJ
   ============================================================ */
.services .item,.ag-card,.process-item{backface-visibility:hidden}
.services .item{transition:transform var(--ag-t),box-shadow var(--ag-t)}
.services .item:hover{transform:translateY(-4px);box-shadow:var(--ag-shadow)}
.accordion-box .acc-btn{cursor:pointer}
.accordion-box .accordion.active-block .acc-btn{color:var(--ag-accent)}
.ag-strip .ag-item{box-shadow:var(--ag-shadow)}

/* încărcare lină a imaginilor */
img[loading="lazy"]{background:#f0efed}

@media print{
  .ag-dock,.ag-mobilebar,.progress-wrap,.navbar,.footer{display:none !important}
}

/* ============================================================
   6. ANTET DE CATEGORIE (jumătate text, jumătate fotografie)
   ============================================================ */
.ag-cathead{background:#fff;border-bottom:1px solid var(--ag-line)}
.ag-cathead .ag-cathead-in{width:100%;max-width:1320px;margin:0 auto;padding:0 28px;display:grid;
  grid-template-columns:1fr 1fr;gap:56px;align-items:center;min-height:420px}
.ag-cathead.ag-nohero .ag-cathead-in{grid-template-columns:1fr;min-height:280px}
.ag-cathead-text{padding:56px 0}
.ag-cathead .ag-crumb{font-size:12.5px;font-weight:300;color:var(--ag-muted);margin-bottom:18px;
  display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ag-cathead .ag-crumb a{color:var(--ag-muted)}
.ag-cathead .ag-crumb a:hover{color:var(--ag-accent)}
.ag-cathead .ag-crumb .ag-cur{color:var(--ag-dark)}
.ag-cathead h1{font-family:"Outfit",sans-serif;font-weight:300;line-height:1.08;color:var(--ag-dark);
  font-size:clamp(30px,3.4vw,50px);margin:0 0 20px;letter-spacing:-.5px}
.ag-cathead-lead{font-size:17px;line-height:1.65;font-weight:300;color:var(--ag-muted);margin:0;max-width:52ch}
.ag-cathead-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
.ag-wa-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;letter-spacing:1px;text-transform:uppercase;
  color:var(--ag-dark);transition:color .3s ease}
.ag-wa-link i{font-size:17px;color:#25d366}
.ag-wa-link:hover{color:var(--ag-accent)}
.ag-cathead-photo{position:relative;height:100%;min-height:420px;overflow:hidden}
.ag-cathead-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ag-cathead-photo:after{content:"";position:absolute;left:0;top:0;bottom:0;width:90px;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%)}

@media (max-width:991px){
  .ag-cathead .ag-cathead-in{grid-template-columns:1fr;gap:0;min-height:0;padding:0 20px}
  .ag-cathead-text{padding:40px 0 30px}
  .ag-cathead-photo{min-height:0;aspect-ratio:16/9;margin:0 -20px;border-radius:0}
  .ag-cathead-photo:after{display:none}
}
@media (max-width:767px){
  .ag-cathead-text{padding:30px 0 24px}
  .ag-cathead-lead{font-size:15.5px}
  .ag-cathead-photo{aspect-ratio:4/3}
}


/* ==========================================================================
   ORDINEA DE SUPRAPUNERE
   Tema originală pune z-index: 9999 pe unele decorațiuni — de exemplu
   săgețile rotunde dintre pașii procesului — care treceau peste antet.
   Scara corectă:  conținut 1-10 · butoane plutitoare 1150 · antet 1200 · sidebar 1300
   ========================================================================== */

/* secțiunea își închide propriul context de suprapunere, deci nimic din
   interiorul ei nu mai poate urca peste antet */
.process { position: relative; z-index: 1; }

.process .process-area .process-item::after,
.process .process-area .process-item::before { z-index: 2 !important; }