/* Aspectul primei pagini după modelul expatmedicare.com (29.10.2026): bleumarin și albastru, fontul Plus Jakarta Sans,
   butoane pastilă, eroul cu fotografia pe fundal, trei carduri pastel sub erou, rândul de cifre, banda cu numele studiourilor,
   căutarea într-un panou cu gradient, colecțiile ca și carduri cu fotografie sus și „Cum facem lista” pe bandă crem.
   Se încarcă după acasa-nou.css și suprascrie doar ce se vede; structura și comportamentul (acasa-nou.js) rămân aceleași. */
body.a3 {
  --em-bleumarin: #0d1a3a; --em-albastru: #2b59e0; --em-text: #3c4766; --em-slab: #6b7591;
  --em-pastel-albastru: #f2f5fd; --em-pastel-crem: #fdf8ec; --em-pastel-verde: #eff6f1; --em-crem: #fbf7ef; --em-cald: #b0703a;
  --em-umbra: 0 12px 32px rgba(13, 26, 58, .08), 0 2px 6px rgba(13, 26, 58, .04);
  --em-gradient: linear-gradient(90deg, #5546e8, #2f5fe3);
  /* tema Mantine a paginii, mutată pe culorile noi */
  --m-p6: var(--em-albastru); --m-p7: #2149c4; --m-p-light: rgba(43, 89, 224, .09); --m-p-light-hover: rgba(43, 89, 224, .13);
  --m-negru: var(--em-bleumarin); --m-dimmed: var(--em-slab);
  --m-r-md: 12px; --m-r-lg: 20px;
  --m-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--em-bleumarin);
}
html { scroll-padding-top: 96px; }
.a3 .a3-accent { color: var(--em-albastru); }

