/* ==========================================================================
   PIAȚA STOMATOLOGICĂ — PAGINA DE DETALIU ANUNȚ
   --------------------------------------------------------------------------
   Sursa: Figma „Anunt Page" 439:7575 · docs/design/spec-detaliu-anunt.md
   Încărcat prin @section Styles din Views/Anunt/Detalii.cshtml.

   REGULI RESPECTATE
     - exclusiv tokeni var(--ps-*) din design-tokens.css: nicio culoare, nicio
       dimensiune tipografică și niciun radius scris direct;
     - modificatorii sunt în ROMÂNĂ, ca în restul sistemului
       (--promovat, --expirat, --curent, is-activa, is-favorit);
     - nicio lățime fixă în afară de coloana dreaptă (340px, token
       --ps-content-340) și de iconițe: coloana stângă este fluidă, altfel
       grid-ul nu se comportă corect sub 1280px (spec §6.2).

   CUPRINS
     1. Bara verde de pagină + breadcrumb
     2. Cadrul central și cele două coloane
     3. Antetul anunțului (logo + titlu + preț)
     4. Acțiuni (aplică, contact, favorite, distribuie)
     5. Secțiuni de conținut
     6. Galerie și video
     7. Coloana dreaptă: firmă, card contact, statistici
     8. Raportare
     9. Anunțuri asemănătoare
    10. Responsive
   ========================================================================== */


/* ==========================================================================
   1. BARA VERDE DE PAGINĂ + BREADCRUMB   (spec §3.1–§3.3)
   --------------------------------------------------------------------------
   Panoul în sine vine din layout.css §6; aici doar conținutul lui.
   ========================================================================== */

.ps-bara-pagina__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--ps-pagebar-h);               /* 70px  [FIGMA] */
  max-width: var(--ps-container);
  margin-inline: auto;
  padding-inline: var(--ps-space-50);
}

.ps-bara-pagina__titlu {
  margin: 0;
  padding: var(--ps-space-10);
  font: var(--ps-type-pagebar);                  /* 24/400  [FIGMA: 22/400] */
  color: var(--ps-text-inverse);
  text-align: center;
}

.ps-bara-pagina__inapoi {
  position: absolute;
  left: var(--ps-space-50);
  display: inline-flex;
  align-items: center;
  gap: var(--ps-space-15);
  color: var(--ps-text-inverse);
  font: var(--ps-type-body-medium);
  text-decoration: none;
}

.ps-bara-pagina__inapoi-icon {
  display: grid;
  place-items: center;
  width: var(--ps-space-30);
  height: var(--ps-space-30);
  border: var(--ps-border-width) solid var(--ps-text-inverse);
  border-radius: var(--ps-radius-8);
  transition: background-color .15s ease;
}

.ps-bara-pagina__inapoi:hover .ps-bara-pagina__inapoi-icon { background: var(--ps-overlay-light); }
.ps-bara-pagina__inapoi:hover .ps-bara-pagina__inapoi-text { text-decoration: underline; }
.ps-bara-pagina__inapoi:active { transform: translateX(-2px); }
.ps-bara-pagina__inapoi:focus-visible {
  outline: 2px solid var(--ps-text-inverse);
  outline-offset: 2px;
  border-radius: var(--ps-radius-3);
}

.ps-breadcrumb {
  max-width: var(--ps-container-md);
  margin-inline: auto;
  padding: var(--ps-space-10) var(--ps-gutter) 0;
}

.ps-breadcrumb__lista {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ps-breadcrumb__item { display: inline-flex; align-items: center; }

.ps-breadcrumb__separator {
  display: grid;
  place-items: center;
  color: var(--ps-text-breadcrumb);
}

.ps-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  padding-block: var(--ps-space-10);
  font: var(--ps-type-label);                    /* 14/600  [FIGMA] */
  color: var(--ps-text-breadcrumb);              /* #A59E9E  [FIGMA] */
  text-decoration: none;
}

a.ps-breadcrumb__link:hover { text-decoration: underline; }
a.ps-breadcrumb__link:focus-visible {
  outline: 2px solid var(--ps-green-link);
  outline-offset: 2px;
  border-radius: var(--ps-radius-3);
}

