:root {
  --f-text: var(--wp--preset--font-family--text, "Varela Round",
    "Segoe UI",
    system-ui,
    sans-serif);
  --f-titlu: var(--wp--preset--font-family--titlu, var(--f-text));
  --auriu: var(--wp--preset--color--auriu, #E0C58F);
  --c-soare-1: #C59A4E;
  --c-soare-2: #946A2E;
  --hartie: var(--wp--preset--color--hartie, #FFFFFF);
  --hartie-2: var(--wp--preset--color--hartie-2, #EDF1F7);
  --c-fundal: var(--hartie);
  --c-fundal-2: var(--hartie-2);
  --c-titlu: var(--wp--preset--color--text, #2A2B2F);
  --c-text: var(--wp--preset--color--text, #2A2B2F);
  --c-text-2: var(--wp--preset--color--text-2, #5B5D63);
  --c-accent: var(--wp--preset--color--text, #2A2B2F);
  --c-albastru: var(--wp--preset--color--albastru, #3C4A7D);
  --c-buton: var(--wp--preset--color--text, #2A2B2F);
  --c-pe-buton: #fff;
  --c-actiune: var(--c-albastru);
  --c-pe-actiune: #fff;
  --c-inel: var(--c-albastru);
  --c-sublinie: var(--c-albastru);
  --c-selectie: #D7E6FC;
  --moale: cubic-bezier(.2, .7, .2, 1);
  --c-aur: var(--wp--preset--color--aur, #A07B2A);
  --c-linie: var(--auriu);
  --c-margine: #7A7D83;
  --c-licar: var(--auriu);
  --durata: 5s;
  --faldurile:
    repeating-linear-gradient(
      90deg,
      #fff0 0,
      #fff 22px,
      #fff0 40px,
      color-mix(in srgb, var(--c-text) 14%, transparent) 66px,
      #fff0 90px),
    repeating-linear-gradient(
      90deg,
      #fff0 0,
      color-mix(in srgb, var(--c-text) 9%, transparent) 57px,
      #fff0 131px),
    var(--hartie);
  --perdea-a: .4;
  --val: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 44' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 0H340V8C255 8 255 36 170 36S85 8 0 8Z'/%3E%3Cpath fill='none' stroke='%23E0C58F' stroke-width='1.25' vector-effect='non-scaling-stroke' d='M340 8C255 8 255 36 170 36S85 8 0 8'/%3E%3C/svg%3E");
  --val-peste: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 44' preserveAspectRatio='none'%3E%3Cpath fill='%23EDF1F7' d='M0 44V8C85 8 85 36 170 36S255 8 340 8V44Z'/%3E%3Cpath fill='none' stroke='%23E0C58F' stroke-width='1.25' vector-effect='non-scaling-stroke' d='M0 8C85 8 85 36 170 36S255 8 340 8'/%3E%3C/svg%3E");
  --val-subsol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 110' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23EDF1F7' stroke-width='17'%3E%3Cpath d='M0 26C85 26 85 62 170 62S255 26 340 26'/%3E%3Cpath d='M0 62C85 62 85 98 170 98S255 62 340 62'/%3E%3C/g%3E%3C/svg%3E");
  --forma-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M7 2.5C20 .5 32 4 48 3S78 .5 92 2.5C98 3.5 97.5 9 97 16C96 30 99 40 98.5 54S96.5 80 97.5 90C98 96 94 97.5 88 98C72 99.5 60 96 44 97S18 99.5 9 97.5C3 96 2.5 91 3 84C4 70 1 58 1.5 44S3.5 20 2.5 10C2 5 3.5 3 7 2.5Z'/%3E%3C/svg%3E");
  --forma-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M10 1.5C26 3.5 38 .5 54 2S84 3.5 91 2C97 1 98.5 6 98 13C97 26 99.5 36 98.5 50S97 78 98 88C98.5 96 95 98 89 98.5C74 96.5 62 99.5 46 98S20 96.5 11 98C4 99 1.5 95 2 88C3.5 74 .5 62 1.5 48S3 24 2 12C1.5 5 4 1 10 1.5Z'/%3E%3C/svg%3E");
  --forma-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M6 3C22 1 36 3.5 52 2.5S80 1 93 3C98 4 98.5 8 98.5 14C98.5 28 96.5 38 97.5 52S99 78 98 89C97.5 95 95 97 90 97.5C74 99 58 96.5 42 97.5S16 99.5 7 97C2.5 95.5 1.5 92 1.5 86C2 72 3.5 60 2.5 46S1 22 1.5 11C2 6 3 3.5 6 3Z'/%3E%3C/svg%3E");
}
@property --fx { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --fy { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: var(--f-text);
  font-size: 18px;
  line-height: 1.65;
  background: var(--c-fundal);
}
img {
  display: block;
}
:focus-visible {
  outline: 2px solid var(--c-inel);
  outline-offset: 3px;
}
::selection {
  background: var(--c-selectie);
  color: var(--c-text);
}
.cadru {
  container-type: inline-size;
  margin: 0 auto;
  position: relative;
  background: var(--c-fundal);
  color: var(--c-text);
}
.gol {
  padding-inline: 20px;
}
.h2 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 34px;
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--c-titlu);
}
.sub {
  font-style: italic;
  color: var(--c-albastru);
}
:is(h1, h2, h3, .slogan) {
  text-wrap: balance;
}
.logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
}
.semn {
  flex: none;
  width: 36px;
  height: 36px;
}
.logo .nume {
  display: block;
  width: auto;
  height: 34px;
}
.logo .bloc {
  display: grid;
}
.logo .deviza {
  margin-top: 5px;
  padding-left: 2px;
  font-size: 10.5px;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--c-albastru);
}
.antet .semn {
  width: 46px;
  height: 46px;
}
.antet .logo .bloc {
  justify-items: center;
}
.antet .logo .nume {
  height: 38px;
}
.antet .logo .deviza {
  margin-top: 3px;
  padding: 0;
  font-size: 8.5px;
  letter-spacing: .06em;
}
.antet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 20px;
}
.antet nav {
  display: none;
  gap: 30px;
  font-size: 16px;
}
.antet nav a,
.antet .limba {
  text-decoration: none;
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
}
.antet nav a:hover {
  text-decoration: underline;
}
.antet .limba span {
  color: var(--c-text-2);
}
html {
  scroll-padding-top: 68px;
}
@media (min-width: 900px) {
  html {
    scroll-padding-top: 96px;
  }
}
.antet {
  position: sticky;
  top: 0;
  z-index: 15;
  background: var(--c-fundal);
  transition: box-shadow .2s;
}
.antet.derulat {
  box-shadow: 0 1px 0 var(--c-linie);
}
.erou {
  display: grid;
  padding-bottom: 36px;
}
.poza {
  position: relative;
  height: min(112cqw, 60svh);
  overflow: hidden;
  touch-action: pan-y;
  background: var(--c-fundal-2);
  -webkit-mask-image: linear-gradient(#000 82%, transparent);
  mask-image: linear-gradient(#000 82%, transparent);
}
.poza img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.4s ease, transform 0s 1.4s;
  -webkit-user-drag: none;
}
.poza img.activ {
  opacity: 1;
}
.poza img.curge {
  transform: scale(1.08);
  transition: opacity 1.4s ease, transform calc(var(--durata) + 1.4s) linear;
}
.perdea {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--faldurile);
  opacity: var(--perdea-a);
  -webkit-mask-image:
    radial-gradient(
      ellipse 30% 75% at var(--fx) var(--fy),
      transparent 20%,
      #000 100%);
  mask-image:
    radial-gradient(
      ellipse 30% 75% at var(--fx) var(--fy),
      transparent 20%,
      #000 100%);
  transition: --fx 1.4s ease, --fy 1.4s ease;
}
.perdea.urmareste {
  transition: --fx .9s cubic-bezier(.2, .6, .2, 1), --fy 1.4s ease;
}
.erou .text {
  padding: 18px 20px 0;
}
.slogan {
  font-family: var(--f-titlu);
  font-weight: 400;
  color: var(--c-titlu);
  font-size: min(52px, 13.3cqw);
  line-height: 1.04;
  letter-spacing: -.02em;
}
.erou h1 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 23px;
  line-height: 1.2;
  color: var(--c-text);
  margin-top: 18px;
  max-width: 24ch;
}
.erou .intro {
  margin-top: 16px;
  max-width: 34ch;
  font-size: 17px;
}
.erou .cta {
  display: none;
}
.elemente {
  display: none;
  padding: 8px 20px 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.js .elemente {
  display: flex;
}
.elemente button {
  position: relative;
  font: inherit;
  color: var(--c-text-2);
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.elemente [data-i] {
  width: 28px;
  height: 30px;
}
.elemente [data-i]::before,
.elemente .fir {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background: var(--c-margine);
}
.elemente .fir {
  background: var(--c-albastru);
  transform-origin: left;
  transform: scaleX(0);
}
.elemente [aria-current=true] .fir {
  animation: fir var(--durata) linear forwards;
}
.elemente.oprit .fir {
  animation-play-state: paused;
}
@keyframes fir {
  to {
    transform: scaleX(1);
  }
}
.elemente .pauza {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  margin-left: 4px;
}
.elemente .pauza::before {
  content: "";
  width: 4px;
  height: 10px;
  border-inline: 2px solid currentColor;
}
.elemente .pauza[aria-pressed=true]::before {
  width: 0;
  height: 0;
  border: 0;
  border-left: 9px solid currentColor;
  border-block: 6px solid transparent;
}
.foto {
  --forma: var(--forma-1);
  position: relative;
  overflow: hidden;
  background: var(--c-fundal-2);
  -webkit-mask: var(--forma) center / 100% 100% no-repeat;
  mask: var(--forma) center / 100% 100% no-repeat;
}
.foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:nth-child(3n+2) > .foto,
.banda .foto:nth-child(3n+2) {
  --forma: var(--forma-2);
}
:nth-child(3n) > .foto,
.banda .foto:nth-child(3n) {
  --forma: var(--forma-3);
}
:is(.pasi:not(.pasi-parcurs), .glasuri, .grupe, .pret-pagina, .ateliere, .lista-preturi, .sectiune-articole + .sectiune-articole) {
  position: relative;
}
:is(.pasi:not(.pasi-parcurs), .glasuri, .grupe, .pret-pagina, .ateliere, .lista-preturi, .pentru-cine, .sectiune-articole + .sectiune-articole)::before,
:is(.pasi:not(.pasi-parcurs), .glasuri, .grupe, .pret-pagina, .ateliere, .lista-preturi, .pentru-cine, .sectiune-articole + .sectiune-articole)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 32px;
  background: var(--val) 0 0 / 240px 100% repeat-x;
  pointer-events: none;
}
:is(.pasi:not(.pasi-parcurs), .glasuri, .grupe, .pret-pagina, .ateliere, .lista-preturi, .pentru-cine, .sectiune-articole + .sectiune-articole)::after {
  top: auto;
  bottom: -1px;
  transform: scale(-1);
}
.pentru-cine.gol::before {
  top: auto;
  bottom: calc(100% - 1px);
  background-image: var(--val-peste);
}
@container (min-width: 900px) {
  :is(.pasi:not(.pasi-parcurs), .glasuri, .grupe, .pret-pagina, .ateliere, .lista-preturi, .pentru-cine, .sectiune-articole + .sectiune-articole)::before,
  :is(.pasi:not(.pasi-parcurs), .glasuri, .grupe, .pret-pagina, .ateliere, .lista-preturi, .pentru-cine, .sectiune-articole + .sectiune-articole)::after {
    height: 44px;
    background-size: 340px 100%;
  }
}
.despartitor {
  display: block;
  width: 190px;
  height: auto;
  margin-inline: auto;
}
main .wp-block-post-content > .despartitor {
  margin-top: 56px;
}
.programare .despartitor {
  margin-bottom: 40px;
}
.despartitor + :is(.tarife, .spatiul) {
  padding-top: 48px;
}
@container (min-width: 900px) {
  .despartitor {
    width: 240px;
  }
  main .wp-block-post-content > .despartitor {
    margin-top: 88px;
  }
  .despartitor + :is(.tarife, .spatiul) {
    padding-top: 64px;
  }
}
.pentru-cine {
  position: relative;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 72px;
  background: var(--c-fundal-2);
  text-align: center;
}
.pentru-cine ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 16px;
}
.pentru-cine svg {
  display: block;
  width: 34px;
  height: 34px;
  margin-inline: auto;
  fill: none;
  stroke: var(--c-aur);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pentru-cine h2 {
  margin-top: 6px;
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: var(--c-titlu);
}
.pentru-cine p {
  margin-top: 2px;
  font-size: 15.5px;
  line-height: 1.4;
}
.pentru-cine + .drumuri {
  padding-top: 32px;
}
@container (min-width: 900px) {
  .pentru-cine {
    padding-top: 12px;
    padding-bottom: 80px;
  }
  .pentru-cine ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
  }
  .pentru-cine svg {
    width: 40px;
    height: 40px;
  }
  .pentru-cine h2 {
    margin-top: 10px;
    font-size: 24px;
  }
  .pentru-cine p {
    font-size: 16.5px;
  }
  .pentru-cine + .drumuri {
    padding-top: 40px;
  }
}
.drumuri {
  padding-top: 56px;
  padding-bottom: 24px;
}
.directii {
  padding-top: 40px;
  padding-bottom: 72px;
}
.punte {
  margin-bottom: 28px;
  text-align: center;
}
.punte h2 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--c-titlu);
}
.punte p {
  max-width: 62ch;
  margin: 8px auto 0;
  text-wrap: balance;
}
.usi-mari {
  display: grid;
  gap: 48px;
}
.usi-mici {
  display: grid;
  gap: 24px;
}
.drum {
  text-align: center;
}
.drum .foto {
  aspect-ratio: 10 / 7;
}
.drum h2 {
  margin-top: 22px;
}
.drum p {
  max-width: 40ch;
  margin-inline: auto;
}
.drum .sub {
  margin-top: 8px;
}
.drum .cine {
  margin-top: 6px;
  font-size: 15.5px;
  color: var(--c-text-2);
}
.drum .pret {
  margin-top: 12px;
  color: var(--c-accent);
  font-size: 17px;
}
.drum .leg {
  display: inline-block;
  margin-top: 12px;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.drum.mare .foto {
  margin-inline: -20px;
}
.drum.mare h2 {
  font-size: min(36px, 10cqw);
}
.drum.mic {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  column-gap: 16px;
  align-items: center;
  text-align: left;
}
.drum.mic p {
  margin-inline: 0;
}
.drum.mic h2 {
  margin-top: 0;
  font-size: 26px;
  line-height: 1.12;
}
.drum.mic .sub {
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.4;
}
.drum.mic .cine {
  margin-top: 4px;
  font-size: 14.5px;
}
.drum.mic .pret {
  margin-top: 6px;
  font-size: 15.5px;
}
.drum.mic .leg {
  margin-top: 6px;
  font-size: 16px;
}
.tarife {
  padding-top: 72px;
  padding-bottom: 40px;
  text-align: center;
}
.tarife .intro-t {
  margin: 14px auto 0;
  max-width: 62ch;
}
.alegeri {
  display: grid;
  gap: 12px;
  margin-top: 24px;
  justify-items: center;
}
.indiciu-t {
  font-size: 15.5px;
  color: var(--c-text-2);
}
.file,
.comut {
  display: inline-grid;
  grid-auto-flow: column;
  border: 1px solid var(--c-margine);
  border-radius: 40px;
  padding: 4px;
}
.file button,
.comut button {
  font: inherit;
  font-size: 15.5px;
  padding: 9px 16px;
  border-radius: 40px;
  border: 0;
  background: none;
  color: var(--c-text);
  cursor: pointer;
  white-space: nowrap;
}
.file {
  max-width: 100%;
}
.file button {
  font-size: min(15.5px, 4.1cqw);
  padding-inline: min(16px, 3.2cqw);
}
.file button[aria-selected=true],
.comut button[aria-pressed=true] {
  background: var(--c-buton);
  color: var(--c-pe-buton);
}
.carusel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  gap: 40px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 20px;
  padding: 28px 20px 8px;
  scrollbar-width: none;
}
.carusel[hidden] {
  display: none;
}
.carusel::-webkit-scrollbar {
  display: none;
}
.oferta {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.derulare {
  position: relative;
}
.sageata,
.linii {
  display: none;
}
.js .sageata {
  display: grid;
  place-items: center;
  position: absolute;
  z-index: 1;
  top: calc(28px + (100cqw - 40px) * .375 - 22px);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: color-mix(in srgb, var(--c-fundal) 90%, transparent);
  color: var(--c-titlu);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--c-text) 12%, transparent), 0 6px 16px -6px color-mix(in srgb, var(--c-text) 35%, transparent);
  cursor: pointer;
  transition: opacity .3s;
}
.sageata::before {
  content: "";
  width: 10px;
  height: 10px;
  border: solid currentColor;
  border-width: 2px 2px 0 0;
  transform: translateX(-2px) rotate(45deg);
}
.inapoi {
  left: 30px;
}
.inapoi::before {
  transform: translateX(2px) rotate(-135deg);
}
.inainte {
  right: 30px;
}
.sageata:disabled {
  opacity: 0;
  pointer-events: none;
}
.js .linii {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 14px 20px 0;
}
.linii button {
  position: relative;
  width: 28px;
  height: 30px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.linii button::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background: var(--c-margine);
  transition: background .3s;
}
.linii [aria-current=true]::before {
  background: var(--c-albastru);
}
.oferta .foto {
  aspect-ratio: 4 / 3;
}
.oferta h3 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.12;
  color: var(--c-titlu);
  margin-top: 18px;
}
.oferta .alt-nume {
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.3;
  font-style: italic;
  color: var(--c-albastru);
}
.oferta .desc {
  font-size: 15.5px;
  margin-top: 6px;
  min-height: 3.1em;
}
.oferta .durate {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.oferta .durate button {
  font: inherit;
  font-size: 15px;
  padding: 8px 13px;
  border-radius: 40px;
  border: 1px solid var(--c-margine);
  background: none;
  color: var(--c-text);
  cursor: pointer;
}
.oferta .durate button[aria-pressed=true] {
  background: var(--c-buton);
  border-color: var(--c-buton);
  color: var(--c-pe-buton);
}
.oferta .pret {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: var(--c-accent);
  margin-top: 16px;
}
.oferta .pret .suma {
  font-size: 46px;
}
.oferta .scrie {
  margin-top: auto;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 14px;
  background: var(--c-actiune);
  color: var(--c-pe-actiune);
  border-radius: 999px;
  font-size: 15.5px;
  font-weight: 500;
}
.oferta .pret + .scrie {
  margin-top: 18px;
}
.tarife .nota {
  margin: 26px auto 0;
  font-size: 15px;
  color: var(--c-text-2);
  max-width: 60ch;
}
.tarife .toate {
  display: inline-block;
  margin-top: 10px;
  text-underline-offset: 5px;
}
.pasi {
  padding-top: 72px;
  padding-bottom: 56px;
  background: var(--c-fundal-2);
  text-align: center;
}
.lista-pasi {
  list-style: none;
  margin-top: 30px;
  display: grid;
  gap: 28px;
}
.pas .nr {
  display: block;
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 44px;
  line-height: .9;
  color: var(--c-aur);
}
.pas h3 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 25px;
  line-height: 1.15;
  color: var(--c-titlu);
  margin-top: 8px;
}
.pas p {
  margin: 6px auto 0;
  max-width: 34ch;
}
.unde {
  margin: 40px auto 0;
  max-width: 52ch;
}
.cadrul {
  padding-top: 72px;
  padding-bottom: 56px;
}
.cadrul ul {
  list-style: none;
  margin-top: 26px;
  display: grid;
  gap: 20px;
}
.cadrul li {
  font-family: var(--f-titlu);
  font-size: 23px;
  line-height: 1.3;
  color: var(--c-titlu);
}
.cadrul li small {
  display: block;
  font-family: var(--f-text);
  font-style: normal;
  font-size: 16px;
  line-height: 1.55;
  color: var(--c-text);
  margin-top: 6px;
}
.cadrul .leg {
  display: inline-block;
  margin-top: 22px;
  text-underline-offset: 5px;
}
.spatiul {
  padding-top: 56px;
  padding-bottom: 64px;
  text-align: center;
}
.banda {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 74%;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  margin: 26px -20px 0;
  padding: 0 20px 6px;
  scrollbar-width: none;
}
.banda .foto {
  scroll-snap-align: start;
  aspect-ratio: 3 / 4;
}
.lia {
  padding-top: 56px;
  padding-bottom: 64px;
  display: grid;
  gap: 28px;
}
.lia .foto {
  aspect-ratio: 4 / 5;
  width: 100%;
}
.lia p {
  margin-top: 12px;
  max-width: 52ch;
}
.lia .leg {
  display: inline-block;
  margin-top: 16px;
  text-underline-offset: 5px;
}
.glasuri {
  padding-top: 64px;
  padding-bottom: 72px;
  background: var(--c-fundal-2);
  text-align: center;
}
.glasuri .lista {
  display: grid;
  gap: 36px;
  margin-top: 30px;
}
.glas blockquote {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.35;
  color: var(--c-titlu);
}
.glas p {
  margin-top: 10px;
  font-size: 15.5px;
  color: var(--c-text-2);
}
.programare {
  padding-top: 72px;
  padding-bottom: 80px;
  text-align: center;
}
.programare p {
  max-width: 44ch;
  margin: 14px auto 0;
}
.butoane {
  display: grid;
  gap: 10px;
  max-width: 720px;
  margin: 26px auto 0;
}
.butoane a {
  text-decoration: none;
  text-align: center;
  padding: 15px;
  border-radius: 999px;
  border: 1px solid var(--c-margine);
}
.butoane a:first-child {
  background: var(--c-actiune);
  color: var(--c-pe-actiune);
  border-color: var(--c-actiune);
  font-weight: 500;
}
.date {
  margin-top: 26px;
  font-size: 16px;
  display: grid;
  gap: 4px;
}
.subsol {
  padding-top: 36px;
  padding-bottom: 110px;
  background: var(--val-subsol) 50% 100% / 240px 78px repeat-x;
  font-size: 14.5px;
  display: grid;
  gap: 16px;
  justify-items: center;
  text-align: center;
}
.subsol .semn {
  width: 44px;
  height: 44px;
}
.subsol .logo {
  gap: 11px;
}
.subsol .logo .nume {
  height: 40px;
}
.subsol nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  color: var(--c-text-2);
}
.subsol nav a {
  text-decoration: none;
}
.bara {
  position: sticky;
  bottom: 0;
  z-index: 10;
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 6px;
  padding: 8px;
  background: color-mix(in srgb, var(--c-fundal) 94%, transparent);
  backdrop-filter: blur(6px);
  color: var(--c-text);
}
.bara a {
  text-align: center;
  text-decoration: none;
  padding: 12px 6px;
  font-size: 15px;
  border-radius: 999px;
  border: 1px solid var(--c-margine);
}
.sus {
  position: fixed;
  z-index: 12;
  right: 16px;
  bottom: 78px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--c-fundal) 90%, transparent);
  color: var(--c-titlu);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--c-text) 12%, transparent), 0 6px 16px -6px color-mix(in srgb, var(--c-text) 35%, transparent);
  transition:
    opacity .25s,
    visibility .25s,
    transform .25s var(--moale);
}
.sus::before {
  content: "";
  width: 10px;
  height: 10px;
  border: solid currentColor;
  border-width: 2px 2px 0 0;
  transform: translateY(2px) rotate(-45deg);
}
.js .sus:not(.vizibil) {
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
}
@media (min-width: 920px) {
  .sus {
    right: 28px;
    bottom: 28px;
  }
}
.bara a:first-child {
  background: var(--c-actiune);
  color: var(--c-pe-actiune);
  border-color: var(--c-actiune);
  font-weight: 500;
}
:is(.erou .cta, .oferta .scrie, .buton:not([aria-disabled=true]), .butoane a:first-child, .bara a:first-child, .compune .scrie) {
  box-shadow: 0 1px 2px color-mix(in srgb, var(--c-actiune) 18%, transparent);
  transition: box-shadow .2s var(--moale), transform .12s var(--moale);
}
:is(.butoane a:not(:first-child), .bara a:not(:first-child), .pret-link) {
  transition:
    background-color .2s,
    border-color .2s,
    transform .12s var(--moale);
}
:is(.file button, .comut button, .oferta .durate button, .pastila span) {
  transition:
    background-color .2s,
    color .2s,
    border-color .2s;
}
@media (hover: hover) {
  :is(.erou .cta, .oferta .scrie, .buton:not([aria-disabled=true]), .butoane a:first-child, .bara a:first-child, .compune .scrie):hover {
    box-shadow: inset 0 0 0 99px color-mix(in srgb, var(--c-pe-actiune) 8%, transparent), 0 10px 24px -10px color-mix(in srgb, var(--c-actiune) 55%, transparent);
  }
  :is(.butoane a:not(:first-child), .bara a:not(:first-child)):hover {
    background: var(--c-fundal-2);
    border-color: var(--c-text);
  }
  :is(.file button:not([aria-selected=true]), .comut button:not([aria-pressed=true]), .oferta .durate button:not([aria-pressed=true])):hover {
    background: var(--c-fundal-2);
  }
  .pastila input:not(:checked):hover + span {
    border-color: var(--c-text);
  }
}
:is(.erou .cta, .oferta .scrie, .buton:not([aria-disabled=true]), .butoane a:first-child, .bara a:first-child, .compune .scrie):active {
  transform: scale(.98);
  box-shadow: inset 0 0 0 99px color-mix(in srgb, var(--c-pe-actiune) 14%, transparent);
}
:is(.butoane a:not(:first-child), .bara a:not(:first-child), .cookie-butoane button, .pret-link):active {
  transform: scale(.98);
}
:is(.leg, .text-pagina a, .date-contact a, .intro-sectiune a) {
  text-decoration-color: var(--c-sublinie);
  text-decoration-thickness: 1px;
  text-underline-offset: .24em;
  transition: text-decoration-color .2s;
}
@media (hover: hover) {
  :is(.leg, .text-pagina a, .date-contact a, .intro-sectiune a):hover {
    text-decoration-color: currentColor;
  }
}
@container (min-width: 900px) {
  .gol {
    padding-inline: max(56px, calc((100cqw - 1380px) / 2));
  }
  .h2 {
    font-size: 48px;
  }
  .antet {
    padding: 14px max(56px, calc((100cqw - 1380px) / 2));
  }
  .antet .semn {
    width: 66px;
    height: 66px;
  }
  .antet .logo {
    gap: 12px;
  }
  .antet .logo .nume {
    height: 54px;
  }
  .antet .logo .deviza {
    font-size: 11px;
    letter-spacing: .1em;
  }
  .antet nav {
    display: flex;
  }
  .erou {
    grid-template-columns: minmax(0, 46%) minmax(0, 1fr);
    grid-template-rows: 1fr auto auto 1fr;
    grid-template-areas: ". poza" "text poza" "nav poza" ". poza";
    min-height: clamp(600px, calc(100svh - 96px), 1000px);
    padding-bottom: 0;
  }
  .poza {
    grid-area: poza;
    height: auto;
    -webkit-mask-image:
      linear-gradient(
        90deg,
        transparent,
        #000 18%);
    mask-image:
      linear-gradient(
        90deg,
        transparent,
        #000 18%);
  }
  .erou .text {
    grid-area: text;
    padding: 32px 48px 0 max(56px, calc((100cqw - 1380px) / 2));
  }
  .elemente {
    grid-area: nav;
    padding: 32px 48px 40px max(56px, calc((100cqw - 1380px) / 2));
    gap: 8px;
    justify-content: flex-start;
  }
  .slogan {
    font-size: min(80px, calc((46cqw - max(56px, (100cqw - 1380px) / 2) - 48px) / 6.1));
  }
  .erou h1 {
    font-size: 28px;
    max-width: 26ch;
    margin-top: 24px;
  }
  .erou .intro {
    font-size: 19px;
    max-width: 46ch;
  }
  .erou .cta {
    display: inline-block;
    margin-top: 30px;
    padding: 14px 28px;
    background: var(--c-actiune);
    color: var(--c-pe-actiune);
    text-decoration: none;
    border-radius: 999px;
    font-weight: 500;
  }
  .drumuri {
    padding-top: 96px;
  }
  .directii {
    padding-top: 64px;
    padding-bottom: 96px;
  }
  .punte {
    margin-bottom: 40px;
  }
  .punte h2 {
    font-size: 32px;
  }
  .usi-mari {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 56px;
  }
  .drum.mare {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 6;
  }
  .drum.mare .text-usa {
    display: contents;
  }
  .drum.mare .foto {
    margin: 0;
  }
  .drum.mare h2 {
    align-self: end;
    margin-top: 26px;
    font-size: 32px;
  }
  .drum.mare p {
    max-width: 56ch;
  }
  .drum.mare .leg {
    justify-self: center;
  }
  .drum.mare .sub {
    font-size: 20px;
    line-height: 1.4;
  }
  .drum.mare .cine {
    font-size: 16.5px;
  }
  .usi-mici {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 56px;
  }
  .drum.mic {
    grid-template-columns: 240px minmax(0, 1fr);
    column-gap: 28px;
  }
  .drum.mic h2 {
    font-size: 30px;
  }
  .tarife {
    padding-top: 64px;
  }
  .tarife .intro-t {
    font-size: 19px;
  }
  .alegeri {
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    column-gap: 24px;
    margin-top: 32px;
  }
  .carusel {
    grid-auto-flow: row;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 32px;
    overflow: visible;
    padding: 40px max(56px, calc((100cqw - 1380px) / 2)) 8px;
  }
  .js .sageata,
  .js .linii {
    display: none;
  }
  .oferta {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 6;
  }
  .oferta .scrie,
  .oferta .pret + .scrie {
    margin-top: 18px;
    align-self: start;
  }
  .oferta h3 {
    font-size: 28px;
  }
  .tarife .carusel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .pasi {
    padding-top: 112px;
    padding-bottom: 96px;
  }
  .lista-pasi {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 48px;
    margin-top: 48px;
  }
  .pas .nr {
    font-size: 48px;
  }
  .pas h3 {
    margin-top: 14px;
    font-size: 28px;
  }
  .unde {
    margin-top: 48px;
  }
  .cadrul {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    column-gap: 56px;
    align-items: start;
    padding-top: 112px;
    padding-bottom: 96px;
  }
  .cadrul ul {
    grid-template-columns: 1fr 1fr;
    gap: 32px 56px;
    margin-top: 0;
  }
  .cadrul li {
    font-size: 24px;
  }
  .spatiul {
    padding-top: 48px;
  }
  .banda {
    grid-auto-flow: row;
    grid-template-columns: 1.3fr 1fr 1fr 1fr 1.3fr;
    overflow: visible;
    margin: 40px 0 0;
    padding: 0;
  }
  .banda .foto {
    aspect-ratio: auto;
    height: 460px;
  }
  .lia {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: 72px;
    align-items: center;
    padding-top: 96px;
    padding-bottom: 112px;
  }
  .lia p {
    font-size: 19px;
  }
  .glasuri {
    padding-top: 112px;
    padding-bottom: 112px;
  }
  .glasuri .lista {
    grid-template-columns: repeat(3, 1fr);
    gap: 56px;
    margin-top: 48px;
  }
  .glas blockquote {
    font-size: 23px;
  }
  .programare {
    padding-top: 96px;
    padding-bottom: 112px;
  }
  .butoane {
    grid-template-columns: 1.4fr 1fr 1fr;
    margin-top: 36px;
  }
  .subsol {
    padding-bottom: 140px;
    background-size: 340px 110px;
  }
  .bara {
    display: none;
  }
}
@container (min-width: 1180px) {
  .drum.mare h2 {
    font-size: min(40px, 2.7cqw);
  }
}
@container (min-width: 900px) and (max-width: 1179.98px) {
  .drum.mic {
    grid-template-columns: 160px minmax(0, 1fr);
    column-gap: 20px;
  }
  .drum.mic h2 {
    font-size: 26px;
  }
  .pasi .lista-pasi {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 56px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .poza img.curge {
    transform: none;
  }
  .js .sus:not(.vizibil) {
    transform: none;
  }
  :is(.erou .cta, .oferta .scrie, .buton, .butoane a, .bara a, .compune .scrie, .cookie-butoane button, .pret-link):active {
    transform: none;
  }
}
.antet {
  flex-wrap: wrap;
  column-gap: min(16px, 2.5cqw);
}
.antet .limba {
  margin-left: auto;
}
.ascuns {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.meniu-buton {
  display: none;
  position: relative;
  width: 36px;
  height: 36px;
  margin-right: -8px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--c-titlu);
  cursor: pointer;
}
.js .meniu-buton {
  display: block;
}
.meniu-buton::before,
.meniu-buton::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  top: 11px;
  height: 2px;
  background: currentColor;
}
.meniu-buton::before {
  box-shadow: 0 6px currentColor, 0 12px currentColor;
}
.meniu-buton::after {
  display: none;
}
@container (max-width: 349.98px) {
  .antet .semn {
    width: 38px;
    height: 38px;
  }
  .antet .logo {
    gap: 6px;
  }
  .antet .logo .nume {
    height: 34px;
  }
  .antet .logo .deviza {
    margin-top: 4px;
    font-size: 8px;
    letter-spacing: .04em;
  }
  .antet .limba {
    font-size: 15px;
  }
}
.antet.deschis {
  max-height: 100svh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.antet.deschis .meniu-buton::before {
  top: 17px;
  box-shadow: none;
  transform: rotate(45deg);
}
.antet.deschis .meniu-buton::after {
  display: block;
  top: 17px;
  transform: rotate(-45deg);
}
.antet nav {
  order: 3;
  flex-basis: 100%;
  flex-direction: column;
  gap: 0;
  margin-top: 12px;
}
.antet nav a {
  font-family: var(--f-titlu);
  font-size: 24px;
  line-height: 1.2;
  color: var(--c-titlu);
  padding: 12px 0;
  border-top: 1px solid var(--c-linie);
}
html:not(.js) .antet nav {
  display: flex;
}
.js .antet nav {
  display: none;
}
.js .antet.deschis nav {
  display: flex;
}
.sub-buton {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: var(--f-titlu);
  font-size: 24px;
  line-height: 1.2;
  color: var(--c-titlu);
  padding: 12px 0;
  border: 0;
  border-top: 1px solid var(--c-linie);
  background: none;
  cursor: pointer;
  text-align: left;
}
.sub-buton::after {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  margin: -3px 6px 0 12px;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
  transition: transform .2s;
}
.sub-buton[aria-expanded=true]::after {
  margin-top: 3px;
  transform: rotate(-135deg);
}
.sub-meniu {
  list-style: none;
  padding: 0 0 10px 18px;
}
.js .sub-meniu {
  display: none;
}
.js .sub-buton[aria-expanded=true] + .sub-meniu {
  display: block;
}
.antet nav .sub-meniu a {
  display: block;
  font-size: 19px;
  line-height: 1.25;
  padding: 9px 0;
  border: 0;
}
@container (min-width: 1100px) {
  .antet {
    flex-wrap: nowrap;
  }
  .antet .limba {
    margin-left: 0;
  }
  .js .meniu-buton {
    display: none;
  }
  .antet nav,
  .js .antet nav,
  html:not(.js) .antet nav {
    display: flex;
    order: 0;
    flex-basis: auto;
    flex-direction: row;
    gap: 30px;
    margin-top: 0;
  }
  .antet nav a {
    font-family: inherit;
    font-style: normal;
    font-size: 16px;
    line-height: inherit;
    color: inherit;
    padding: 0;
    border: 0;
  }
  .are-sub {
    position: relative;
  }
  .sub-buton {
    width: auto;
    font-size: 16px;
    line-height: inherit;
    color: inherit;
    padding: 0;
    border: 0;
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
  }
  .sub-buton:hover {
    text-decoration: underline;
  }
  .sub-buton::after {
    width: 6px;
    height: 6px;
    margin: -3px 2px 0 8px;
  }
  .sub-meniu {
    position: absolute;
    z-index: 16;
    top: calc(100% + 18px);
    left: -20px;
    padding: 10px 0;
    background: var(--c-fundal);
    border: 1px solid var(--c-linie);
    border-radius: 6px;
    box-shadow: 0 12px 28px -14px color-mix(in srgb, var(--c-text) 40%, transparent);
  }
  .sub-meniu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 19px;
  }
  html:not(.js) .sub-meniu {
    display: none;
  }
  html:not(.js) .are-sub:focus-within .sub-meniu {
    display: block;
  }
  @media (hover: hover) {
    html:not(.js) .are-sub:hover .sub-meniu {
      display: block;
    }
  }
  .antet nav .sub-meniu a {
    font-size: 16px;
    line-height: 1.3;
    padding: 8px 20px;
    white-space: nowrap;
  }
}
.firimituri {
  padding-top: 14px;
  font-size: 14.5px;
  color: var(--c-text-2);
}
.firimituri ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 2px;
}
.firimituri li + li::before {
  content: "›";
  margin: 0 8px;
  color: var(--c-margine);
}
.firimituri a {
  text-decoration: none;
}
.firimituri a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.firimituri [aria-current] {
  color: var(--c-text);
}
.intro-pagina {
  display: grid;
  gap: 28px;
  padding-top: 22px;
}
.antet-pagina {
  display: grid;
  justify-items: start;
}
.antet-pagina .h2 {
  font-size: min(40px, 11cqw);
}
.antet-pagina .sub {
  margin-top: 10px;
  max-width: 40ch;
}
.antet-pagina .cine {
  margin-top: 8px;
  font-size: 16px;
  color: var(--c-text-2);
}
.antet-pagina .de-la {
  margin-top: 14px;
  color: var(--c-accent);
  font-size: 17px;
}
.buton {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 28px;
  background: var(--c-actiune);
  color: var(--c-pe-actiune);
  text-decoration: none;
  border-radius: 999px;
  font-size: 15.5px;
  font-weight: 500;
}
.intro-pagina .foto {
  aspect-ratio: 3 / 2;
  width: 100%;
}
.text-pagina {
  padding-top: 40px;
  padding-bottom: 64px;
}
.text-pagina > * {
  max-width: 700px;
  margin-inline: auto;
}
.text-pagina p {
  margin-top: 14px;
}
.text-pagina > p:first-child {
  margin-top: 0;
  font-size: 19px;
}
.text-pagina h2 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--c-titlu);
  margin-top: 40px;
  overflow-wrap: break-word;
}
.pret-pagina {
  padding-top: 64px;
  padding-bottom: 64px;
  background: var(--c-fundal-2);
}
.pret-pagina .gol {
  display: grid;
  justify-items: center;
  text-align: center;
}
.pret-pagina .oferta {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 420px;
  margin-top: 8px;
}
.pret-pagina .oferta h3 {
  margin-top: 20px;
}
.pret-pagina .oferta .scrie,
.pret-pagina .oferta .pret + .scrie {
  margin-top: 18px;
  align-self: stretch;
}
.prelungire {
  margin-top: 22px;
  font-size: 15.5px;
  max-width: 60ch;
}
.de-stiut-sesiune {
  text-align: center;
}
.de-stiut-sesiune .note {
  margin-inline: auto;
}
.note {
  list-style: none;
  margin-top: 10px;
  display: grid;
  gap: 4px;
  font-size: 15.5px;
  color: var(--c-text-2);
  max-width: 60ch;
}
.urmatorul,
.inainte,
.alte-servicii {
  padding-top: 72px;
  text-align: center;
}
.urmatorul .fraza {
  margin: 14px auto 0;
  max-width: 52ch;
}
.legaturi {
  list-style: none;
  margin-top: 26px;
  display: grid;
}
.legaturi a {
  display: grid;
  gap: 4px;
  padding: 16px 0 18px;
  border-top: 1px solid var(--c-linie);
  text-decoration: none;
}
.legaturi .titlu,
.inainte .legaturi a {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.15;
  color: var(--c-titlu);
}
.legaturi .de-la {
  font-size: 15.5px;
  color: var(--c-accent);
}
.legaturi a:hover .titlu,
.inainte .legaturi a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.optiuni {
  margin-top: 10px;
  font-size: 15.5px;
  max-width: 60ch;
}
.inrudit {
  padding-top: 56px;
  text-align: center;
}
.inrudit p {
  padding-top: 18px;
  border-top: 1px solid var(--c-linie);
  max-width: 62ch;
  margin-inline: auto;
}
.inrudit .eticheta {
  display: block;
  font-size: 14.5px;
  color: var(--c-text-2);
}
.inrudit a {
  font-family: var(--f-titlu);
  font-size: 24px;
  line-height: 1.2;
  color: var(--c-titlu);
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
@container (min-width: 900px) {
  .firimituri {
    padding-top: 6px;
  }
  .intro-pagina {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: 72px;
    align-items: center;
    padding-top: 32px;
  }
  .intro-pagina > .antet-pagina:only-child {
    grid-column: 1 / -1;
  }
  .antet-pagina .h2 {
    font-size: min(64px, calc((100cqw - 2 * max(56px, (100cqw - 1380px) / 2) - 72px) * 5 / 11 / 6.5));
  }
  .antet-pagina .h2.lung {
    font-size: min(44px, calc((100cqw - 2 * max(56px, (100cqw - 1380px) / 2) - 72px) * 5 / 11 / 6.5));
  }
  .antet-pagina .sub {
    font-size: 20px;
  }
  .text-pagina {
    padding-top: 72px;
    padding-bottom: 88px;
  }
  .text-pagina > p:first-child {
    font-size: 21px;
  }
  .text-pagina h2 {
    font-size: 32px;
    margin-top: 48px;
  }
  .pret-pagina {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .urmatorul,
  .inainte,
  .alte-servicii {
    padding-top: 96px;
  }
  .legaturi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 40px;
  }
  .legaturi li {
    flex: 1 1 150px;
    max-width: 420px;
  }
  .alte-servicii .legaturi .titlu {
    font-size: 22px;
  }
  .inrudit {
    padding-top: 90px;
  }
}
.alaturi {
  min-width: 0;
}
@container (min-width: 1100px) {
  .citire {
    display: grid;
    grid-template-columns: minmax(0, 760px) minmax(320px, 420px);
    justify-content: space-between;
    align-items: start;
    column-gap: 72px;
    padding: 72px max(56px, calc((100cqw - 1380px) / 2)) 96px;
  }
  .citire.scurt {
    align-items: center;
  }
  .citire > .gol {
    padding: 0;
  }
  .citire > .text-pagina > * {
    margin-inline: 0;
  }
  @media (min-height: 800px) {
    .citire:not(.scurt) > .alaturi {
      position: sticky;
      top: 120px;
      max-height: calc(100svh - 136px);
      overflow-y: auto;
      scrollbar-width: thin;
    }
  }
  .alaturi > * {
    padding: 32px;
    background: var(--c-fundal-2);
    -webkit-mask: var(--forma-2) center / 100% 100% no-repeat;
    mask: var(--forma-2) center / 100% 100% no-repeat;
  }
  .alaturi .pret-pagina::before,
  .alaturi .pret-pagina::after {
    content: none;
  }
  .alaturi .pret-pagina .gol {
    padding: 0;
    justify-items: stretch;
    text-align: left;
  }
  .alaturi .pret-pagina .oferta {
    margin-top: 0;
    text-align: left;
  }
  .alaturi .pret-pagina .oferta h3 {
    display: none;
  }
  .alaturi .pret-pagina .oferta .durate {
    justify-content: flex-start;
    margin-top: 14px;
  }
  .alaturi .h2 {
    font-size: 26px;
    letter-spacing: -.01em;
  }
}
:is(.alaturi, .mai-departe) > :is(.urmatorul, .inainte, .alte-servicii) {
  text-align: left;
}
:is(.alaturi, .mai-departe) .legaturi {
  display: grid;
  justify-content: start;
  gap: 8px;
  margin-top: 12px;
}
:is(.alaturi, .mai-departe) .legaturi li {
  max-width: none;
}
:is(.alaturi, .mai-departe) .legaturi a {
  padding: 0;
  border: 0;
  text-decoration: underline;
  text-decoration-color: var(--c-sublinie);
  text-decoration-thickness: 1px;
  text-underline-offset: .24em;
}
:is(.alaturi, .mai-departe) .legaturi .titlu,
:is(.alaturi, .mai-departe) .inainte .legaturi a {
  font-size: 18px;
  line-height: 1.35;
}
:is(.alaturi, .mai-departe) .urmatorul .fraza {
  margin: 12px 0 0;
  font-size: 16.5px;
}
.alaturi .de-stiut-sesiune {
  text-align: left;
}
.pret-pagina .de-stiut-sesiune {
  width: 100%;
  max-width: 60ch;
  margin-top: 28px;
  padding-inline: 0;
}
.pret-pagina .de-stiut-sesiune .h2 {
  font-size: 26px;
  letter-spacing: -.01em;
}
.mai-departe {
  display: grid;
  gap: 36px;
  padding-top: 56px;
}
.mai-departe > :is(.inainte, .alte-servicii, .inrudit, .urmatorul) {
  padding: 0;
  text-align: left;
}
.mai-departe .h2,
.mai-departe .inrudit .eticheta {
  font-family: var(--f-titlu);
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--c-titlu);
}
.mai-departe .inrudit p {
  padding: 0;
  border: 0;
  max-width: none;
  margin: 0;
}
.mai-departe .inrudit a {
  display: block;
  margin-top: 12px;
  font-family: var(--f-text);
  font-size: 18px;
  line-height: 1.35;
  text-decoration-color: var(--c-sublinie);
}
@container (min-width: 900px) {
  .mai-departe {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 72px;
    padding-top: 88px;
  }
}
.deschidere {
  text-align: center;
}
.deschidere ul {
  width: fit-content;
  text-align: left;
}
@container (min-width: 1100px) {
  .doua-coloane {
    columns: 2;
    column-gap: 72px;
  }
  .doua-coloane > * {
    max-width: none;
  }
  .doua-coloane > :is(h2, div.potrivit, p:first-child) {
    column-span: all;
  }
  .doua-coloane > h3 {
    break-after: avoid;
  }
  .doua-coloane > :is(ul, blockquote) {
    break-inside: avoid;
  }
}
.rand-poza {
  display: grid;
  gap: 24px;
  padding-top: 48px;
}
.rand-poza.primul {
  padding-top: 22px;
}
.rand-poza .foto {
  aspect-ratio: 4 / 5;
}
.rand-poza .text-pagina {
  padding: 0;
}
.rand-poza .text-pagina > * {
  margin-inline: 0;
}
.rand-poza:not(.primul) .text-pagina > p:first-child {
  font-size: inherit;
}
@container (min-width: 900px) {
  .rand-poza {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: 72px;
    align-items: center;
    padding-top: 72px;
  }
  .rand-poza.primul {
    grid-template-rows: 1fr auto auto 1fr;
    grid-template-areas: "foto ." "foto antet" "foto text" "foto .";
    row-gap: 22px;
    padding-top: 32px;
  }
  .rand-poza.primul .foto {
    grid-area: foto;
  }
  .rand-poza.primul .antet-pagina {
    grid-area: antet;
  }
  .rand-poza.primul .text-pagina {
    grid-area: text;
  }
  .rand-poza.pe-dreapta {
    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  }
  .rand-poza.pe-dreapta .foto {
    order: 2;
  }
  .rand-poza:not(.primul) .text-pagina > p:first-child {
    font-size: inherit;
  }
}
.marturii {
  padding-top: 48px;
}
.marturii h2 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--c-titlu);
  text-align: center;
}
.coloane-marturii {
  margin-top: 28px;
  columns: 3 300px;
  column-gap: 48px;
}
.marturie {
  break-inside: avoid;
  padding-bottom: 32px;
}
.marturie h3 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.25;
  color: var(--c-titlu);
}
.marturie p {
  margin-top: 8px;
  font-size: 16.5px;
  line-height: 1.6;
}
@container (min-width: 900px) {
  .marturii {
    padding-top: 72px;
  }
  .marturii h2 {
    font-size: 32px;
  }
}
.grupe {
  padding-top: 64px;
  padding-bottom: 72px;
  background: var(--c-fundal-2);
}
.intro-grupe p {
  max-width: 62ch;
  margin-inline: auto;
  text-align: center;
}
.grupa {
  padding-top: 48px;
}
.grupa-antet {
  padding-inline: 20px;
  text-align: center;
}
.titlu-grupa {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: var(--c-titlu);
}
.grupa-antet p {
  margin: 10px auto 0;
  max-width: 52ch;
  font-size: 16.5px;
}
.card {
  position: relative;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.card .foto {
  aspect-ratio: 4 / 3;
}
.card h3 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.12;
  color: var(--c-titlu);
  margin-top: 18px;
}
.card .desc {
  font-size: 15.5px;
  margin-top: 6px;
}
.card .sub {
  margin-top: 6px;
  font-size: 16.5px;
  line-height: 1.4;
}
.card .potrivit {
  margin-top: 10px;
  font-size: 15.5px;
  color: var(--c-text-2);
}
.potrivit strong {
  font-weight: 400;
  color: var(--c-text);
}
.card .de-la {
  margin-top: 12px;
  color: var(--c-accent);
  font-size: 17px;
}
.card .leg {
  margin-top: 8px;
  align-self: center;
  justify-self: center;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.card .leg::after {
  content: "";
  position: absolute;
  inset: 0;
}
.ordinea {
  padding-top: 72px;
  text-align: center;
}
.ordinea .fraza {
  max-width: 56ch;
  margin-inline: auto;
}
.ordinea .leg {
  display: inline-block;
  margin-top: 14px;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.ordinea .nota {
  margin: 32px auto 0;
  padding-top: 16px;
  border-top: 1px solid var(--c-linie);
  max-width: 60ch;
  font-size: 15.5px;
  color: var(--c-text-2);
}
@container (min-width: 900px) {
  .grupe {
    padding-top: 96px;
    padding-bottom: 112px;
  }
  .intro-grupe p {
    font-size: 19px;
  }
  .grupa {
    padding: 64px max(56px, calc((100cqw - 1380px) / 2)) 0;
  }
  .grupa-antet {
    padding: 0;
  }
  .titlu-grupa {
    font-size: 32px;
  }
  .grupa .carusel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 32px;
    padding: 32px 0 0;
  }
  .card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 5;
  }
  .card.masaj {
    grid-row: span 7;
  }
  .card h3 {
    font-size: 28px;
  }
  .ordinea {
    padding-top: 96px;
  }
  .grupa[data-n="2"] .carusel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 56px;
  }
  .grupa[data-n="2"] .foto {
    aspect-ratio: 16 / 9;
  }
  .grupa[data-n="1"] .carusel {
    grid-template-columns: minmax(0, 470px);
    justify-content: center;
  }
}
.comparatie {
  margin-top: 56px;
  scroll-margin-top: 24px;
}
.comparatie .titlu-grupa {
  text-align: center;
}
.comparatie table {
  width: 100%;
  margin-top: 18px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 15px;
  line-height: 1.35;
}
.comparatie :is(th, td) {
  padding: 12px 3px;
  text-align: center;
  vertical-align: top;
  font-weight: 400;
  border-top: 1px solid var(--c-linie);
  overflow-wrap: break-word;
}
.comparatie thead th {
  border-top: 0;
  font-size: min(18px, 4.5cqw);
  color: var(--c-titlu);
}
.comparatie thead a {
  color: inherit;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.comparatie tbody th {
  font-size: min(14px, 3.8cqw);
  color: var(--c-text-2);
  text-align: left;
}
.comparatie tbody tr:first-child td {
  font-size: min(14px, 3.9cqw);
  color: var(--c-text-2);
}
@container (min-width: 900px) {
  .comparatie {
    margin-top: 88px;
  }
  .comparatie table {
    margin-top: 24px;
    font-size: 18px;
  }
  .comparatie :is(th, td) {
    padding: 16px 12px;
  }
  .comparatie thead th {
    font-size: 26px;
  }
  .comparatie tbody th,
  .comparatie tbody tr:first-child td {
    font-size: 16px;
  }
}
.spre-sesiuni {
  margin-top: 48px;
  text-align: center;
}
.spre-sesiuni p {
  max-width: 56ch;
  margin-inline: auto;
  padding-top: 18px;
  border-top: 1px solid var(--c-linie);
}
.spre-sesiuni .leg {
  display: inline-block;
  margin-top: 10px;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
@container (min-width: 900px) {
  .spre-sesiuni {
    margin-top: 72px;
  }
  .spre-sesiuni p {
    font-size: 19px;
  }
}
.intrare {
  padding-top: 48px;
  text-align: center;
}
.intrare .card {
  margin-top: 24px;
}
@container (min-width: 900px) {
  .intrare {
    padding-top: 72px;
  }
  .intrare .card {
    grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
    grid-template-rows: auto auto auto 1fr;
    grid-row: auto;
    column-gap: 40px;
    align-items: start;
    max-width: 980px;
    margin: 32px auto 0;
  }
  .intrare .card .foto {
    grid-row: 1 / -1;
  }
  .intrare .card :is(h3, .desc, .de-la, .leg) {
    grid-column: 2;
  }
  .intrare .card {
    text-align: left;
  }
  .intrare .card .leg {
    align-self: start;
    justify-self: start;
  }
  .intrare .card h3 {
    margin-top: 0;
    font-size: 32px;
  }
}
.text-pagina > h2:first-child {
  margin-top: 0;
}
.text-pagina h3 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: var(--c-titlu);
  margin-top: 28px;
}
.text-pagina ul {
  margin-top: 14px;
  padding-left: 1.2em;
}
.text-pagina li + li {
  margin-top: 6px;
}
.text-pagina li::marker {
  color: var(--c-aur);
}
.text-pagina blockquote {
  margin-top: 32px;
  font-family: var(--f-titlu);
  font-size: 22px;
  line-height: 1.35;
  color: var(--c-titlu);
}
.text-pagina > div.potrivit {
  max-width: none;
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.grupa-antet .leg {
  display: inline-block;
  margin-top: 10px;
  font-size: 16.5px;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.pret-pagina .comut {
  margin-top: 20px;
}
.ateliere {
  padding-top: 56px;
  padding-bottom: 72px;
  background: var(--c-fundal-2);
}
.atelier {
  padding-top: 48px;
  scroll-margin-top: 24px;
}
.atelier .foto {
  aspect-ratio: 3 / 2;
}
.atelier-text {
  margin-top: 22px;
}
.titlu-atelier {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: var(--c-titlu);
}
.atelier-text .sub {
  margin-top: 6px;
}
.atelier-text > p:not(.sub) {
  margin-top: 12px;
  max-width: 58ch;
}
.atelier-text .leg {
  display: inline-block;
  margin-top: 10px;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.atelier-text .pret-atelier {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  margin-top: 14px;
}
.pret-atelier .durata {
  font-size: 15.5px;
  color: var(--c-text-2);
}
.pret-atelier .suma {
  font-family: var(--f-titlu);
  font-size: 26px;
  line-height: 1.1;
  color: var(--c-accent);
  font-variant-numeric: tabular-nums;
}
.atelier-text .note {
  margin-top: 6px;
}
.atelier-text .nota-ei {
  color: var(--c-albastru);
}
.atelier .oferta {
  display: flex;
  flex-direction: column;
  max-width: 420px;
  margin: 6px auto 0;
}
.atelier .oferta .scrie,
.atelier .oferta .pret + .scrie {
  margin-top: 18px;
  align-self: stretch;
}
.ateliere .nota {
  margin-top: 48px;
  font-size: 15.5px;
  color: var(--c-text-2);
}
.ateliere .nota,
.ateliere > .gol:first-child {
  max-width: none;
}
.pasi-parcurs {
  background: none;
  padding-bottom: 72px;
}
.pasi-parcurs .sub {
  font-size: 15.5px;
}
.pasi-parcurs .pas h3 {
  font-size: 22px;
}
.pasi-parcurs .durata-pas {
  margin-top: 12px;
  color: var(--c-accent);
  font-size: 17px;
}
.variante {
  list-style: none;
  margin-top: 4px;
  display: grid;
  gap: 4px;
  font-size: 16px;
}
.incheiere {
  padding-top: 72px;
  text-align: center;
}
.incheiere p {
  max-width: 62ch;
  margin-inline: auto;
}
.incheiere p + p {
  margin-top: 14px;
}
.incheiere + .glasuri {
  margin-top: 56px;
}
@container (min-width: 900px) {
  .text-pagina h3 {
    font-size: 24px;
    margin-top: 32px;
  }
  .text-pagina blockquote {
    font-size: 24px;
  }
  .text-pagina > div.potrivit {
    grid-template-columns: 1fr 1fr;
    column-gap: 72px;
  }
  .ateliere {
    padding-top: 90px;
    padding-bottom: 110px;
  }
  .atelier {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: 72px;
    align-items: start;
    padding-top: 72px;
  }
  .atelier-text {
    margin-top: 0;
  }
  .titlu-atelier {
    font-size: 32px;
  }
  .atelier .oferta {
    display: flex;
  }
  .pasi-parcurs {
    padding-bottom: 100px;
  }
  .pasi-parcurs .lista-pasi {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .pasi-parcurs .pas .sub {
    margin-top: 10px;
  }
  .incheiere {
    padding-top: 96px;
  }
}
.treapta {
  padding-top: 48px;
  scroll-margin-top: 24px;
}
.titlu-treapta {
  display: grid;
  gap: 6px;
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: var(--c-titlu);
}
.titlu-treapta .nr {
  font-style: normal;
  font-size: 44px;
  line-height: .9;
  color: var(--c-aur);
}
.text-treapta {
  margin-top: 18px;
}
.text-treapta > * {
  max-width: 62ch;
  margin-inline: auto;
}
.text-treapta > * + * {
  margin-top: 14px;
}
.text-treapta ul {
  padding-left: 1.2em;
}
.text-treapta ul,
.text-treapta p + ul {
  margin-top: 8px;
}
.text-treapta li + li {
  margin-top: 4px;
}
.text-treapta li::marker {
  color: var(--c-aur);
}
.text-treapta a {
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.text-treapta .leg {
  display: block;
  width: fit-content;
  margin-top: 22px;
}
.trepte + .ordinea .fraza {
  font-family: var(--f-titlu);
  font-size: 26px;
  line-height: 1.3;
  color: var(--c-titlu);
}
.tarife-sus {
  display: grid;
  gap: 28px;
  padding-top: 20px;
  padding-bottom: 56px;
}
.antet-tarife {
  display: grid;
  justify-items: start;
}
.antet-tarife .sub {
  margin-top: 8px;
  max-width: 34ch;
}
.indiciu {
  margin-top: 12px;
  font-size: 15.5px;
  color: var(--c-text-2);
  max-width: 44ch;
}
.compune {
  display: none;
}
.js .compune {
  display: grid;
  gap: 20px;
  margin-inline: -20px;
  padding: 24px 20px 26px;
  background: var(--c-fundal-2);
  text-align: center;
}
.titlu-compune {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 30px;
  line-height: 1.1;
  color: var(--c-titlu);
}
.compune fieldset {
  min-width: 0;
  border: 0;
}
.compune legend {
  margin-inline: auto;
  padding: 0;
  font-size: 15px;
  color: var(--c-text-2);
}
.alege-exp {
  display: grid;
  gap: 14px;
}
.alege-exp > legend {
  margin-bottom: 2px;
  font-size: 16px;
  color: var(--c-titlu);
}
.pastile {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-top: 6px;
}
.pastila {
  position: relative;
  display: block;
}
.pastila input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.pastila span {
  display: block;
  padding: 11px 15px;
  border: 1px solid var(--c-margine);
  border-radius: 40px;
  background: var(--c-fundal);
  font-size: 15.5px;
  line-height: 1.3;
  color: var(--c-text);
}
.pastila input:checked + span {
  background: var(--c-buton);
  border-color: var(--c-buton);
  color: var(--c-pe-buton);
}
.pastila input:focus-visible + span {
  outline: 2px solid var(--c-inel);
  outline-offset: 3px;
}
.alege-persoane {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--c-margine);
}
.rezultat {
  display: grid;
  gap: 2px;
}
.compune .total {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  color: var(--c-accent);
}
.compune .total .suma {
  font-size: 56px;
}
.compune .pe-ora,
.compune .prel {
  font-size: 15.5px;
  color: var(--c-text-2);
}
.compune .scrie {
  display: block;
  padding: 16px 20px;
  border-radius: 999px;
  background: var(--c-actiune);
  color: var(--c-pe-actiune);
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}
.compune .mic {
  font-size: 14.5px;
  color: var(--c-text-2);
}
.tarife-sus > .de-stiut {
  padding-top: 12px;
}
.de-stiut dl {
  margin-top: 14px;
  display: grid;
}
.de-stiut dl > div {
  display: grid;
  gap: 2px;
  padding: 12px 0 14px;
  border-top: 1px solid var(--c-linie);
}
.de-stiut dt {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 21px;
  line-height: 1.2;
  color: var(--c-titlu);
}
.de-stiut dd {
  display: grid;
  gap: 2px;
}
.de-stiut .valoare {
  font-size: 17px;
  color: var(--c-accent);
}
.de-stiut .text {
  font-size: 15px;
  line-height: 1.5;
  color: var(--c-text-2);
  max-width: 52ch;
}
.lista-preturi {
  padding-top: 64px;
  padding-bottom: 72px;
  background: var(--c-fundal-2);
  scroll-margin-top: 24px;
}
.lista-preturi > .gol > .h2 {
  text-align: center;
}
.grupa-preturi {
  scroll-margin-top: 24px;
}
.lista-preturi > .gol + .grupa-preturi {
  margin-top: 16px;
}
.grupa-preturi > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-block: 22px;
  border-bottom: 1px solid var(--c-linie);
  cursor: pointer;
  list-style: none;
}
.grupa-preturi > summary::-webkit-details-marker {
  display: none;
}
.grupa-preturi > summary::after {
  content: "+";
  flex: none;
  font-size: 32px;
  line-height: 1;
  color: var(--c-accent);
}
.grupa-preturi[open] > summary::after {
  content: "–";
}
.continut-grupa {
  padding-top: 20px;
  padding-bottom: 28px;
}
.cap-grupa {
  display: grid;
  justify-items: start;
}
.cap-grupa .text-grupa {
  margin-top: 6px;
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.55;
  color: var(--c-text-2);
}
.cap-grupa .leg {
  margin-top: 8px;
  font-size: 15.5px;
  color: var(--c-text-2);
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.randuri {
  list-style: none;
  margin-top: 14px;
}
.rand {
  display: grid;
  gap: 10px;
  padding: 16px 0 18px;
  border-top: 1px solid var(--c-linie);
}
.rand:last-child {
  border-bottom: 1px solid var(--c-linie);
}
.nume-rand {
  display: grid;
  gap: 3px;
}
.nume-rand > a {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 23px;
  line-height: 1.15;
  color: var(--c-titlu);
  text-decoration-color: var(--c-margine);
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
  justify-self: start;
}
.nume-rand .desc {
  font-size: 15px;
  line-height: 1.5;
  color: var(--c-text-2);
}
.nume-rand .detaliu {
  font-size: 15px;
  line-height: 1.5;
  color: var(--c-accent);
}
.preturi-rand {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pret-link,
.pret-text {
  display: inline-grid;
  justify-items: start;
  text-decoration: none;
  color: inherit;
}
.pret-link {
  min-width: 72px;
  min-height: 48px;
  padding: 6px 14px 8px;
  border: 1px solid var(--c-margine);
  border-radius: 14px;
}
.pret-link .durata,
.pret-text .durata {
  font-size: 14px;
  line-height: 1.3;
  color: var(--c-text-2);
}
.pret-link .suma,
.pret-text .suma {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.1;
  color: var(--c-accent);
  font-variant-numeric: tabular-nums;
}
.pret-text {
  padding: 2px 18px 2px 0;
}
@media (hover: hover) {
  .pret-link:hover {
    background: var(--c-fundal);
    border-color: var(--c-text);
  }
  .pret-link:hover .suma {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
  }
}
.program {
  padding-bottom: 72px;
  scroll-margin-top: 24px;
}
.contact {
  padding-top: 48px;
  padding-bottom: 16px;
  scroll-margin-top: 24px;
}
.contact .butoane {
  margin-top: 0;
}
.contact .butoane a {
  padding: 18px;
  font-size: 17px;
}
.text-contact {
  margin: 22px auto 0;
  max-width: 52ch;
  text-align: center;
}
.date-contact {
  display: grid;
  gap: 22px;
  margin-top: 32px;
}
.date-contact > div {
  padding-top: 14px;
  border-top: 1px solid var(--c-linie);
  text-align: center;
}
.date-contact dt {
  font-size: 14.5px;
  color: var(--c-text-2);
}
.date-contact dd {
  margin-top: 4px;
}
.date-contact a {
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.date-contact .nota {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  color: var(--c-text-2);
}
.mesaj-zona {
  display: grid;
  gap: 56px;
  padding-top: 64px;
}
.mesaj-zona > div {
  min-width: 0;
  scroll-margin-top: 40px;
}
.formular {
  display: grid;
  gap: 18px;
  margin-top: 24px;
  justify-items: start;
}
.formular .camp {
  display: grid;
  gap: 6px;
  width: 100%;
}
.formular .camp label {
  font-size: 15.5px;
  font-weight: 500;
}
.formular input:not([type=checkbox]),
.formular textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 10px 16px;
  border: 1px solid var(--c-margine);
  border-radius: 999px;
  background: var(--c-fundal);
  color: var(--c-text);
  font: inherit;
}
.formular textarea {
  display: block;
  min-height: 148px;
  padding-block: 12px;
  border-radius: 20px;
  resize: vertical;
}
.formular :disabled {
  cursor: not-allowed;
}
.formular .bifa {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  font-size: 15.5px;
  line-height: 1.45;
}
.formular .bifa input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  accent-color: var(--c-buton);
}
.formular .bifa a {
  text-decoration-color: var(--c-sublinie);
  text-underline-offset: .2em;
}
.formular .mic {
  color: var(--c-text-2);
  font-size: 15px;
}
.formular .buton {
  margin-top: 2px;
  border: 0;
  font: inherit;
  font-size: 15.5px;
  font-weight: 500;
}
.formular .nota-plata {
  font-size: 15px;
  color: var(--c-text-2);
}
.formular .capcana {
  position: absolute;
  left: -9999px;
}
.formular .raspuns {
  width: 100%;
  padding: 12px 16px;
  border-radius: 6px;
  background: var(--c-fundal-2);
}
.zona-harta {
  position: relative;
  margin-top: 24px;
  overflow: hidden;
  border: 1px solid var(--c-margine);
  border-radius: 6px;
}
.zona-harta img {
  display: block;
  width: 100%;
  height: auto;
}
.zona-harta .reper {
  position: absolute;
  transform: translate(-50%, -50%);
  padding: 0 7px;
  border-radius: 999px;
  background: rgb(255 255 255 / .88);
  font-size: 12.5px;
  line-height: 1.5;
  white-space: nowrap;
}
.reper-liceu {
  left: 50%;
  top: 58%;
}
.reper-metrou {
  left: 25%;
  top: 41%;
}
.reper-piata {
  left: 51%;
  top: 89%;
}
.reper-parc {
  left: 21%;
  top: 24%;
}
.reper-lac {
  left: 66%;
  top: 12%;
}
.zona figcaption {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  text-align: center;
}
.zona figcaption .sursa {
  font-size: 13.5px;
  color: var(--c-text-2);
}
.zona figcaption .sursa a {
  color: inherit;
  text-underline-offset: .2em;
}
.galerie {
  padding-top: 64px;
  scroll-margin-top: 24px;
}
.galerie + .inainte {
  padding-bottom: 72px;
}
.poza-pagina.incadrare-sus img {
  object-position: 50% 15%;
}
.intrebari {
  display: grid;
  padding-top: 32px;
  padding-bottom: 64px;
}
.intrebare {
  width: 100%;
  max-width: 900px;
  margin-inline: auto;
  border-top: 1px solid var(--c-linie);
}
.intrebare:last-child {
  border-bottom: 1px solid var(--c-linie);
}
.intrebare summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: baseline;
  padding: 18px 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 23px;
  line-height: 1.25;
  color: var(--c-titlu);
}
.intrebare summary::-webkit-details-marker {
  display: none;
}
.intrebare summary::after {
  content: "+";
  font-family: var(--f-text);
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  color: var(--c-aur);
}
.intrebare[open] summary::after {
  content: "−";
}
.raspuns {
  padding-bottom: 26px;
}
.raspuns > * {
  max-width: 62ch;
}
.raspuns > * + * {
  margin-top: 14px;
}
@container (min-width: 900px) {
  .treapta {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    column-gap: 56px;
    align-items: start;
    padding-top: 64px;
  }
  .titlu-treapta {
    font-size: 32px;
  }
  .titlu-treapta .nr {
    font-size: 48px;
  }
  .text-treapta {
    margin-top: 0;
  }
  .text-treapta > * {
    margin-inline: 0;
  }
  .trepte + .ordinea .fraza {
    font-size: 26px;
    max-width: 36ch;
  }
  .tarife-sus {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    grid-template-rows: auto 1fr;
    gap: 40px 56px;
    align-items: start;
    padding-top: 32px;
    padding-bottom: 96px;
  }
  .antet-tarife {
    padding-top: 16px;
  }
  .antet-tarife .h2 {
    font-size: 64px;
  }
  .antet-tarife .sub {
    font-size: 20px;
  }
  .tarife-sus > .de-stiut {
    grid-column: 2;
    grid-row: 1 / span 2;
    padding-top: 24px;
  }
  .js .compune {
    margin-inline: 0;
    padding: 36px 40px 40px;
    border-radius: 24px;
  }
  .compune .scrie {
    justify-self: center;
    padding-inline: 28px;
  }
  .compune .total .suma {
    font-size: 64px;
  }
  .lista-preturi {
    padding-top: 96px;
    padding-bottom: 112px;
  }
  .continut-grupa {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    column-gap: 72px;
    align-items: start;
    padding-top: 32px;
    padding-bottom: 40px;
  }
  .continut-grupa .cap-grupa {
    padding-top: 14px;
  }
  .continut-grupa .randuri {
    margin-top: 0;
  }
  .rand {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 32px;
  }
  .preturi-rand {
    justify-content: end;
  }
  .program {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .contact {
    padding-top: 72px;
  }
  .contact .butoane {
    grid-template-columns: 1.4fr 1fr 1fr;
    max-width: 820px;
  }
  .date-contact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 40px;
    margin-top: 56px;
  }
  .mesaj-zona {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 72px;
    padding-top: 100px;
  }
  .mesaj-zona .h2 {
    font-size: min(48px, 4.8vw);
  }
  .galerie {
    padding-top: 100px;
  }
  .galerie + .inainte {
    padding-bottom: 110px;
  }
  .galerie .banda {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }
  .galerie .banda .foto {
    height: auto;
    aspect-ratio: 3 / 4;
  }
  .intrebari {
    padding-top: 72px;
    padding-bottom: 100px;
  }
  .intrebare summary {
    padding: 24px 0;
    font-size: 28px;
  }
}
.text-pagina .semnatura {
  margin-top: 36px;
  font-size: 15.5px;
  line-height: 1.55;
  color: var(--c-text-2);
}
.text-pagina .semnatura::first-line {
  font-family: var(--f-titlu);
  font-size: 26px;
  color: var(--c-titlu);
}
.text-pagina blockquote + .semnatura {
  margin-top: 18px;
}
.plata {
  display: grid;
  justify-items: center;
  text-align: center;
  margin-top: 36px;
  padding: 24px 22px 22px;
  background: var(--c-fundal-2);
  border-radius: 6px;
}
.text-pagina .plata h2 {
  margin-top: 0;
  font-size: 28px;
}
.plata .pret {
  white-space: nowrap;
}
.text-pagina .plata label {
  margin-top: 18px;
  font-size: 15.5px;
  font-weight: 500;
}
.plata input {
  box-sizing: border-box;
  width: 100%;
  max-width: 420px;
  min-height: 48px;
  margin-top: 6px;
  padding: 10px 16px;
  border: 1px solid var(--c-margine);
  border-radius: 999px;
  background: var(--c-fundal);
  color: var(--c-text);
  font: inherit;
}
.plata input:disabled {
  cursor: not-allowed;
}
.text-pagina .plata .ajutor {
  margin-top: 6px;
  font-size: 15px;
  color: var(--c-text-2);
}
.plata .buton {
  margin-top: 14px;
  border: 0;
  font: inherit;
  font-size: 15.5px;
  font-weight: 500;
}
.plata .buton:disabled,
.formular .buton:disabled,
.buton[aria-disabled=true] {
  background: none;
  color: var(--c-text-2);
  border: 1px dashed var(--c-margine);
  cursor: not-allowed;
}
.text-pagina .plata .nota-plata {
  margin-top: 10px;
  font-size: 15px;
  color: var(--c-text-2);
}
.text-pagina .plata .nota {
  margin-top: 14px;
  font-size: 15.5px;
}
.text-pagina .plata .deja {
  margin-top: 14px;
  font-size: 15.5px;
}
.plata .deja summary {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--c-sublinie);
  text-underline-offset: 3px;
}
.text-pagina .plata .deja p {
  margin-top: 8px;
  color: var(--c-text-2);
}
@media (min-width: 900px) {
  .plata {
    padding: 32px 36px 30px;
  }
  .text-pagina .plata h2 {
    font-size: 32px;
  }
}
.sectiune-articole {
  padding-top: 64px;
  padding-bottom: 72px;
  scroll-margin-top: 24px;
}
.sectiune-articole + .sectiune-articole {
  background: var(--c-fundal-2);
}
.antet-sectiune {
  text-align: center;
}
.antet-sectiune .sub {
  margin: 10px auto 0;
  max-width: 46ch;
}
.intro-sectiune {
  margin-top: 22px;
}
.intro-sectiune p {
  max-width: 62ch;
  margin-inline: auto;
}
@container (min-width: 900px) {
  .intro-sectiune {
    columns: 2;
    column-gap: 56px;
  }
  .intro-sectiune p {
    max-width: none;
  }
}
.intro-sectiune p + p {
  margin-top: 14px;
}
.sectiune-articole .derulare {
  margin-inline: -20px;
}
.sectiune-articole .sageata {
  top: calc(28px + (100cqw - 40px) / 3 - 22px);
}
.card-articol {
  position: relative;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.card-articol .foto {
  aspect-ratio: 3 / 2;
}
.card-articol h3 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.12;
  color: var(--c-titlu);
  margin-top: 18px;
}
.card-articol h3 a {
  text-decoration: none;
}
.card-articol h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.card-articol:hover h3 a {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.card-articol .desc {
  margin-top: 8px;
  font-size: 16px;
}
@container (min-width: 900px) {
  .sectiune-articole {
    padding-top: 96px;
    padding-bottom: 112px;
  }
  .antet-sectiune .sub {
    font-size: 20px;
  }
  .intro-sectiune {
    margin-top: 32px;
  }
  .sectiune-articole .derulare {
    margin-inline: 0;
  }
  .lista-articole {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 40px;
    padding: 56px 0 0;
  }
  .lista-articole:has(> :only-child) {
    grid-template-columns: minmax(0, 420px);
    justify-content: center;
  }
  .card-articol {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
  .card-articol:nth-child(n+3) {
    margin-top: 56px;
  }
  .card-articol h3 {
    font-size: 28px;
  }
}
@container (min-width: 1180px) {
  .lista-articole {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .card-articol:nth-child(n+3) {
    margin-top: 0;
  }
  .card-articol:nth-child(n+4) {
    margin-top: 56px;
  }
}
.consimtamant {
  position: fixed;
  z-index: 20;
  inset: auto 0 0;
  display: grid;
  gap: 10px;
  padding: 18px 20px calc(16px + env(safe-area-inset-bottom));
  background: var(--c-fundal);
  color: var(--c-text);
  border-top: 1px solid var(--c-margine);
  box-shadow: 0 -10px 40px color-mix(in srgb, var(--c-text) 18%, transparent);
  font-size: 15.5px;
  line-height: 1.5;
}
.consimtamant[hidden] {
  display: none;
}
.consimtamant h2,
.setari-cookie h2 {
  font-family: var(--f-titlu);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.1;
  color: var(--c-titlu);
}
.consimtamant a,
.setari-cookie a {
  text-underline-offset: 3px;
  text-decoration-color: var(--c-aur);
}
.cookie-butoane {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.cookie-butoane button {
  min-height: 44px;
  padding: 10px 6px;
  border: 1px solid var(--c-margine);
  border-radius: 999px;
  background: var(--c-fundal);
  color: var(--c-text);
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  cursor: pointer;
  transition: background-color .2s;
}
@media (hover: hover) {
  .cookie-butoane button:hover {
    background: var(--c-fundal-2);
  }
}
.setari-cookie {
  margin: auto;
  width: min(560px, calc(100vw - 24px));
  max-height: min(88vh, 760px);
  padding: 0;
  border: 1px solid var(--c-margine);
  border-radius: 16px;
  background: var(--c-fundal);
  color: var(--c-text);
  font-size: 15.5px;
  line-height: 1.5;
  box-shadow: 0 18px 50px color-mix(in srgb, var(--c-text) 28%, transparent);
}
.setari-cookie[open] {
  display: flex;
  flex-direction: column;
}
.setari-cookie::backdrop {
  background: color-mix(in srgb, var(--c-text) 45%, transparent);
}
.setari-cookie .continut {
  position: relative;
  overflow-y: auto;
  padding: 22px 20px 12px;
}
.setari-cookie h2 {
  font-size: 30px;
  padding-right: 44px;
}
.setari-cookie .continut > p {
  margin-top: 10px;
}
.setari-cookie .inchide {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 44px;
  height: 44px;
  border: 0;
  background: none;
  color: var(--c-titlu);
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}
.setari-cookie .cookie-butoane {
  grid-template-columns: 1fr;
  padding: 14px 20px 18px;
  border-top: 1px solid var(--c-linie);
}
.setari-cookie .categorie {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 4px 16px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--c-linie);
}
.setari-cookie .categorie b {
  font-weight: 500;
}
.setari-cookie .categorie p {
  grid-column: 1;
  font-size: 14.5px;
  color: var(--c-text-2);
}
.setari-cookie .categorie .mereu {
  font-size: 14px;
  color: var(--c-accent);
}
.setari-cookie .categorie input {
  grid-row: 1 / 3;
  grid-column: 2;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 48px;
  height: 28px;
  margin: 0;
  border: 1px solid var(--c-margine);
  border-radius: 14px;
  background: var(--c-fundal);
  cursor: pointer;
  transition: background-color .2s;
}
.setari-cookie .categorie input::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--c-margine);
  transition: transform .2s;
}
.setari-cookie .categorie input:checked {
  background: var(--c-buton);
  border-color: var(--c-buton);
}
.setari-cookie .categorie input:checked::after {
  background: var(--c-pe-buton);
  transform: translateX(20px);
}
.setari-cookie .categorie label {
  cursor: pointer;
}
.cookie-uri {
  padding-bottom: 64px;
}
.cookie-uri h2 {
  text-align: center;
}
.cookie-uri > p {
  margin: 14px auto 0;
  max-width: 62ch;
}
.cookie-uri table {
  margin: 24px auto 0;
  border-collapse: collapse;
  font-size: 15.5px;
  line-height: 1.45;
}
.cookie-uri th,
.cookie-uri td {
  text-align: left;
  vertical-align: top;
  padding: 10px 32px 10px 0;
  border-bottom: 1px solid var(--c-linie);
}
.cookie-uri th {
  font-size: 14.5px;
  font-weight: 500;
  color: var(--c-text-2);
}
.cookie-uri code {
  font-family:
    ui-monospace,
    Consolas,
    monospace;
  font-size: 14px;
}
@container (max-width: 899.98px) {
  .cookie-uri table,
  .cookie-uri tbody,
  .cookie-uri tr,
  .cookie-uri td {
    display: block;
  }
  .cookie-uri thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .cookie-uri tr {
    padding: 14px 0;
    border-bottom: 1px solid var(--c-linie);
  }
  .cookie-uri tr:first-child {
    border-top: 1px solid var(--c-linie);
  }
  .cookie-uri td {
    padding: 2px 0;
    border: 0;
  }
  .cookie-uri td:first-child {
    padding-bottom: 6px;
  }
  .cookie-uri td[data-eticheta]::before {
    content: attr(data-eticheta) ": ";
    color: var(--c-text-2);
  }
}
@media (min-width: 900px) {
  .consimtamant {
    inset: auto 28px 28px auto;
    width: 440px;
    padding: 24px 26px;
    border: 1px solid var(--c-margine);
    border-radius: 16px;
    box-shadow: 0 18px 50px color-mix(in srgb, var(--c-text) 28%, transparent);
  }
  .setari-cookie .continut {
    padding: 30px 32px 12px;
  }
  .setari-cookie .inchide {
    top: 18px;
    right: 16px;
  }
  .setari-cookie .cookie-butoane {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 16px 32px 24px;
  }
}
@container (min-width: 900px) {
  .cookie-uri {
    padding-bottom: 100px;
  }
}
[data-acasa=a] .drum.mare + .drum.mare .foto {
  margin-left: 14cqw;
}
[data-acasa=c] .drum.mare .foto {
  margin-right: 14cqw;
}
[data-acasa=c] .drum.mare + .drum.mare .foto {
  margin-left: 14cqw;
  margin-right: -20px;
}
@container (min-width: 900px) {
  [data-acasa=a] .usi-mari {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
  [data-acasa=a] .drum.mare .foto {
    align-self: end;
  }
  [data-acasa=a] .drum.mare + .drum.mare .foto {
    margin: 0;
  }
  [data-acasa=c] .usi-mari {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 88px;
  }
  [data-acasa=c] .drum.mare {
    grid-template-rows: none;
    grid-row: auto;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    column-gap: 56px;
    align-items: center;
    text-align: left;
  }
  [data-acasa=c] .drum.mare .text-usa {
    display: block;
  }
  [data-acasa=c] .drum.mare .leg {
    justify-self: auto;
  }
  [data-acasa=c] .drum.mare p {
    margin-inline: 0;
  }
  [data-acasa=c] .drum.mare + .drum.mare {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
  [data-acasa=c] .drum.mare .foto {
    margin: 0;
  }
  [data-acasa=c] .drum.mare + .drum.mare .foto {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
  }
  [data-acasa=c] .drum.mare h2 {
    margin-top: 0;
  }
}