/* ---------- butoanele pastilă */
.a3-pilula {
  display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 22px; border-radius: 999px;
  font: 700 14.5px/1 var(--m-font); text-decoration: none; white-space: nowrap; transition: background .15s ease, transform .1s ease, box-shadow .15s ease;
}
.a3-pilula:active { transform: translateY(1px); }
.a3-pilula.contur { border: 1.5px solid var(--em-bleumarin); color: var(--em-bleumarin); background: #fff; }
.a3-pilula.contur:hover { background: var(--em-pastel-albastru); }
.a3-pilula.plina { background: var(--em-bleumarin); color: #fff; border: 1.5px solid var(--em-bleumarin); }
.a3-pilula.plina:hover { background: #1b2b55; }

/* ---------- antetul lipicios */
.a3-antet-banda {
  position: sticky; top: 0; z-index: 1000; padding: 0 24px; background: rgba(255, 255, 255, .94);
  backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px);
  box-shadow: 0 1px 0 rgba(13, 26, 58, .06), 0 6px 20px rgba(13, 26, 58, .04);
}
.a3 .a3-antet { height: 76px; gap: 32px; border-bottom: 0; }
/* logo-ul pilateshub.ro: cercul de pilates (cu cele două mânere) și numele, cu litere mici */
.a3 .a3-semn { display: inline-flex; align-items: center; gap: 9px; }
.a3-semn-icon { width: 32px; height: 32px; flex-shrink: 0; transition: transform .4s ease; }
.a3-semn:hover .a3-semn-icon { transform: rotate(90deg); }
.a3-semn-text { font: 800 23px/1 var(--m-font); letter-spacing: -.045em; color: var(--em-bleumarin); }
.a3-semn-text b {
  font-weight: 800; background: var(--em-gradient); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.a3-semn-text i { font-style: normal; font-weight: 600; font-size: .7em; letter-spacing: -.01em; color: var(--em-slab); margin-left: 1px; }
.a3 .a3-nav { margin-left: 8px; gap: 8px; }
.a3 .a3-nav a { font: 600 15px/1 var(--m-font); color: var(--em-bleumarin); padding: 10px 12px; border-radius: 999px; }
.a3 .a3-nav a:hover { background: var(--em-pastel-albastru); }
.a3-antet-butoane { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.a3 .a3-salvate { width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 1.5px solid #dfe3ee; font-size: 17px; color: var(--em-bleumarin); cursor: pointer; }
.a3 .a3-salvate:hover { background: var(--em-pastel-albastru); }

/* ---------- eroul: fotografia pe fundal în dreapta, estompată spre text */
.a3 .a3-erou { padding: 0 24px; border-bottom: 0; overflow: hidden; }
.a3 .a3-foto {
  position: absolute; top: 0; right: 0; width: 62%; height: 560px; aspect-ratio: auto; border-radius: 0; box-shadow: none;
  background-position: 62% 30%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 38%), linear-gradient(180deg, #000 72%, transparent 100%);
  -webkit-mask-composite: source-in;
          mask-image: linear-gradient(90deg, transparent 0, #000 38%), linear-gradient(180deg, #000 72%, transparent 100%);
          mask-composite: intersect;
}
.a3 .a3-cap { position: relative; z-index: 1; padding: 72px 0 132px; grid-template-columns: minmax(0, 1.5fr) minmax(0, .5fr); gap: 32px; align-items: start; }
.a3 .a3-cap h1 { font: 800 clamp(36px, 4.2vw, 54px)/1.06 var(--m-font); letter-spacing: -.035em; color: var(--em-bleumarin); text-wrap: balance; }
.a3 .a3-cap h1 > span { display: block; }
.a3 .a3-cap h1 .a3-accent { margin-top: 4px; }
.a3 .a3-sub { margin-top: 18px; max-width: 30em; font-size: 19px; line-height: 1.5; color: var(--em-text); }
/* căutarea din erou: ce cauți, unde, și butonul cu numărul viu de studiouri */
.a3-cauta-erou {
  margin-top: 30px; max-width: 660px; padding: 12px; display: flex; flex-direction: column; gap: 10px; background: #fff; border-radius: 22px;
  border: 1px solid #e6eaf3; box-shadow: 0 24px 60px rgba(30, 50, 120, .14), 0 2px 6px rgba(13, 26, 58, .04);
}
.a3 .a3-cauta-erou .a3-text { height: 60px; border: 1.5px solid #e3e7f1; border-style: solid; background: #f6f8fd; }
.a3 .a3-cauta-erou .a3-text:focus-within { background: #fff; border-color: var(--em-albastru); }
.a3 .a3-cauta-erou .a3-inteles { margin: 0; padding: 0 6px; }
.a3-cauta-erou-jos { display: flex; align-items: center; gap: 8px; }
.a3 .a3-cauta-erou .a3-unde { flex: 1; min-width: 0; }
.a3 .a3-cauta-erou .a3-langa, .a3 .a3-cauta-erou .a3-select select { height: 50px; font-size: 15px; }
.a3 .a3-cauta-erou .a3-geo { margin: 0; padding: 0 6px; }
.a3-arata {
  flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 50px; padding: 0 26px; border: 0; border-radius: 999px;
  background: var(--em-gradient); color: #fff; font: 800 15.5px/1 var(--m-font); white-space: nowrap; cursor: pointer;
  box-shadow: 0 0 0 5px rgba(85, 70, 232, .12), 0 10px 24px rgba(60, 80, 230, .32); transition: transform .15s ease, box-shadow .15s ease;
}
.a3-arata:hover { transform: translateY(-1px); box-shadow: 0 0 0 7px rgba(85, 70, 232, .14), 0 14px 30px rgba(60, 80, 230, .38); }
.a3-arata:active { transform: translateY(1px); }

/* bula de pe fotografie, cu numărul viu de studiouri */
.a3 .a3-eticheta {
  justify-self: end; align-self: end; margin: 0 0 24px; height: auto; max-width: 230px; padding: 14px 16px; border: 0; border-radius: 16px;
  display: flex; flex-direction: column; gap: 6px; background: #fff; box-shadow: var(--em-umbra);
  font: 500 12.5px/1.45 var(--m-font); color: var(--em-text); animation: a3-pluteste 6s ease-in-out infinite;
}
.a3-eticheta-sus { display: flex; align-items: center; gap: 8px; }
.a3-eticheta-sus b { font: 800 13.5px/1.3 var(--m-font); color: var(--em-bleumarin); }
@keyframes a3-pluteste { 50% { transform: translateY(-6px); } }

/* ---------- cele trei intrări rapide (cardurile pastel care încalecă fotografia) */
.a3-intrari {
  position: relative; z-index: 2; max-width: var(--lat); margin: -96px auto 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
}
.a3-intrare {
  display: grid; grid-template-columns: 76px minmax(0, 1fr) 38px; align-items: center; gap: 16px; padding: 18px 18px 18px 14px; border-radius: 18px;
  border: 1px solid rgba(13, 26, 58, .06); box-shadow: var(--em-umbra); text-align: left; font-family: var(--m-font); color: var(--em-bleumarin);
  cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;
}
.a3-intrare:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(13, 26, 58, .12); }
.a3-intrare.albastru { background: var(--em-pastel-albastru); }
.a3-intrare.crem { background: var(--em-pastel-crem); }
.a3-intrare.verde { background: var(--em-pastel-verde); }
.a3-intrare-foto { width: 76px; height: 76px; border-radius: 50%; background: #dfe4f0 center / cover no-repeat; box-shadow: 0 0 0 4px #fff; }
.a3-intrare-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.a3-intrare-text b { font: 800 20px/1.15 var(--m-font); letter-spacing: -.025em; margin-bottom: 2px; }
.a3-intrare-text span { font: 600 13.5px/1.35 var(--m-font); }
.a3-intrare-text small { font: 500 12.5px/1.35 var(--m-font); color: var(--em-slab); }
.a3-intrare-sageata {
  width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #fff; font-weight: 700;
  box-shadow: 0 2px 8px rgba(13, 26, 58, .1); transition: transform .2s ease;
}
.a3-intrare:hover .a3-intrare-sageata { transform: translateX(3px); }

/* ---------- rândul de cifre: iconiță în cerc, valoare și text */
.a3 .a3-cifre { max-width: var(--lat); margin: 0 auto; padding: 32px 0 40px; background: none; border: 0; }
.a3 .a3-cifre-lista { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.a3 .a3-cifra { flex-direction: row; align-items: center; gap: 12px; padding: 0; background: none; border: 0; border-radius: 0; }
a.a3-cifra:hover { box-shadow: none; }
.a3-cifra-icon { flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: #f1f3f8; color: var(--em-bleumarin); }
.a3-cifra-icon svg { width: 18px; height: 18px; }
.a3-cifra-corp { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.a3 .a3-cifra-v { font: 800 15px/1.2 var(--m-font); letter-spacing: -.01em; }
.a3 .a3-cifra-v small { font-size: 13px; font-weight: 700; color: var(--em-bleumarin); margin-left: 2px; }
.a3 .a3-cifra-t { font-size: 12.5px; line-height: 1.35; color: var(--em-slab); }
a.a3-cifra:hover .a3-cifra-v { color: var(--em-albastru); }

/* ---------- banda cu numele studiourilor */
.a3-banda-studiouri {
  margin-top: 72px; overflow: hidden; padding: 26px 0; background: #f7f8fb; border-block: 1px solid #eef0f5;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.a3-banda-pista { display: flex; width: max-content; animation: a3-curge 70s linear infinite; }
.a3-banda-studiouri:hover .a3-banda-pista { animation-play-state: paused; }
.a3-banda-nume { padding-right: 56px; font: 800 18px/1.2 var(--m-font); letter-spacing: -.02em; color: #a0a8ba; white-space: nowrap; }
@keyframes a3-curge { to { transform: translateX(-50%); } }

/* ---------- supratitlurile și titlurile secțiunilor */
.a3-supratitlu { margin: 0 0 12px; font: 700 11.5px/1 var(--m-font); letter-spacing: .16em; text-transform: uppercase; color: var(--em-albastru); }
.a3-supratitlu.cald { color: var(--em-cald); }
.a3 .a3-sectiune-cap h2, .a3-cautare-cap h2, .a3-incredere-cap h2 { font: 800 clamp(30px, 3.6vw, 44px)/1.1 var(--m-font); letter-spacing: -.035em; color: var(--em-bleumarin); margin: 0; }
.a3 .a3-sectiune { padding-top: 104px; }
.a3 .a3-rez-sub { font-size: 16px; color: var(--em-text); margin-top: 12px; }

/* ---------- căutarea, în panoul cu gradient */
.a3-cautare {
  position: relative; width: calc(100% - 48px); max-width: var(--lat); margin: 104px auto 0; padding: 56px 48px 48px; border-radius: 28px;
  background:
    radial-gradient(circle at 12% 8%, rgba(122, 140, 255, .2), transparent 38%),
    radial-gradient(circle at 92% 0%, rgba(240, 168, 220, .28), transparent 40%),
    radial-gradient(circle at 30% 100%, rgba(150, 175, 255, .18), transparent 45%),
    linear-gradient(180deg, #f4f6fd, #eef1fb);
  border: 1px solid #e6eaf7;
}
.a3-cautare .a3-accent { display: block; }
.a3 .a3-consola { margin-top: 32px; border: 1px solid #e3e7f3; border-radius: 22px; box-shadow: 0 24px 60px rgba(30, 50, 120, .12); }
.a3 .a3-consola-cap { padding: 14px 18px; border-bottom-color: #eef0f6; }
.a3 .a3-taburi { border-radius: 999px; background: #eef1f8; }
.a3 .a3-taburi button { border-radius: 999px; font-weight: 700; }
.a3 .a3-taburi-fundal { border-radius: 999px; }
.a3 .a3-numar-cifra { font-weight: 800; }
.a3 .a3-filtre { padding: 24px 26px; gap: 20px; }
.a3 .a3-text { height: 64px; padding: 0 10px 0 12px; gap: 14px; border-radius: 16px; border: 1.5px dashed #a8b8ee; background: #fbfcff; }
.a3 .a3-text:focus-within { border-style: solid; border-color: var(--em-albastru); background: #fff; }
.a3 .a3-text svg { width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: var(--em-gradient); stroke: #fff; box-shadow: 0 6px 16px rgba(60, 80, 230, .3); }
.a3 .a3-text input { font-size: 16px; font-weight: 500; }
.a3 .a3-rand-titlu { font-weight: 700; }
.a3 .a3-select select, .a3 .a3-langa { border-radius: 999px; }
.a3 .a3-select select { padding-left: 16px; }
.a3 .a3-previzualizare { background: #f6f8fd; border-left-color: #eef0f6; padding: 22px; }
.a3 .a3-prev-cap h2 { font-weight: 800; }
.a3 .a3-mini { border-radius: 14px; border-color: #e8ebf3; box-shadow: 0 4px 14px rgba(13, 26, 58, .05); }
.a3 .a3-mini:hover, .a3 .a3-mini.activ { box-shadow: 0 10px 24px rgba(13, 26, 58, .1); }
.a3 .a3-mini-pret b { font-weight: 800; }
.a3 .a3-buton { border-radius: 999px; font-weight: 700; }
.a3 .a3-buton.principal { background: var(--em-gradient); box-shadow: 0 8px 20px rgba(60, 80, 230, .28); }
.a3 .a3-buton.principal:hover { background: var(--em-gradient); filter: brightness(1.06); }
.a3 .a3-harta-zona, .a3 .a3-harta { border-bottom-left-radius: 22px; }

/* ---------- rezultatele */
.a3-rez-unelte { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.a3-pilula.mica { height: 36px; padding: 0 16px; font-size: 13.5px; border-width: 1.5px; }
.a3-rez-toate { display: flex; justify-content: center; margin-top: 24px; }
.a3-rez-toate .a3-pilula { height: 50px; padding: 0 28px; }
.a3 .a3-rezultate { padding-top: 88px; }
.a3 .card-pz { border-radius: 18px; border-color: #e8ebf3; box-shadow: 0 4px 14px rgba(13, 26, 58, .04); }
.a3 .card-pz:hover { box-shadow: var(--em-umbra); }
.a3 .card-pz h3 { font-weight: 800; letter-spacing: -.01em; }
.a3 .card-pz .motiv { border-radius: 12px; background: #f6f8fd; }
.a3 .buton-compara { border-radius: 999px; }

/* ---------- rezultatele ca în lista „Studiouri” din panou: un rând pe studio, coloanele fișei */
.a3 .a3-grila {
  --a3-col: minmax(220px, 2.2fr) minmax(0, 1.5fr) minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1.15fr) 104px;
  display: flex; flex-direction: column; gap: 0; background: #fff; border: 1px solid #e8ebf3; border-radius: 20px; overflow: hidden;
  box-shadow: 0 4px 14px rgba(13, 26, 58, .04);
}
.a3 .a3-grila > div { display: block; }
.a3 .a3-grila > .a3-rs-cap {
  display: grid; grid-template-columns: var(--a3-col); gap: 16px; padding: 12px 20px; background: #f7f8fb; border-bottom: 1px solid #eef0f5;
  font: 700 11px/1.2 var(--m-font); letter-spacing: .08em; text-transform: uppercase; color: var(--em-slab);
}
.a3 .a3-rs {
  position: relative; display: grid; grid-template-columns: var(--a3-col); gap: 16px; align-items: center; padding: 16px 20px;
  border: 0; border-bottom: 1px solid #eef0f5; border-radius: 0; box-shadow: none; background: #fff; cursor: pointer; transition: background .15s ease;
}
.a3 .a3-grila > div:last-child .a3-rs { border-bottom: 0; }
.a3 .a3-rs:hover { background: #f9faff; box-shadow: none; }
.a3-rs-c { min-width: 0; }
.a3-rs-et { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.a3-rs-v { font-size: 13.5px; line-height: 1.4; color: var(--em-text); overflow-wrap: anywhere; }
.a3-rs-studio { display: flex; align-items: flex-start; gap: 12px; }
.a3-rs-studio .a3-mono { flex-shrink: 0; }
.a3-rs-nume { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.a3 .a3-rs h3 { margin: 0 0 2px; font: 800 15.5px/1.3 var(--m-font); letter-spacing: -.01em; color: var(--em-bleumarin); }
.a3-rs-meta { font-size: 12.5px; line-height: 1.35; color: var(--em-slab); }
.a3-rs-stea { color: var(--em-bleumarin); font-weight: 600; }
.a3-rs-motiv { font-size: 12.5px; line-height: 1.35; color: #0ca678; font-weight: 600; }
.a3-rs-chip {
  display: inline-flex; align-items: center; height: 22px; padding: 0 9px; margin: 0 4px 4px 0; border-radius: 999px;
  background: var(--em-pastel-albastru); color: var(--em-bleumarin); font: 600 12px/1 var(--m-font);
}
.a3-rs-mai { font-size: 12px; font-weight: 600; color: var(--em-slab); }
.a3-rs-gol { color: #b4bacb; }
.a3-rs-rez small, .a3-rs-abon { display: block; font-size: 12px; color: var(--em-slab); }
.a3-rs-reguli .a3-rs-v { display: flex; flex-direction: column; gap: 2px; font-size: 12.5px; }
.a3-rs-lei { font-size: 12.5px; color: var(--em-slab); }
.a3-rs-lei b { font: 800 16px var(--m-font); color: var(--em-bleumarin); }
.a3-rs-pret .etichete { margin: 4px 0 0; }
.a3-rs-act { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.a3 .a3-rs .inima { position: static; }

/* ---------- colecțiile: fotografia sus, panou pastel jos, pastilă bleumarin */
.a3 .a3-colectii { grid-auto-columns: calc((100% - 40px) / 3); gap: 20px; margin: 0 -6px; padding: 6px 6px 32px; }
.a3 .a3-colectie {
  flex-direction: column; align-items: stretch; min-height: 0; border-radius: 20px; color: var(--em-bleumarin); background: var(--em-pastel-albastru);
  box-shadow: var(--em-umbra); transition: transform .2s ease, box-shadow .2s ease;
}
.a3 .a3-colectie:nth-child(3n + 2) { background: var(--em-pastel-crem); }
.a3 .a3-colectie:nth-child(3n) { background: var(--em-pastel-verde); }
.a3 .a3-colectie:hover { transform: translateY(-3px); box-shadow: 0 20px 44px rgba(13, 26, 58, .12); }
.a3 .a3-colectie::before, .a3 .a3-colectie::after { display: none; }
.a3 .a3-colectie img { position: static; height: 230px; flex-shrink: 0; }
.a3 .a3-colectie:hover img { transform: none; }
.a3 .a3-colectie-text { flex: 1; display: flex; flex-direction: column; padding: 22px 22px 24px; }
.a3 .a3-colectie h3 { font: 800 20px/1.2 var(--m-font); letter-spacing: -.025em; }
.a3 .a3-colectie p { margin: 8px 0 20px; font-size: 14px; line-height: 1.5; color: var(--em-text); }
.a3 .a3-colectie-vezi {
  align-self: flex-start; margin-top: auto; display: inline-flex; align-items: center; height: 38px; padding: 0 18px; border-radius: 999px;
  background: var(--em-bleumarin); color: #fff; font: 700 13px/1 var(--m-font);
}

/* ---------- „Cum facem lista”: bandă crem, textul, fotografia în ramă de telefon, lista bifată */
.a3 .a3-incredere { margin-top: 112px; background: var(--em-crem); }
.a3-incredere-interior {
  max-width: var(--lat); margin: 0 auto; padding: 96px 24px; display: grid; grid-template-columns: minmax(0, 1fr) 280px minmax(0, 1fr);
  gap: 56px; align-items: center;
}
.a3 .a3-incredere h2 { margin-bottom: 0; }
.a3 .a3-incredere h2 .a3-accent { display: inline; }
.a3-incredere-cap > p:not(.a3-supratitlu) { margin: 18px 0 0; font-size: 16px; line-height: 1.6; color: var(--em-text); }
.a3-incredere-butoane { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.a3-incredere-foto {
  aspect-ratio: 9 / 18; border-radius: 44px; border: 9px solid #111827; background: #dfe4f0 center / cover no-repeat;
  box-shadow: 0 40px 80px rgba(13, 26, 58, .22), 0 0 0 1px rgba(13, 26, 58, .3);
}
.a3 .a3-incredere-lista { display: flex; flex-direction: column; gap: 26px; grid-template-columns: none; }
.a3 .a3-incredere-lista li { position: relative; padding: 0 0 0 40px; background: none; border: 0; border-radius: 0; }
.a3 .a3-incredere-lista li::before {
  content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%;
  background: var(--em-albastru) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5 10 16.5 18 8'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.a3 .a3-incredere-lista h3 { font: 700 15.5px/1.4 var(--m-font); margin: 0 0 4px; color: var(--em-bleumarin); }
.a3 .a3-incredere-lista p { font-size: 14px; line-height: 1.55; color: var(--em-text); }

/* ---------- ghidul */
.a3 .a3-articole .ac-articol { border-radius: 18px; border-color: #e8ebf3; padding: 24px; }
.a3 .a3-articole .ac-articol:hover { box-shadow: var(--em-umbra); }
.a3 .a3-articole .ac-articol.mare { background: var(--em-pastel-albastru); border-color: transparent; }
.a3 .a3-articole h3 { font-weight: 800; letter-spacing: -.02em; }

/* ---------- subsolul bleumarin */
.a3 .a3-subsol { max-width: none; margin: 112px 0 0; padding: 44px 24px 120px; background: var(--em-bleumarin); border: 0; color: rgba(255, 255, 255, .7); }
.a3-subsol-interior { max-width: var(--lat); margin: 0 auto; }
.a3 .a3-credit a { color: #fff; }

/* ---------- tabletă */
@media (max-width: 1080px) {
  .a3 .a3-grila { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; background: none; border: 0; border-radius: 0; overflow: visible; box-shadow: none; }
  .a3 .a3-grila > div { display: flex; }
  .a3 .a3-grila > .a3-rs-cap { display: none; }
  .a3 .a3-rs, .a3 .a3-grila > div:last-child .a3-rs {
    flex: 1; grid-template-columns: 1fr 1fr; gap: 12px 16px; align-items: start; padding: 16px; border: 1px solid #e8ebf3; border-radius: 18px;
  }
  .a3 .a3-rs:hover { background: #fff; box-shadow: var(--em-umbra); }
  .a3-rs-studio { grid-column: 1 / -1; padding-right: 44px; }
  .a3-rs-et { position: static; width: auto; height: auto; overflow: visible; clip: auto; display: block; margin-bottom: 3px;
              font: 700 10.5px/1.2 var(--m-font); letter-spacing: .07em; text-transform: uppercase; color: var(--em-slab); }
  .a3-rs-reguli { grid-column: 1 / -1; }
  .a3-rs-pret { grid-column: 1; align-self: stretch; padding-top: 12px; border-top: 1px solid #eef0f5; }
  .a3-rs-act { grid-column: 2; align-self: stretch; justify-content: flex-end; padding-top: 12px; border-top: 1px solid #eef0f5; }
  .a3 .a3-rs .inima { position: absolute; top: 12px; right: 12px; }
  .a3 .a3-nav { display: none; }
  .a3-intrare { grid-template-columns: 60px minmax(0, 1fr) 32px; gap: 12px; }
  .a3-intrare-foto { width: 60px; height: 60px; }
  .a3-intrare-sageata { width: 32px; height: 32px; }
  .a3 .a3-cifre-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .a3 .a3-colectii { grid-auto-columns: calc((100% - 20px) / 2); }
  .a3-incredere-interior { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .a3-incredere-foto { display: none; }
}

/* ---------- telefon */
@media (max-width: 860px) {
  html { scroll-padding-top: 72px; }
  .a3-antet-banda { padding: 0 16px; }
  .a3 .a3-antet { height: 64px; gap: 10px; }
  .a3-semn-icon { width: 28px; height: 28px; }
  .a3-semn-text { font-size: 20px; }
  .a3-antet-butoane { gap: 8px; }
  .a3-antet-butoane .a3-pilula.contur { display: none; }
  .a3-antet-butoane .a3-pilula { height: 38px; padding: 0 14px; font-size: 13px; }
  .a3 .a3-salvate { width: 38px; height: 38px; margin-left: 0; }

  .a3 .a3-erou { padding: 0 16px; }
  .a3 .a3-foto {
    display: block; position: relative; width: calc(100% + 32px); height: 170px; margin: 0 -16px;
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent 100%); mask-image: linear-gradient(180deg, #000 60%, transparent 100%);
  }
  .a3 .a3-cap { position: static; grid-template-columns: 1fr; padding: 0 0 28px; margin-top: -36px; }
  .a3 .a3-cap h1 { font-size: clamp(28px, 8vw, 36px); }
  .a3 .a3-sub { font-size: 15.5px; margin-top: 10px; }
  .a3 .a3-eticheta { display: none; }   /* numărul e pe butonul căutării */
  .a3-cauta-erou { margin-top: 20px; padding: 10px; border-radius: 20px; }
  .a3 .a3-cauta-erou .a3-text { height: 56px; }
  .a3-cauta-erou-jos { flex-wrap: wrap; }
  .a3 .a3-cauta-erou .a3-unde { flex-basis: 100%; }
  .a3 .a3-cauta-erou .a3-langa, .a3 .a3-cauta-erou .a3-select select { height: 46px; }
  .a3-arata { width: 100%; height: 52px; }
  /* țintele de atins: cel puțin 40px pe telefon */
  .a3 .pastila { height: 40px; min-height: 40px; }
  .a3 .inima { width: 40px; height: 40px; top: 8px; right: 8px; }
  .a3 .buton-compara { height: 40px; min-height: 40px; padding: 0 16px; }
  .a3 .a3-filtre-jos .a3-link { padding: 11px 0; }
  .a3-rez-unelte { flex-wrap: wrap; }
  .a3 .a3-grila { grid-template-columns: 1fr; }
  .a3-rez-unelte .a3-ordine { flex: 1; }

  .a3-intrari {
    margin: 0 -16px; padding: 4px 16px 14px; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; gap: 10px;
    overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; scrollbar-width: none;
  }
  .a3-intrari::-webkit-scrollbar { display: none; }
  .a3-intrare { scroll-snap-align: start; grid-template-columns: 52px minmax(0, 1fr) 30px; gap: 12px; padding: 10px 12px 10px 10px; }
  .a3-intrare-foto { width: 52px; height: 52px; }
  .a3-intrare-sageata { width: 30px; height: 30px; }
  .a3-intrare-text b { font-size: 17px; }
  .a3-intrare-text small { display: none; }
  .a3 .a3-cifre { padding: 28px 0 32px; }
  .a3 .a3-cifre-lista { grid-template-columns: 1fr 1fr; gap: 16px 12px; }

  .a3-banda-studiouri { padding: 18px 0; }
  .a3-banda-nume { font-size: 15px; padding-right: 36px; }

  .a3-cautare { width: calc(100% - 20px); margin-top: 64px; padding: 32px 10px 10px; border-radius: 22px; }
  .a3-cautare-cap { padding: 0 8px; }
  .a3 .a3-consola { margin-top: 22px; border-radius: 16px; }
  .a3 .a3-filtre { padding: 16px 14px 6px; }
  .a3 .a3-text { height: 58px; }
  .a3 .a3-text svg { width: 36px; height: 36px; padding: 9px; }

  .a3 .a3-sectiune { padding-top: 64px; }
  .a3 .a3-cta { gap: 6px; }
  .a3 .a3-cta .a3-buton { font-size: 14px; padding: 0 12px; min-width: 0; }
  .a3 .a3-colectii { grid-auto-columns: 82%; margin: 0 -16px; padding: 6px 16px 28px; scroll-padding-inline: 16px; }
  .a3 .a3-colectie img { height: 190px; }
  .a3 .a3-incredere { margin-top: 72px; }
  .a3-incredere-interior { grid-template-columns: 1fr; padding: 64px 16px; gap: 36px; }
  .a3 .a3-subsol { margin-top: 72px; padding: 32px 16px 120px; }
}

/* pe ecranele înguste, butonul din antet lasă loc semnului (eroul are oricum butonul mare) */
@media (max-width: 480px) {
  .a3-antet-butoane .a3-pilula { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .a3-banda-pista, .a3 .a3-eticheta { animation: none; }
  .a3-semn-icon { transition: none; }
}