.ps-breadcrumb__link--curent { color: var(--ps-green-link); }   /* var(--ps-c-green-600)  [FIGMA] */


/* ==========================================================================
   2. CADRUL CENTRAL ȘI CELE DOUĂ COLOANE   (spec §1.2, §3.4)
   ========================================================================== */

.ps-anunt { padding-block: 0 var(--ps-space-60); }

.ps-anunt__container {
  max-width: var(--ps-container-md);             /* 1200px  [FIGMA] */
  margin-inline: auto;
  padding-inline: var(--ps-gutter);
}

.ps-anunt__cadru {
  margin-top: var(--ps-space-20);
  padding: var(--ps-space-50) var(--ps-space-70);
  background: var(--ps-surface);
  border: var(--ps-border-width) solid var(--ps-border);
  border-radius: var(--ps-radius-card);
}

.ps-anunt__coloane {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--ps-content-340);
  column-gap: var(--ps-space-60);
  row-gap: var(--ps-space-40);
  align-items: start;
}

.ps-anunt__principal { min-width: 0; }

.ps-anunt__lateral {
  display: flex;
  flex-direction: column;
  gap: var(--ps-gutter);
  min-width: 0;
}

.ps-anunt__separator {
  height: var(--ps-border-width);
  margin-block: var(--ps-space-30);
  border: 0;
  background: var(--ps-border);
}


/* ==========================================================================
   3. ANTETUL ANUNȚULUI   (spec §3.5)
   ========================================================================== */

.ps-anunt-antet {
  display: flex;
  align-items: flex-start;
  gap: var(--ps-space-50);
}

.ps-anunt-antet__logo {
  flex: none;
  width: 150px;
  height: 150px;
  border-radius: var(--ps-radius-full);
  object-fit: contain;
  background: var(--ps-surface);
  border: var(--ps-border-width) solid var(--ps-border-soft);
}

.ps-anunt-antet__text {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-5);
  min-width: 0;
}

.ps-anunt-antet__titlu {
  margin: 0;
  font: var(--ps-type-h2);                       /* 24/500  [FIGMA] */
  color: var(--ps-text);                         /* #333333  [FIGMA] */
  overflow-wrap: anywhere;
}

.ps-anunt-antet__pret {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--ps-space-10);
  margin: 0;
  font: var(--ps-type-price);                    /* 30/600  [FIGMA] */
  color: var(--ps-text-ui);                      /* #515151  [FIGMA] */
  text-transform: uppercase;
}

.ps-anunt-antet__negociabil {
  font: var(--ps-type-small);
  color: var(--ps-text-faint-aa);
  text-transform: none;
}

.ps-anunt-antet__pret-absent {
  font: var(--ps-type-lead);
  color: var(--ps-text-faint-aa);
  text-transform: none;
}

.ps-anunt-antet__etichete {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ps-space-10);
  margin: 0;
}

.ps-anunt-antet__etichete:empty { display: none; }


/* ==========================================================================
   4. ACȚIUNI   (spec §3.6)
   ========================================================================== */

.ps-anunt-actiuni {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--ps-space-20);
  margin-top: var(--ps-space-30);
}

.ps-anunt-actiuni:empty { display: none; }

/* Butonul de favorit vine din ViewComponent-ul partajat („ps-favorit"): aici se aliniază doar. */
.ps-anunt-actiuni__iconite {
  display: flex;
  align-items: center;
  gap: var(--ps-space-20);
  margin-left: auto;
}

/* valoarea dezvăluită înlocuiește eticheta butonului */
.ps-anunt-actiuni__eticheta { min-width: 0; }

/* „Ai aplicat deja la acest job" ia locul butonului „Aplică" */
.ps-anunt-actiuni__aplicat {
  display: inline-flex;
  align-items: center;
  gap: var(--ps-space-10);
  margin: 0;
  padding: var(--ps-space-10) var(--ps-space-20);
  border-radius: var(--ps-radius-pill);
  background: var(--ps-success-bg);
  color: var(--ps-success);
  font: var(--ps-type-btn);
}

/* Bara fixă de pe telefon: ascunsă pe ecranele mari, unde acțiunile sunt în pagină. */
.ps-anunt-bara-mobila { display: none; }

.ps-anunt-bara-mobila__actiune {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ps-space-10);
  min-height: 48px;
  padding: var(--ps-space-10) var(--ps-space-15);
  border-radius: var(--ps-radius-pill);
  border: var(--ps-border-width) solid var(--ps-primary);
  color: var(--ps-primary-active);
  background: var(--ps-surface);
  font: var(--ps-type-btn);
  text-decoration: none;
}

.ps-anunt-bara-mobila__actiune--principala {
  background: var(--ps-primary);
  color: var(--ps-primary-contrast);
}


/* ==========================================================================
   5. SECȚIUNI DE CONȚINUT   (spec §3.7–§3.8)
   ========================================================================== */

.ps-anunt-sectiune { margin-top: var(--ps-space-40); }

.ps-anunt-sectiune__titlu {
  display: flex;
  align-items: center;
  gap: var(--ps-space-10);
  margin: 0 0 var(--ps-space-20);
  padding-block: var(--ps-space-10);
  font: var(--ps-type-btn);                      /* 13/500  [FIGMA] */
  color: var(--ps-text-ui);
  text-transform: uppercase;
  border-block: var(--ps-border-width) solid var(--ps-border);
}

.ps-anunt-continut {
  font: var(--ps-type-small);                    /* 13/400  [FIGMA] */
  line-height: var(--ps-lh-body);
  color: var(--ps-text-ui);
  overflow-wrap: anywhere;
  /* Textul este stocat cu newline-uri, nu cu <p>: pre-wrap reproduce aspectul
     din machetă fără să transforme conținutul la salvare. */
  white-space: pre-wrap;
}

.ps-anunt-continut p { margin: 0 0 var(--ps-space-10); }
.ps-anunt-continut ul,
.ps-anunt-continut ol { margin: 0 0 var(--ps-space-10); padding-left: var(--ps-space-20); }
.ps-anunt-continut a { color: var(--ps-secondary-strong); }

.ps-anunt-interviu {
  margin: 0;
  padding-left: var(--ps-space-20);
  font: var(--ps-type-small);
  line-height: var(--ps-lh-body);
  color: var(--ps-text-ui);
}

.ps-anunt-interviu__item { margin-bottom: var(--ps-space-10); }
.ps-anunt-interviu__text { color: var(--ps-text); }

/* documentele atașate: câte un rând cu iconiță, nume, tip și acțiune (deschide / descarcă) */
.ps-anunt-documente {
  display: grid;
  gap: var(--ps-space-6);
  margin: 0;
  padding: 0;
  list-style: none;
}
.ps-anunt-documente__link {
  display: flex;
  align-items: center;
  gap: var(--ps-space-10);
  padding: var(--ps-space-6) var(--ps-space-15) var(--ps-space-6) var(--ps-space-6);
  border: var(--ps-border-width) solid var(--ps-border-soft);
  border-radius: var(--ps-radius-panel);
  background: var(--ps-surface);
  color: var(--ps-text);
  text-decoration: none;
  transition: border-color var(--ps-duration) var(--ps-ease), background-color var(--ps-duration) var(--ps-ease);
}
.ps-anunt-documente__link:hover {
  border-color: rgb(var(--ps-rgb-green-500) / .35);
  background: var(--ps-bg-warm);
}
.ps-anunt-documente__iconita {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 44px;
  block-size: 44px;
  border-radius: var(--ps-radius-control);
  background: var(--ps-bg-warm);
  color: var(--ps-icon-nav);
}
.ps-anunt-documente__nume {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--ps-fw-medium);
}
.ps-anunt-documente__tip {
  padding: 2px var(--ps-space-6);
  border-radius: var(--ps-radius-control);
  background: var(--ps-bg-warm);
  color: var(--ps-text-ui);
  font-size: var(--ps-fs-12);
  font-weight: var(--ps-fw-semibold);
}
.ps-anunt-documente__actiune { color: var(--ps-green-link); }

/* variantele de răspuns ale întrebărilor cu alegere, ca etichete mici sub text */
.ps-anunt-interviu__variante {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ps-space-5);
  margin: var(--ps-space-5) 0 0;
  padding: 0;
  list-style: none;
}
.ps-anunt-interviu__variante > li {
  padding: 2px var(--ps-space-10);
  border: var(--ps-border-width) solid var(--ps-border-soft);
  border-radius: var(--ps-radius-full);
  background: var(--ps-bg-warm);
  color: var(--ps-text-ui);
  font-size: var(--ps-fs-13);
}


/* ==========================================================================
   6. GALERIE ȘI VIDEO
   --------------------------------------------------------------------------
   Fără JavaScript: toate imaginile sunt vizibile, una sub alta, cu scroll.
   Cu JavaScript: `.is-interactiva` comută pe „o imagine odată" și scoate
   butoanele din ascundere. Nimic nu depinde de JS pentru a fi accesibil.
   ========================================================================== */

.ps-galerie {
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-10);
}

.ps-galerie__scena {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--ps-space-10);
  max-height: 70vh;
  overflow-y: auto;
  border-radius: var(--ps-radius-card);
  background: var(--ps-surface-alt);
}

.ps-galerie__item { margin: 0; }

.ps-galerie__imagine {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--ps-radius-card);
  object-fit: contain;
}

.ps-galerie__navigare { display: none; }

/* --- varianta îmbunătățită de JS --------------------------------------- */

.ps-galerie.is-interactiva .ps-galerie__scena {
  max-height: none;
  overflow: visible;
  aspect-ratio: 4 / 3;
}

.ps-galerie.is-interactiva .ps-galerie__item { display: none; height: 100%; }
.ps-galerie.is-interactiva .ps-galerie__item.is-activa { display: block; }
.ps-galerie.is-interactiva .ps-galerie__imagine { height: 100%; }

.ps-galerie.is-interactiva .ps-galerie__navigare {
  position: absolute;
  top: 50%;
  display: grid;
  place-items: center;
  width: var(--ps-control-h);
  height: var(--ps-control-h);
  padding: 0;
  transform: translateY(-50%);
  background: var(--ps-surface);
  border: var(--ps-border-width) solid var(--ps-border);
  border-radius: var(--ps-radius-full);
  color: var(--ps-icon-nav);
  box-shadow: var(--ps-shadow-card);
  cursor: pointer;
}

.ps-galerie.is-interactiva .ps-galerie__navigare--inapoi { left: var(--ps-space-10); }
.ps-galerie.is-interactiva .ps-galerie__navigare--inainte { right: var(--ps-space-10); }
.ps-galerie__navigare:hover { color: var(--ps-green-action); }
.ps-galerie__navigare:focus-visible { outline: 2px solid var(--ps-green-action); outline-offset: 2px; }
.ps-galerie__navigare[disabled] { opacity: .4; cursor: not-allowed; }

.ps-galerie__miniaturi {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ps-space-10);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ps-galerie__miniatura-item { display: flex; }

.ps-galerie__miniatura {
  padding: 0;
  background: none;
  border: 2px solid transparent;
  border-radius: var(--ps-radius-8);
  cursor: pointer;
  line-height: 0;
}

.ps-galerie__miniatura img {
  width: 72px;
  height: 56px;
  object-fit: cover;
  border-radius: var(--ps-radius-5);
}

.ps-galerie__miniatura.is-activa { border-color: var(--ps-green-action); }
.ps-galerie__miniatura:focus-visible { outline: 2px solid var(--ps-green-action); outline-offset: 2px; }

.ps-anunt-video {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--ps-radius-card);
  background: var(--ps-c-black);
}

.ps-anunt-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* ==========================================================================
   7. COLOANA DREAPTĂ   (spec §3.9–§3.11)
   ========================================================================== */

.ps-anunt-firma {
  display: block;
  margin: 0;
  font: var(--ps-type-h2);                       /* 24/400-500  [FIGMA] */
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  overflow-wrap: anywhere;
  background-image: var(--ps-gradient-firma);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
  .ps-anunt-firma { background-image: none; color: var(--ps-secondary-strong); }
}

a.ps-anunt-firma:hover { filter: brightness(1.1); text-decoration: underline; }
a.ps-anunt-firma:focus-visible { outline: 2px solid var(--ps-secondary-strong); outline-offset: 2px; }

.ps-card-contact {
  padding: var(--ps-space-10);
  background: var(--ps-surface);
  border-radius: var(--ps-radius-card);
  box-shadow: var(--ps-shadow-card);
}

.ps-card-contact__lista {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ps-card-contact__rand {
  display: flex;
  align-items: center;
  gap: var(--ps-space-20);
  min-height: var(--ps-space-40);
  padding: var(--ps-space-10) 0 var(--ps-space-10) var(--ps-space-20);
  font: var(--ps-type-body);
  color: var(--ps-text-ui);
  overflow-wrap: anywhere;
}

.ps-card-contact__rand--verificat {
  color: var(--ps-c-green-verified);             /* var(--ps-c-green-verified)  [FIGMA] */
  font: var(--ps-type-body-medium);
}

.ps-card-contact__rand--actiune { font: var(--ps-type-label); }

.ps-card-contact__buton {
  display: flex;
  align-items: center;
  gap: var(--ps-space-20);
  width: 100%;
  padding: 0;
  background: none;
  border: 0;
  border-radius: var(--ps-radius-5);
  font: inherit;
  color: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.ps-card-contact__rand:has(.ps-card-contact__buton:hover) { background: var(--ps-info-bg); }
.ps-card-contact__buton:focus-visible {
  outline: 2px solid var(--ps-secondary-strong);
  outline-offset: 2px;
}

.ps-card-contact__rand--link {
  gap: var(--ps-space-15);
  min-height: 46px;
  color: var(--ps-secondary-strong);             /* #0086C3  [FIGMA] */
}

.ps-card-contact__rand--link .ps-card-contact__buton { justify-content: space-between; }
.ps-card-contact__chevron { margin-left: auto; }

/* după dezvăluirea telefonului / e-mailului */
.ps-card-contact__buton.is-dezvaluit .ps-card-contact__valoare {
  font-weight: var(--ps-fw-semibold);
  color: var(--ps-text);
}

.ps-anunt-statistici {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ps-anunt-statistici__rand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--ps-space-10);
  width: 100%;
  margin: 0;
  padding: var(--ps-space-10) var(--ps-space-20);
  font: var(--ps-type-body);
  color: var(--ps-text-ui);
  text-align: center;
}

.ps-anunt-statistici__rand--principal { font: var(--ps-type-label); }
.ps-anunt-statistici__rand--expirat { color: var(--ps-danger); }

/* Mai are cel mult 3 zile (Anunt.aspx: data cu roșu). */
.ps-anunt-statistici__rand--urgent {
  color: var(--ps-danger);
  font-weight: var(--ps-fw-semibold);
}

/* „Vezi anunțuri asemănătoare": lista filtrată, sub date. */
.ps-anunt-asemanatoare-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--ps-space-10);
  margin: var(--ps-space-10) 0 0;
  padding: var(--ps-space-10) var(--ps-space-20);
  font: var(--ps-type-label);
  color: var(--ps-secondary-strong);
  text-decoration: none;
}

.ps-anunt-asemanatoare-link:hover { text-decoration: underline; }
.ps-anunt-asemanatoare-link:focus-visible {
  outline: 2px solid var(--ps-secondary-strong);
  outline-offset: 2px;
  border-radius: var(--ps-radius-5);
}

/* Îndemnul de dinaintea expirării (BAnunturi.ToStringIncitare). */
.ps-anunt-incitare {
  display: flex;
  align-items: center;
  gap: var(--ps-space-10);
  margin: var(--ps-space-20) 0 0;
  font: var(--ps-type-label);
  color: var(--ps-danger);
}

/* „Administrează-ți anunțul", doar pentru proprietar. */
.ps-anunt-administrare { margin: var(--ps-space-30) 0 0; }


/* --------------------------------------------------------------------------
   Bannerele Fundației iStoma (Anunt.aspx panelReclama2 / panelReclamaBanner)
   -------------------------------------------------------------------------- */

.ps-anunt-reclama { margin-top: var(--ps-space-20); }

.ps-anunt-reclama__link {
  display: block;
  border-radius: var(--ps-radius-card);
  overflow: hidden;
  line-height: 0;
}

.ps-anunt-reclama__link img {
  display: block;
  width: 100%;
  height: auto;
}

.ps-anunt-reclama__link:focus-visible {
  outline: 2px solid var(--ps-secondary-strong);
  outline-offset: 2px;
}

.ps-anunt-reclama--lata { margin-top: var(--ps-space-30); }


/* ==========================================================================
   8. DISTRIBUIRE ȘI RAPORTARE
   ========================================================================== */

/* „Distribuie anunțul” e o secțiune ca celelalte din coloană: fără margine se lipea de butoanele
   „Aplică” / „Trimite mesaj” de deasupra (componenta e comună, deci spațiul se pune doar aici). */
.ps-anunt__principal > .ps-partajare { margin-top: var(--ps-space-40); }

/* Doar intrarea către fluxul de raportare; formularul are pagina lui. */
.ps-anunt-raportare { margin: var(--ps-space-30) 0 0; }

.ps-anunt-raportare__link {
  display: inline-flex;
  align-items: center;
  gap: var(--ps-space-10);
  padding: var(--ps-space-5) 0;
  font: var(--ps-type-small);
  color: var(--ps-text-faint-aa);
  text-decoration: none;
}

.ps-anunt-raportare__link:hover { color: var(--ps-danger); text-decoration: underline; }
.ps-anunt-raportare__link:focus-visible {
  outline: 2px solid var(--ps-danger);
  outline-offset: 2px;
  border-radius: var(--ps-radius-3);
}


/* 9. ANUNȚURI ASEMĂNĂTOARE: în cards.css, pentru că secțiunea apare și sub CV. */


/* ==========================================================================
   10. RESPONSIVE   (spec §1.2 — praguri propuse, nu există în Figma)
   ========================================================================== */

@media (max-width: 1279.98px) {
  .ps-anunt__cadru { padding: var(--ps-space-40); }
  .ps-anunt__coloane { column-gap: var(--ps-space-30); }
}

@media (max-width: 991.98px) {
  .ps-anunt__coloane { grid-template-columns: minmax(0, 1fr); }

  .ps-anunt__lateral {
    width: 100%;
    max-width: var(--ps-content-340);
    margin-inline: auto;
  }

  .ps-anunt__cadru { padding: var(--ps-space-30) var(--ps-gutter); }
}

@media (max-width: 767.98px) {
  .ps-bara-pagina__inner { padding-inline: var(--ps-space-15); }
  .ps-bara-pagina__inapoi { left: var(--ps-space-15); }
  .ps-bara-pagina__inapoi-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

  .ps-breadcrumb { overflow-x: auto; }
  .ps-breadcrumb__lista { flex-wrap: nowrap; white-space: nowrap; }

  .ps-anunt__cadru { padding: var(--ps-space-20) var(--ps-space-15); }

  .ps-anunt-antet { flex-direction: column; align-items: center; text-align: center; }
  .ps-anunt-antet__logo { width: 120px; height: 120px; }
  .ps-anunt-antet__text { align-items: center; }
  .ps-anunt-antet__pret { justify-content: center; }
  .ps-anunt-antet__etichete { justify-content: center; }

  .ps-anunt-actiuni { gap: var(--ps-space-10); }
  .ps-anunt-actiuni__principal,
  .ps-anunt-actiuni__secundar { flex: 1 1 100%; }

  /* Bannerul lat lipsea pe telefon (hidden-xs în Anunt.aspx). */
  .ps-anunt-reclama--lata { display: none; }

  .ps-anunt-bara-mobila {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: var(--ps-z-sticky);
    display: flex;
    gap: var(--ps-space-10);
    padding: var(--ps-space-10) var(--ps-space-15) calc(var(--ps-space-10) + env(safe-area-inset-bottom, 0px));
    background: var(--ps-surface);
    box-shadow: var(--ps-shadow-bar);
  }

  /* spațiu sub conținut, ca bara fixă să nu acopere subsolul */
  .ps-anunt:has(.ps-anunt-bara-mobila) { padding-bottom: 80px; }
}

@media (prefers-reduced-motion: reduce) {
  .ps-bara-pagina__inapoi-icon { transition: none; }
  .ps-bara-pagina__inapoi:active { transform: none; }
}