:root {
  --navy: #102a43;
  --navy-2: #173f5f;
  --green: #129764;
  --green-dark: #0b7a53;
  --green-soft: #e9f8f1;
  --blue-soft: #f4f8fb;
  --blue-line: #dceaf3;
  --text: #415367;
  --muted: #5f7184;
  --white: #ffffff;
  --shadow: 0 20px 52px rgba(16, 42, 67, 0.1);
  --shadow-soft: 0 12px 32px rgba(16, 42, 67, 0.075);
  --shadow-card: 0 10px 28px rgba(16, 42, 67, 0.055);
  --radius: 22px;
  --container: 1280px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Etapa 2: pagini SEO locale, landing pages și legături de conversie. */

/* Fundație comună pentru formulare și acțiuni responsive. */
input,
select,
textarea {
  box-sizing: border-box;
  max-width: 100%;
}

input[type="checkbox"] {
  box-sizing: border-box;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 2px 0 0;
  padding: 0;
  flex: 0 0 18px;
  align-self: flex-start;
}

.cookie-option input[type="checkbox"] {
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  flex-basis: 20px;
}

.form-consent-optional,
.gdpr-field {
  min-width: 0;
}

.form-consent-optional > :not(input),
.gdpr-field > :not(input) {
  min-width: 0;
  overflow-wrap: break-word;
}

@media (max-width: 760px) {
  .btn,
  button,
  [class*="actions"] > a,
  [class*="actions"] > button {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    text-align: center;
  }
}

/* Componentă globală premium: Asigurători parteneri */
.partners-carousel-section {
  overflow: hidden;
}

.partners-carousel-heading {
  max-width: 760px;
  margin: 0 auto clamp(22px, 3vw, 32px) !important;
  text-align: center;
}

.partners-carousel-heading h2 {
  margin: 0 0 8px;
  color: #082b54;
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  line-height: 1.12;
  letter-spacing: -0.025em;
}

.partners-carousel-heading p {
  margin: 0;
  color: #607386;
  line-height: 1.6;
}

.partners-carousel-original-label {
  display: none !important;
}

.partners-carousel-viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  touch-action: pan-x;
}

.partners-carousel-viewport::-webkit-scrollbar {
  display: none;
}

.partners-carousel-viewport:focus-visible {
  outline: 3px solid rgba(16, 169, 104, 0.42);
  outline-offset: 4px;
  border-radius: 14px;
}

.partners-carousel-track {
  display: flex;
  width: max-content;
  gap: 14px;
  align-items: stretch;
}

.partners-carousel-card {
  display: flex !important;
  box-sizing: border-box;
  width: clamp(150px, 13vw, 178px) !important;
  min-width: clamp(150px, 13vw, 178px) !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start;
  overflow: hidden;
  border: 1px solid #e0ebe7 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(8, 43, 84, 0.055) !important;
  transform: none !important;
}

.partners-carousel-card img,
.partners-carousel-card > img {
  display: block !important;
  width: auto !important;
  max-width: 136px !important;
  height: auto !important;
  max-height: 42px !important;
  margin: auto !important;
  object-fit: contain !important;
  filter: none !important;
  transform: none !important;
}

.partners-carousel-card span:not([aria-hidden]) {
  display: none !important;
}

.partners-carousel-controls {
  position: absolute;
  inset: 50% 14px auto;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  transform: translateY(-50%);
}

.partners-carousel-button {
  display: grid;
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  place-items: center;
  pointer-events: auto;
  color: #087b57;
  border: 1px solid #cde3db;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 22px rgba(8, 43, 84, 0.12);
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.partners-carousel-button:hover {
  color: #fff;
  background: #08a66c;
  transform: translateY(-1px);
}

.partners-carousel-button:focus-visible {
  outline: 3px solid rgba(16, 169, 104, 0.42);
  outline-offset: 3px;
}

@media (max-width: 768px) {

  .partners-carousel-card {
    width: calc((100vw - 152px) / 2) !important;
    min-width: calc((100vw - 152px) / 2) !important;
    max-width: 170px;
    padding: 14px !important;
  }

  .partners-carousel-card img,
  .partners-carousel-card > img {
    max-width: 120px !important;
    max-height: 38px !important;
  }
}

@media (max-width: 390px) {

  .partners-carousel-card {
    width: calc((100vw - 132px) / 2) !important;
    min-width: calc((100vw - 132px) / 2) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .partners-carousel-viewport {
    scroll-behavior: auto !important;
  }

  .partners-carousel-button {
    transition: none !important;
  }
}

/* Etapa 4.12 — formulare și conversie informativă */
.form-data-purpose {
  margin: 14px 0;
  padding: 12px 14px;
  border: 1px solid #d7e5e7;
  border-left: 4px solid #079b63;
  border-radius: 12px;
  color: #48677b;
  background: #f6faf9;
  font-size: .78rem;
  line-height: 1.55;
}

form[aria-busy="true"] {
  cursor: progress;
}

form[aria-busy="true"] :where(input, select, textarea) {
  opacity: .78;
}

form :where(input, select, textarea)[aria-invalid="true"] {
  border-color: #a43c35 !important;
  box-shadow: 0 0 0 4px rgba(164, 60, 53, .11) !important;
}

form :where(input:not([type="checkbox"]):not([type="radio"]), select) {
  min-height: 48px;
}

form textarea {
  min-height: 116px;
  resize: vertical;
}

form :where(button[type="submit"], input[type="submit"]) {
  min-height: 48px;
}

@media (max-width: 600px) {
  .form-data-purpose {
    padding: 11px 12px;
  }

  form :where(button[type="submit"], input[type="submit"]) {
    width: 100%;
  }
}


html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: linear-gradient(180deg, #fbfcfe 0%, #ffffff 40%, #f4f8fb 100%);
  line-height: 1.6;
  overflow-x: hidden;
}

body.menu-open {
  overflow: hidden;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
}

h1,
h2,
h3 {
  color: var(--navy);
  line-height: 1.12;
  margin: 0;
  letter-spacing: 0;
}

.container {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto;
}

@media (min-width: 1500px) {
  :root {
    --container: 1320px;
  }
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 70;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(220, 234, 243, 0.9);
  box-shadow: 0 8px 24px rgba(16, 42, 67, 0.04);
  backdrop-filter: blur(18px);
}

.site-header .container {
  width: min(var(--container), calc(100% - 48px));
}

.header-inner {
  min-height: 82px;
  display: grid;
  grid-template-columns: auto minmax(0, auto) auto;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 800;
  color: var(--navy);
  white-space: nowrap;
}

.brand-mark {
  width: 52px;
  height: 52px;
  display: inline-grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--green), #44c28d);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(21, 163, 111, 0.25);
}

.brand-mark svg {
  width: 29px;
  height: 29px;
}

.brand-name {
  display: grid;
  gap: 0;
  color: var(--navy);
  font-size: 1.18rem;
  font-weight: 950;
  line-height: 0.95;
  text-transform: uppercase;
}

.brand-name span:last-child {
  color: var(--green-dark);
  font-size: 1.34rem;
}

.main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.nav-link,
.nav-toggle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  background: transparent;
  color: #243b53;
  font: 750 0.89rem/1 var(--font);
  padding: 10px 7px;
  border-radius: 12px;
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.nav-dropdown-trigger {
  display: inline-flex;
  align-items: center;
  border-radius: 12px;
  transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.nav-dropdown-trigger .nav-parent-link {
  padding-right: 3px;
  border-radius: 12px 0 0 12px;
}

.nav-dropdown-trigger .nav-dropdown-toggle {
  min-width: 26px;
  padding-left: 2px;
  padding-right: 7px;
  border-radius: 0 12px 12px 0;
}

.nav-link:hover,
.nav-toggle:hover,
.nav-item:focus-within .nav-toggle {
  color: var(--green-dark);
  background: rgba(233, 248, 241, 0.72);
  box-shadow: inset 0 0 0 1px rgba(18, 151, 100, 0.12), 0 6px 16px rgba(16, 42, 67, 0.035);
}

.nav-dropdown-trigger:hover,
.nav-item:focus-within .nav-dropdown-trigger,
.nav-item.is-open .nav-dropdown-trigger {
  color: var(--green-dark);
  background: rgba(233, 248, 241, 0.72);
  box-shadow: inset 0 0 0 1px rgba(18, 151, 100, 0.12), 0 6px 16px rgba(16, 42, 67, 0.035);
}

.nav-dropdown-trigger:hover .nav-link,
.nav-dropdown-trigger:hover .nav-toggle,
.nav-item:focus-within .nav-dropdown-trigger .nav-link,
.nav-item:focus-within .nav-dropdown-trigger .nav-toggle,
.nav-item.is-open .nav-dropdown-trigger .nav-link,
.nav-item.is-open .nav-dropdown-trigger .nav-toggle {
  color: var(--green-dark);
}

.nav-dropdown-trigger .nav-link:hover,
.nav-dropdown-trigger .nav-toggle:hover,
.nav-item:focus-within .nav-dropdown-trigger .nav-toggle {
  background: transparent;
  box-shadow: none;
}

.nav-link:focus-visible,
.nav-toggle:focus-visible,
.menu-button:focus-visible,
.btn:focus-visible {
  outline: 3px solid rgba(18, 151, 100, 0.22);
  outline-offset: 3px;
}

.nav-chevron {
  width: 14px;
  height: 14px;
  transition: transform 0.18s ease, color 0.18s ease;
}

.nav-item:hover .nav-chevron,
.nav-item:focus-within .nav-chevron,
.nav-item.is-open .nav-chevron {
  color: var(--green-dark);
  transform: rotate(180deg);
}

.nav-item {
  position: relative;
}

.nav-item.has-dropdown::after {
  content: "";
  position: absolute;
  top: 100%;
  left: -16px;
  right: -16px;
  height: 28px;
  display: none;
}

.nav-item.has-dropdown.is-open::after {
  display: block;
}

.dropdown {
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  min-width: 304px;
  padding: 12px;
  border: 1px solid rgba(220, 234, 243, 0.98);
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 20px 52px rgba(16, 42, 67, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.nav-item:hover .dropdown,
.nav-item:hover .mega-menu,
.nav-item.is-open .dropdown,
.nav-item.is-open .mega-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.main-nav > .nav-item:last-of-type .dropdown {
  left: auto;
  right: 0;
}

.utility-group + .utility-group {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(220, 234, 243, 0.82);
}

.utility-group-title {
  display: block;
  padding: 4px 10px 6px;
  color: #748a9d;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.dropdown a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 12px;
  color: #334e68;
  font-weight: 720;
  font-size: 0.92rem;
  transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.dropdown a:hover {
  background: rgba(244, 248, 251, 0.96);
  color: var(--green-dark);
  box-shadow: inset 3px 0 0 rgba(18, 151, 100, 0.28);
  transform: translateX(1px);
}

.mega-menu {
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  width: min(860px, calc(100vw - 40px));
  max-height: calc(100vh - 120px);
  display: grid;
  grid-template-columns: 184px minmax(0, 1fr);
  gap: 16px;
  padding: 14px;
  border: 1px solid rgba(220, 234, 243, 0.95);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 253, 0.99) 100%);
  box-shadow: 0 24px 64px rgba(16, 42, 67, 0.14);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.nav-item:hover > .dropdown,
.nav-item:hover > .mega-menu,
.nav-item:hover > .nav-mega,
.nav-item.is-open > .dropdown,
.nav-item.is-open > .mega-menu,
.nav-item.is-open > .nav-mega {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.mega-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 0;
  border-radius: 12px;
  color: #334e68;
  background: transparent;
  font: 800 0.88rem/1.15 var(--font);
  text-align: left;
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.mega-menu-item:hover,
.mega-menu-item:focus,
.mega-menu-item.is-active {
  outline: none;
  color: var(--green-dark);
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(16, 42, 67, 0.075);
  transform: translateX(2px);
}

.mega-menu-item.is-active {
  box-shadow: inset 3px 0 0 rgba(18, 151, 100, 0.35), 0 10px 22px rgba(16, 42, 67, 0.075);
}

.mega-panel {
  grid-area: 1 / 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.mega-panel.is-active {
  opacity: 1;
}

.nav-item.is-open .mega-panel.is-active {
  visibility: visible;
  pointer-events: auto;
}

.mega-panel h3 {
  font-size: 1.2rem;
  margin-bottom: 0;
}

.mega-panel p {
  max-width: 520px;
  color: #5f7184;
  font-size: 0.92rem;
  line-height: 1.5;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 17px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 800;
  color: var(--navy);
  background: var(--white);
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  white-space: nowrap;
}

.btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-soft);
}

.btn-primary {
  color: #ffffff;
  background: linear-gradient(180deg, #17a872 0%, var(--green) 100%);
  box-shadow: 0 12px 28px rgba(18, 151, 100, 0.25);
}

.header-actions .btn {
  min-height: 46px;
  padding-inline: 18px;
  font-size: 0.92rem;
}

.header-actions .btn-secondary {
  color: var(--navy);
  background: #ffffff;
  border-color: rgba(16, 42, 67, 0.14);
  box-shadow: 0 8px 20px rgba(16, 42, 67, 0.045);
}

.header-actions .btn-secondary:hover {
  color: var(--green-dark);
  border-color: rgba(18, 151, 100, 0.24);
  background: #ffffff;
}

.header-actions .btn-primary {
  background: linear-gradient(180deg, #18aa73 0%, #0f9362 100%);
  box-shadow: 0 12px 26px rgba(18, 151, 100, 0.24);
}

.btn-primary:hover {
  background: linear-gradient(180deg, #0f8f60 0%, var(--green-dark) 100%);
}

.btn-secondary {
  border-color: var(--blue-line);
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(16, 42, 67, 0.035);
}

.btn-secondary:hover {
  border-color: rgba(18, 151, 100, 0.22);
  background: #f8fbfd;
}

.icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}

.menu-button {
  display: none;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid var(--blue-line);
  background: #ffffff;
  color: var(--navy);
}

.mobile-panel {
  display: none;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--green-dark);
  background: var(--green-soft);
  border: 1px solid rgba(21, 163, 111, 0.16);
  border-radius: 999px;
  padding: 8px 13px;
  font-weight: 800;
  font-size: 0.88rem;
  margin-bottom: 20px;
}

.check {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: var(--green-soft);
  color: var(--green);
  flex: 0 0 auto;
}

.section {
  padding: 44px 0 40px;
}

/* Homepage polish based on final visual references */

.section-heading {
  max-width: 760px;
  margin-bottom: 28px;
}

.section-heading.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section-heading h2 {
  font-size: clamp(2rem, 3vw, 3rem);
}

.section-heading p {
  margin-top: 14px;
  color: #5f7184;
  font-size: 1.04rem;
}


.simple-card {
  border: 1px solid var(--blue-line);
  background: #ffffff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}


.simple-card h3 {
  font-size: 1.18rem;
  margin-bottom: 10px;
}

.simple-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.balanced-four-grid {
  grid-template-columns: repeat(4, 1fr);
}

.simple-card {
  padding: 24px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.simple-card:hover {
  border-color: rgba(18, 151, 100, 0.18);
  box-shadow: 0 16px 38px rgba(16, 42, 67, 0.075);
}

.simple-card p {
  color: #617487;
}

.simple-card .btn {
  margin-top: 14px;
}

details.simple-card {
  padding: 0;
  overflow: hidden;
}

details.simple-card summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 62px;
  padding: 20px 22px;
  color: var(--navy);
  cursor: pointer;
  list-style: none;
}

details.simple-card summary:focus-visible {
  outline: 3px solid rgba(18, 151, 100, 0.24);
  outline-offset: 3px;
  border-radius: 18px;
}

details.simple-card summary::-webkit-details-marker {
  display: none;
}

details.simple-card summary::after {
  content: "+";
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: var(--green-soft);
  color: var(--green-dark);
  font-weight: 900;
  line-height: 1;
}

details.simple-card[open] summary::after {
  content: "-";
}

details.simple-card p {
  padding: 0 22px 22px;
  margin: 0;
}


.credits-faq-grid details.simple-card {
  border: 1px solid rgba(15, 46, 82, 0.1);
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 12%, rgba(18, 151, 100, 0.1), transparent 28%),
    #ffffff;
  box-shadow: 0 16px 42px rgba(11, 37, 69, 0.06);
}


.credits-faq-grid details.simple-card[open] {
  border-color: rgba(18, 151, 100, 0.2);
  box-shadow: 0 20px 54px rgba(11, 37, 69, 0.09);
}

.insurance-final-cta {
  padding: 26px 0 68px;
}

.insurance-final-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 28px;
  border: 1px solid rgba(21, 163, 111, 0.24);
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 10%, rgba(21, 163, 111, 0.12), transparent 28%),
    #ffffff;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}

.insurance-final-panel h2 {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  margin-bottom: 10px;
}

.insurance-final-panel p {
  max-width: 650px;
  color: #5c6f82;
}

.insurance-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
  min-width: 0;
}

/* ===== Careers page polish ===== */

.field {
  display: grid;
  gap: 8px;
}

label {
  color: var(--navy);
  font-weight: 800;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--blue-line);
  border-radius: 14px;
  padding: 13px 14px;
  color: var(--navy);
  background: #fbfdff;
  font: 600 1rem/1.35 var(--font);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

textarea {
  min-height: 140px;
  resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: rgba(18, 151, 100, 0.58);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(18, 151, 100, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

input[type="checkbox"] {
  accent-color: var(--green);
}

.gdpr-field {
  border-color: rgba(220, 234, 243, 0.95);
  background: #fbfdff;
}

.gdpr-field {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  grid-column: 1 / -1;
  color: #4c6074;
  font-weight: 650;
}

.gdpr-field input {
  width: 20px;
  height: 20px;
  margin-top: 3px;
}

.form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.form-status {
  min-height: 24px;
  margin-top: 14px;
  font-weight: 800;
}

.form-status.success {
  color: var(--green-dark);
}

.form-status.error {
  color: #b42318;
}

.form-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  place-items: center;
  padding: 20px;
}

.form-modal.is-visible {
  display: grid;
}

.form-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 36, 61, 0.42);
}

.form-modal-panel {
  position: relative;
  z-index: 1;
  width: min(440px, 100%);
  padding: 28px;
  border: 1px solid var(--blue-line);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: var(--shadow);
  text-align: center;
}

.form-modal-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  color: var(--navy);
  background: var(--blue-soft);
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1;
}

.form-modal-icon {
  display: inline-grid;
  width: 50px;
  height: 50px;
  place-items: center;
  margin-bottom: 14px;
  border-radius: 50%;
  color: var(--green-dark);
  background: var(--green-soft);
  font-size: 1.35rem;
  font-weight: 900;
}

.form-modal.is-error .form-modal-icon {
  color: #b42318;
  background: #fff0ee;
}

.form-modal-panel h2 {
  font-size: 1.45rem;
  margin-bottom: 10px;
}

.form-modal-panel p {
  color: #5c6f82;
  margin-bottom: 20px;
}

.site-footer {
  margin-top: 30px;
  color: #d9e6f2;
  background: linear-gradient(180deg, #0f2a43 0%, #071b2f 100%);
  border-top: 1px solid rgba(219, 232, 242, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}


.legal-bar a:hover,
.legal-bar button:hover {
  color: #8ce0bc;
  transform: translateX(1px);
}

.legal-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 14px;
  align-items: center;
  justify-content: center;
  padding: 15px 0 19px;
  border-top: 1px solid rgba(219, 232, 242, 0.14);
  color: #b9c9d8;
  font-size: 0.9rem;
}

.legal-bar a,
.legal-bar button {
  color: #cddbea;
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
  transition: color 0.18s ease, transform 0.18s ease;
}

.legal-bar span {
  color: rgba(205, 219, 234, 0.42);
}

.cookie-panel {
  box-sizing: border-box;
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 10000;
  width: min(520px, calc(100vw - 44px));
  max-height: calc(100vh - 44px);
  overflow: auto;
  padding: 22px;
  border: 1px solid var(--blue-line);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: var(--shadow);
  display: none;
}

.cookie-panel.is-visible {
  display: block;
}

.cookie-panel h2 {
  font-size: 1.35rem;
  margin-bottom: 8px;
}

.cookie-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}

.cookie-eyebrow {
  display: inline-flex;
  margin-bottom: 6px;
  color: var(--green-dark);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cookie-close {
  width: 44px;
  height: 44px;
  border: 1px solid var(--blue-line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--navy);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}

.cookie-options {
  display: none;
  gap: 10px;
  margin: 16px 0;
}

.cookie-panel.is-managing .cookie-options {
  display: grid;
}

.cookie-option {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 12px;
  border: 1px solid var(--blue-line);
  border-radius: 16px;
}

.cookie-option input {
  width: 20px;
  height: 20px;
}

.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cookie-actions .btn {
  min-height: 44px;
  flex: 1 1 148px;
}

.cookie-status {
  min-height: 1.4em;
  margin: 10px 0 0;
  color: #9b3b31;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.45;
}

@media (max-width: 560px) {
  .cookie-panel {
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
    max-width: none;
    max-height: calc(100vh - 24px);
    padding: 18px;
    border-radius: 20px;
  }

  .cookie-option {
    gap: 12px;
  }

  .cookie-actions .btn {
    width: 100%;
    flex-basis: 100%;
  }
}

.cookie-actions [data-cookie-save] {
  display: none;
}

.cookie-panel.is-managing .cookie-actions [data-cookie-save] {
  display: inline-flex;
}

.cookie-panel.is-managing .cookie-actions [data-cookie-manage] {
  display: none;
}

/* Consimțământul de marketing este separat și opțional pe toate formularele. */
.form-consent-optional {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 12px 0;
  max-width: 100%;
  padding: 11px 12px;
  border: 1px solid #d7e9e4;
  border-radius: 12px;
  background: #f6fbf9;
  color: #49667d;
  font-size: 13px;
  line-height: 1.45;
}

.form-consent-optional input {
  flex: 0 0 auto;
  margin-top: 3px;
}

.form-consent-optional span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.cookie-note {
  margin: 12px 0 0;
  color: var(--text-muted);
  font-size: 0.88rem;
}

@media (max-width: 1080px) {
  .header-inner {
    grid-template-columns: auto auto;
    justify-content: space-between;
  }

  .menu-button {
    display: inline-grid;
    place-items: center;
  }

  .main-nav,
  .header-actions {
    display: none;
  }

  .mobile-panel {
    position: fixed;
    inset: 78px 0 auto;
    max-height: calc(100vh - 78px);
    overflow-y: auto;
    display: none;
    padding: 20px;
    border-bottom: 1px solid var(--blue-line);
    background: #ffffff;
    box-shadow: var(--shadow-soft);
  }

  body.menu-open .mobile-panel {
    display: block;
  }

  .mobile-panel .main-nav,
  .mobile-panel .header-actions {
    display: grid;
    justify-content: stretch;
    gap: 8px;
  }

  .mobile-panel .nav-link,
  .mobile-panel .nav-toggle,
  .mobile-panel .btn {
    justify-content: flex-start;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
  }

  .mobile-panel .nav-toggle {
    justify-content: space-between;
  }

  .mobile-panel .nav-dropdown-trigger {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    align-items: center;
    width: 100%;
  }

  .mobile-panel .nav-dropdown-trigger .nav-parent-link {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 12px 0 0 12px;
  }

  .mobile-panel .nav-dropdown-trigger .nav-dropdown-toggle {
    justify-content: center;
    width: 48px;
    min-width: 48px;
    min-height: 44px;
    padding: 0;
    border-radius: 0 12px 12px 0;
  }

  .mobile-panel .nav-item {
    width: 100%;
  }

  .mobile-panel .nav-item.has-dropdown::after {
    display: none;
  }

  .mobile-panel .dropdown,
  .mobile-panel .mega-menu {
    position: static;
    width: 100%;
    min-width: 0;
    display: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    margin: 4px 0 8px;
    box-shadow: none;
    background: var(--blue-soft);
  }

  .mobile-panel .nav-item.is-open .dropdown,
  .mobile-panel .nav-item.is-open .mega-menu {
    display: grid;
  }

  .mobile-panel .mega-menu {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 10px;
    border-radius: 18px;
    max-height: none;
    overflow: visible;
  }

  .mobile-panel .mega-menu-item {
    min-height: 44px;
  }

  .mobile-panel .dropdown a {
    background: #ffffff;
    min-height: 44px;
  }

  
  .simple-grid,
  .balanced-four-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .insurance-final-panel {
    grid-template-columns: 1fr;
  }

  .insurance-final-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 900px) {
  .container {
    width: min(100% - 32px, var(--container));
  }

  
  .simple-grid,
  .balanced-four-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .container {
    width: min(100% - 32px, var(--container));
  }

  
  .insurance-final-actions,
  .form-actions,
  .cookie-actions {
    display: grid;
  }

  
  .insurance-final-actions .btn,
  .form-actions .btn,
  .cookie-actions .btn {
    width: 100%;
  }

  .section {
    padding: 34px 0;
  }

  
  .simple-grid {
    grid-template-columns: 1fr;
  }

  .insurance-final-cta {
    padding: 20px 0 48px;
  }

  .insurance-final-panel {
    padding: 22px;
    border-radius: 22px;
  }
}

/* ===== Reviews (Google) ===== */

/* ===== Partners / Insurers ===== */

@media (max-width: 560px) {

  .simple-card {
    min-width: 0;
    max-width: 100%;
  }

  .simple-card .btn {
    max-width: 100%;
    white-space: normal;
    text-align: center;
    overflow-wrap: anywhere;
  }
}

/* ===== Credit calculator ===== */

/* Cum functioneaza + Beneficii pentru tine (homepage) */

/* Etapa 5A: redesign strict pentru "Cum functioneaza" */

/* Etapa 5B: redesign strict pentru "Beneficii pentru tine" */

/* Fix robust expandare carduri "Beneficii pentru tine" */

/* Carduri produse asigurari */

/* Panouri detaliu tipuri de asigurari */

/* Carduri servicii conexe (homepage) */


/* Logo compact header */

.brand-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  min-width: 0;
}

.brand-name {
  display: grid;
  gap: 0;
  font-weight: 950;
  color: var(--navy);
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0;
}

.brand-name span:last-child {
  color: var(--green-dark);
}

.brand-tagline {
  margin-top: 3px;
  font-size: 0.7rem;
  font-weight: 650;
  color: #52677b;
  letter-spacing: 0;
  line-height: 1.18;
  white-space: nowrap;
}

@media (min-width: 1081px) {
  .brand .brand-tagline {
    display: block !important;
  }
}

@media (max-width: 1080px) {
  .brand .brand-tagline {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .brand-tagline {
    display: none;
  }

  .brand-mark {
    width: 36px;
    height: 36px;
  }
}

/* Familia CASCO */

/* ==========================================================================
   Rafinare desktop meniuri: mega-menu "Asigurări" + dropdown "Utile".
   Doar desktop (>1080px). Meniul mobil ramane neatins (overrides in max-width:1080px).
   ========================================================================== */
@media (min-width: 1081px) {
  /* --- Mega-menu container --- */
  .mega-menu {
    width: min(820px, calc(100vw - 40px));
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 12px;
    padding: 10px;
    border-radius: 18px;
    border-color: rgba(220, 234, 243, 0.85);
    box-shadow: 0 16px 44px rgba(16, 42, 67, 0.1);
  }

  /* --- Coloana stanga: taburi --- */

  .mega-menu-item {
    min-height: 38px;
    padding: 0 10px;
    gap: 8px;
    border-radius: 10px;
    font: 700 0.85rem/1.15 var(--font);
  }

  .mega-menu-item span[aria-hidden="true"] {
    font-size: 0.9em;
    color: rgba(51, 78, 104, 0.4);
  }

  .mega-menu-item:hover,
  .mega-menu-item:focus,
  .mega-menu-item.is-active {
    box-shadow: 0 6px 16px rgba(16, 42, 67, 0.06);
    transform: translateX(1px);
  }

  .mega-menu-item.is-active {
    box-shadow: inset 2px 0 0 rgba(18, 151, 100, 0.32), 0 6px 16px rgba(16, 42, 67, 0.06);
  }

  .mega-menu-item:hover span[aria-hidden="true"],
  .mega-menu-item.is-active span[aria-hidden="true"] {
    color: rgba(18, 151, 100, 0.55);
  }

  /* --- Panoul din dreapta --- */

  .mega-panel {
    gap: 11px;
  }

  .mega-panel h3 {
    font-size: 1.05rem;
  }

  .mega-panel p {
    font-size: 0.85rem;
    line-height: 1.45;
  }

  /* --- Dropdown "Utile" --- */
  .dropdown {
    min-width: 272px;
    padding: 9px;
    border-radius: 16px;
    border-color: rgba(220, 234, 243, 0.9);
    box-shadow: 0 16px 40px rgba(16, 42, 67, 0.1);
  }

  .utility-group + .utility-group {
    margin-top: 8px;
    padding-top: 8px;
  }

  .utility-group-title {
    padding: 3px 9px 5px;
    font-size: 0.68rem;
  }

  .dropdown a {
    min-height: 38px;
    gap: 12px;
    padding: 8px 11px;
    border-radius: 10px;
    font-size: 0.88rem;
  }

  .dropdown a span[aria-hidden="true"] {
    font-size: 0.9em;
    color: rgba(51, 78, 104, 0.38);
  }

  .dropdown a:hover {
    box-shadow: inset 2px 0 0 rgba(18, 151, 100, 0.24);
  }

  .dropdown a:hover span[aria-hidden="true"] {
    color: rgba(18, 151, 100, 0.55);
  }
}

/* ==========================================================================
   Mega-menu "Asigurări" pe coloane (Varianta 3) — desktop.
   Inlocuieste layout-ul cu taburi. Doar >1080px; mobilul stiveste coloanele.
   ========================================================================== */
@media (min-width: 1081px) {
  /* ancoreaza mega la header (full-width, centrat) doar pentru Asigurari */

  /* punte de hover intre buton si panou */

  /* coloana promo */

  /* coloana CTA */
}

/* Mega-menu coloane pe mobil: stiveste vertical, tap targets clare */

/* ==========================================================================
   Dropdown-uri premium desktop pentru Credite, Imobiliare, Vacanta, Suport si Utile
   ========================================================================== */
@media (min-width: 1081px) {
  .nav-item.has-rich {
    position: static;
  }

  .nav-item.has-rich.has-dropdown::after {
    display: none;
  }

  .nav-mega {
    left: 50%;
    right: auto;
    top: calc(100% + 6px);
    width: min(1180px, calc(100vw - 32px));
    min-width: 0;
    padding: 16px;
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 16px;
    border-radius: 20px;
    border-color: rgba(220, 234, 243, 0.9);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 251, 253, 0.99) 100%);
    box-shadow: 0 22px 60px rgba(16, 42, 67, 0.14);
    transform: translateX(-50%) translateY(8px);
    z-index: 61;
  }

  .nav-item.is-open > .nav-mega {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }

  .nav-mega::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 14px;
  }

  .nav-mega-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
  }

  .nav-mega-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 226px;
    padding: 15px;
    border-radius: 15px;
    background: #ffffff;
    border: 1px solid rgba(220, 234, 243, 0.86);
    box-shadow: 0 8px 18px rgba(16, 42, 67, 0.052);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  }

  .nav-mega-card:hover {
    transform: translateY(-2px);
    border-color: rgba(18, 151, 100, 0.26);
    box-shadow: 0 14px 30px rgba(16, 42, 67, 0.085);
  }

  .nav-mega-card-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #eaf2ff;
    color: #0f6df2;
    margin-bottom: 12px;
    box-shadow: inset 0 0 0 1px rgba(15, 109, 242, 0.12);
  }

  .nav-mega-card-icon svg {
    width: 18px;
    height: 18px;
  }

  .nav-mega-card strong {
    color: var(--navy);
    font-size: 0.98rem;
    line-height: 1.25;
    margin-bottom: 8px;
  }

  .nav-mega-card > span:not(.nav-mega-card-icon) {
    color: #52677b;
    font-size: 0.81rem;
    line-height: 1.42;
  }

  .nav-mega-card ul {
    list-style: none;
    margin: 11px 0 0;
    padding: 0;
    display: grid;
    gap: 5px;
  }

  .nav-mega-card li {
    position: relative;
    padding-left: 14px;
    color: #354f65;
    font-size: 0.76rem;
    line-height: 1.28;
    font-weight: 650;
  }

  .nav-mega-card li::before {
    content: "";
    position: absolute;
    top: 0.52em;
    left: 1px;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--green);
  }

  .nav-mega-card-links {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: grid;
    gap: 3px;
  }

  .nav-mega-card-links li {
    padding-left: 0;
  }

  .nav-mega-card-links li::before {
    display: none;
  }

  .nav-mega-card-links a {
    display: block;
    margin: 0 -7px;
    padding: 5px 7px;
    border-radius: 8px;
    color: #354f65;
    font-size: 0.79rem;
    font-weight: 700;
    line-height: 1.2;
    transition: color 0.16s ease, background 0.16s ease;
  }

  .nav-mega-card-links a:hover {
    color: var(--green-dark);
    background: rgba(233, 248, 241, 0.78);
  }

  .nav-mega-card em {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 12px;
    color: #0f6df2;
    font-style: normal;
    font-size: 0.79rem;
    font-weight: 850;
  }

  .nav-mega-card em .icon {
    width: 13px;
    height: 13px;
    transition: transform 0.16s ease;
  }

  .nav-mega-card:hover em .icon {
    transform: translateX(2px);
  }

  .nav-mega-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 12px;
    color: var(--green-dark);
    font-size: 0.79rem;
    font-weight: 850;
  }

  .nav-mega-card-cta .icon {
    width: 13px;
    height: 13px;
    transition: transform 0.16s ease;
  }

  .nav-mega-card-cta:hover .icon {
    transform: translateX(2px);
  }

  .nav-mega-strip {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 48px;
    margin-top: -2px;
    padding: 11px 14px;
    border-radius: 13px;
    background: linear-gradient(90deg, rgba(233, 248, 241, 0.95), rgba(234, 242, 255, 0.78));
    border: 1px solid rgba(220, 234, 243, 0.74);
    color: #42566a;
    font-size: 0.82rem;
  }

  .nav-mega-strip strong {
    color: var(--navy);
    font-size: 0.86rem;
    white-space: nowrap;
  }

  .nav-mega-strip span {
    min-width: 0;
    flex: 1;
  }

  .nav-mega-strip a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border-radius: 10px;
    color: #ffffff;
    background: #0f6df2;
    font-weight: 850;
    white-space: nowrap;
  }

  .nav-mega-strip a .icon {
    width: 13px;
    height: 13px;
  }
}

@media (max-width: 1260px) and (min-width: 1081px) {
  .header-inner {
    gap: 10px;
  }

  .main-nav {
    gap: 3px;
  }

  .nav-link,
  .nav-toggle {
    padding-inline: 7px;
    font-size: 0.86rem;
  }

  .header-actions .btn {
    padding-inline: 12px;
    font-size: 0.82rem;
  }

  .nav-mega {
    width: min(1120px, calc(100vw - 24px));
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 12px;
  }

  .nav-mega-grid {
    gap: 8px;
  }

  .nav-mega-card {
    padding: 12px;
  }
}

@media (max-width: 1380px) and (min-width: 1081px) {
  .header-inner {
    gap: 8px;
  }

  .brand-tagline {
    display: block;
    font-size: 0.58rem;
    line-height: 1.12;
  }

  .main-nav {
    gap: 2px;
  }

  .nav-link,
  .nav-toggle {
    padding-inline: 6px;
    font-size: 0.84rem;
  }

  .header-actions {
    gap: 7px;
  }

  .header-actions .btn {
    min-height: 40px;
    padding: 10px 11px;
    font-size: 0.76rem;
    white-space: nowrap;
  }

  .header-actions .btn-primary .icon {
    width: 14px;
    height: 14px;
  }

  .header-actions .btn-secondary {
    width: auto;
    min-width: 0;
    padding: 10px 11px;
    border-radius: 999px;
    font-size: 0.76rem;
    background: #ffffff;
    color: var(--navy);
    border-color: rgba(16, 42, 67, 0.14);
  }

  .header-actions .btn-secondary .icon {
    width: 18px;
    height: 18px;
    margin: 0;
  }
}

/* Final icon polish for homepage and Careers cards */

@media (max-width: 1080px) {
  .mobile-panel .nav-mega {
    display: none;
    gap: 8px;
    padding: 8px;
    width: 100%;
    box-shadow: none;
  }

  .mobile-panel .nav-item.is-open .nav-mega {
    display: grid;
  }

  .mobile-panel .nav-mega-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .mobile-panel .nav-mega-card {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 4px 10px;
    align-items: start;
    padding: 11px;
    border-radius: 11px;
    background: #ffffff;
    border: 1px solid var(--blue-line);
  }

  .mobile-panel .nav-mega-card-icon {
    grid-row: 1 / span 3;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--green-soft);
    color: var(--green-dark);
  }

  .mobile-panel .nav-mega-card-icon svg {
    width: 15px;
    height: 15px;
  }

  .mobile-panel .nav-mega-card strong {
    color: var(--navy);
    font-size: 0.92rem;
    line-height: 1.25;
  }

  .mobile-panel .nav-mega-card > span:not(.nav-mega-card-icon),
  .mobile-panel .nav-mega-card ul {
    display: none;
  }

  .mobile-panel .nav-mega-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    color: var(--green-dark);
    font-size: 0.84rem;
    font-weight: 850;
  }

  .mobile-panel .nav-mega-card-cta .icon {
    width: 13px;
    height: 13px;
  }

  .mobile-panel .nav-mega-card em {
    color: var(--green-dark);
    font-style: normal;
    font-size: 0.82rem;
    font-weight: 850;
  }

  .mobile-panel .nav-mega-card em .icon {
    width: 13px;
    height: 13px;
  }

  .mobile-panel .nav-mega-strip {
    padding: 11px 12px;
    border-radius: 11px;
    background: var(--green-soft);
    color: #42566a;
    font-size: 0.84rem;
  }

  .mobile-panel .nav-mega-strip strong {
    display: block;
    color: var(--navy);
    margin-bottom: 4px;
  }

  .mobile-panel .nav-mega-strip a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    color: var(--green-dark);
    font-weight: 850;
  }
}

/* Final homepage section overrides */

/* Final visual polish for desktop dropdowns and homepage cards */
@media (min-width: 1081px) {
  .nav-mega {
    width: min(1140px, calc(100vw - 32px));
    padding: 14px;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    border-radius: 18px;
    box-shadow: 0 20px 52px rgba(16, 42, 67, 0.125);
  }

  .nav-mega-grid {
    gap: 9px;
    align-items: start;
  }

  .nav-mega-card {
    min-height: 208px;
    padding: 13px;
  }

  .nav-mega-card-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
  }

  .nav-mega-card-icon svg {
    width: 17px;
    height: 17px;
  }

  .nav-mega-card strong {
    min-height: 2.4em;
    display: flex;
    align-items: flex-start;
    font-size: 0.94rem;
    margin-bottom: 7px;
  }

  .nav-mega-card > span:not(.nav-mega-card-icon) {
    font-size: 0.79rem;
    line-height: 1.38;
  }

  .nav-mega-card ul {
    margin-top: 9px;
    gap: 4px;
  }

  .nav-mega-card-links {
    margin-top: 9px;
    gap: 2px;
  }

  .nav-mega-card-links a {
    padding-block: 4px;
    font-size: 0.77rem;
  }

  .nav-mega-card-cta,
  .nav-mega-card em {
    padding-top: 10px;
    font-size: 0.77rem;
  }

  .nav-mega-strip {
    min-height: 44px;
    padding: 9px 12px;
    gap: 12px;
  }
}

/* Strict homepage correction: category cards and useful links only */

/* Modal info homepage */

/* Homepage category icons: keep icons in the card flow, never over the CTA */

@media (min-width: 1081px) {
  .header-inner > .main-nav > .nav-item.is-open > .nav-mega {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }

  .main-nav > .nav-item.is-open > .nav-mega {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }
}

/* ==========================================================================
   Rafinare dropdown-uri desktop: contrast butoane albastre + centrare Utile.
   Doar CSS. Nu schimba structura, linkurile sau logica meniului.
   ========================================================================== */
@media (min-width: 1081px) {
  /* Buton albastru din cardul introductiv: text alb clar (bat .dropdown a) */

  /* CTA din strip: acelasi albastru cu contrast bun, text alb crisp */
  .nav-mega .nav-mega-strip a {
    color: #ffffff;
    background: linear-gradient(180deg, #1a67da 0%, #0a4cae 100%);
    box-shadow: 0 8px 16px rgba(11, 76, 174, 0.2);
    text-shadow: 0 1px 1px rgba(6, 34, 82, 0.3);
  }

  .nav-mega .nav-mega-strip a:hover {
    color: #ffffff;
    background: linear-gradient(180deg, #205fd6 0%, #073f95 100%);
  }

  /* Utile e ultimul .nav-item: pastreaza mega centrat, nu il impinge in dreapta */
  .main-nav > .nav-item.has-rich:last-of-type .nav-mega {
    left: 50%;
    right: auto;
  }
}

/* Premium sections homepage */

/* Premium category cards */

/* Premium services hub */

/* Premium lower homepage sections */

/* Careers premium section */

/* Lower steps premium section */

/* Reviews premium section */

/* Partners premium section */

/* Premium footer redesign */
.site-footer {
  margin-top: 36px;
  overflow: hidden;
  color: #d8e6f4;
  background:
    radial-gradient(circle at 16% 12%, rgba(26, 159, 92, 0.14), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(31, 111, 229, 0.12), transparent 26%),
    linear-gradient(180deg, #08233c 0%, #06192d 58%, #041527 100%);
  border-top: 1px solid rgba(219, 232, 242, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.footer-brand-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.footer-brand-title .icon {
  width: 42px;
  height: 42px;
  color: #2cd18b;
}

.footer-brand-title h3 {
  margin: 0;
  color: #ffffff;
  font-size: 1.08rem;
  line-height: 1.25;
}


.legal-bar a,
.legal-bar button {
  color: #cfdeeb;
  text-decoration: none;
  transition: color 160ms ease, transform 160ms ease, background 160ms ease, border-color 160ms ease;
}


.legal-bar a:hover,
.legal-bar a:focus-visible,
.legal-bar button:hover,
.legal-bar button:focus-visible {
  color: #8ce0bc;
}

.legal-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 26px;
  border-top: 1px solid rgba(219, 232, 242, 0.12);
  color: #b9c9d8;
  font-size: 0.9rem;
}

.legal-bar button {
  border: 0;
  padding: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.legal-copy {
  color: #b9c9d8;
}

@media (max-width: 820px) {

  .legal-bar {
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {

  .legal-bar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
  }
}

/* Homepage premium final polish */

.legal-bar {
  gap: 12px 20px;
}

/* Premium mega menu v2 */
@media (min-width: 1081px) {
  .nav-item.has-rich {
    position: static;
  }

  .nav-item.has-rich.has-dropdown::after {
    display: none;
  }

  .nav-item.has-rich > .nav-toggle {
    transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
  }

  .nav-item.has-rich.is-open > .nav-toggle,
  .nav-item.has-rich > .nav-toggle:hover,
  .nav-item.has-rich > .nav-toggle:focus-visible {
    color: #047857;
    background: rgba(228, 246, 238, 0.92);
    box-shadow: inset 0 0 0 1px rgba(18, 151, 100, 0.16);
  }

  .nav-item.has-rich.is-open > .nav-toggle .nav-chevron {
    transform: rotate(180deg);
  }

  .nav-mega-v2 {
    left: 50%;
    right: auto;
    top: calc(100% + 8px);
    width: min(1240px, calc(100vw - 48px));
    box-sizing: border-box;
    min-width: 0;
    padding: 18px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    border: 1px solid rgba(15, 46, 82, 0.1);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 252, 255, 0.99) 100%);
    box-shadow: 0 24px 68px rgba(6, 26, 51, 0.15);
    transform: translateX(-50%) translateY(8px);
    z-index: 90;
    overflow: hidden;
  }

  .nav-item.is-open > .nav-mega-v2 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }

  .nav-mega-v2::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    height: 16px;
  }

  .nav-mega-v2 .nav-mega-grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(219, 231, 241, 0.86);
    border-radius: 18px;
    background: #ffffff;
  }

  .nav-mega-v2 .nav-mega-card {
    min-width: 0;
    min-height: 238px;
    display: flex;
    flex-direction: column;
    padding: 23px 22px 19px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: none;
    transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
  }

  .nav-mega-v2 .nav-mega-card + .nav-mega-card {
    border-left: 1px solid rgba(219, 231, 241, 0.9);
  }

  .nav-mega-v2 .nav-mega-card:hover {
    transform: none;
    background: linear-gradient(180deg, #ffffff 0%, #f1fbf7 100%);
    box-shadow: inset 0 0 0 1px rgba(18, 151, 100, 0.1);
  }

  .nav-mega-v2 .nav-mega-card-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin: 0 0 16px;
    border-radius: 16px;
    color: #087a50;
    background: #e8f7ef;
    box-shadow: inset 0 0 0 1px rgba(18, 151, 100, 0.13);
  }

  .nav-mega-v2 .nav-mega-card-icon svg {
    width: 23px;
    height: 23px;
  }

  .nav-mega-v2 .nav-mega-card-icon-link,
  .nav-mega-v2 .nav-mega-card-title-link {
    color: inherit;
    text-decoration: none;
  }

  .nav-mega-v2 .nav-mega-card-icon-link {
    cursor: pointer;
  }

  .nav-mega-v2 .nav-mega-card-title-link:hover {
    color: #087a50;
  }

  .nav-mega-v2 .nav-mega-card-icon-link:focus-visible,
  .nav-mega-v2 .nav-mega-card-title-link:focus-visible {
    outline: 3px solid rgba(18, 151, 100, 0.28);
    outline-offset: 3px;
    border-radius: 8px;
  }

  .nav-mega-v2 .nav-mega-card strong {
    margin: 0 0 10px;
    color: var(--navy);
    font-size: 0.98rem;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 0;
  }

  .nav-mega-v2 .nav-mega-card > span:not(.nav-mega-card-icon) {
    color: #52677b;
    font-size: 0.84rem;
    line-height: 1.48;
  }

  .nav-mega-v2 .nav-mega-card-links {
    display: grid;
    gap: 7px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }

  .nav-mega-v2 .nav-mega-card-links li {
    padding-left: 0;
    line-height: 1.25;
  }

  .nav-mega-v2 .nav-mega-card-links li::before {
    display: none;
  }

  .nav-mega-v2 .nav-mega-card-links a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 0 18px;
    color: #24435d;
    border-radius: 0;
    background: transparent;
    font-size: 0.8rem;
    font-weight: 760;
    line-height: 1.28;
    transition: color 0.16s ease;
  }

  .nav-mega-v2 .nav-mega-card-links a::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 0.58em;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #109a62;
    box-shadow: 0 0 0 3px rgba(16, 154, 98, 0.08);
  }

  .nav-mega-v2 .nav-mega-card-links a:hover {
    color: #047857;
    background: transparent;
  }

  .nav-mega-v2 .nav-mega-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: auto;
    padding: 18px 0 0;
    color: #047857;
    font-size: 0.82rem;
    font-weight: 900;
    white-space: normal;
  }

  .nav-mega-v2 .nav-mega-card-cta .icon {
    width: 13px;
    height: 13px;
    transition: transform 0.16s ease;
  }

  .nav-mega-v2 .nav-mega-card:hover .nav-mega-card-cta .icon {
    transform: translateX(3px);
  }

  .nav-mega-v2 .nav-mega-strip {
    grid-column: auto;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 64px;
    margin: 0;
    padding: 14px 18px;
    border: 1px solid rgba(219, 231, 241, 0.86);
    border-radius: 18px;
    background: linear-gradient(90deg, #effaf5 0%, #f1f7ff 100%);
    color: #4f667a;
    font-size: 0.84rem;
  }

  .nav-mega-strip-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    color: #0758cf;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(15, 109, 242, 0.16);
  }

  .nav-mega-strip-icon svg {
    width: 21px;
    height: 21px;
  }

  .nav-mega-strip-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
    flex: 1;
  }

  .nav-mega-v2 .nav-mega-strip strong {
    color: var(--navy);
    font-size: 0.9rem;
    white-space: normal;
  }

  .nav-mega-v2 .nav-mega-strip span {
    min-width: 0;
  }

  .nav-mega-v2 .nav-mega-strip a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin-left: auto;
    padding: 10px 16px;
    border-radius: 999px;
    color: #047857;
    background: transparent;
    font-size: 0.86rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: none;
  }

  .nav-mega-v2 .nav-mega-strip a:hover {
    color: #ffffff;
    background: #0aa366;
  }

  .nav-mega-v2 .nav-mega-strip a .icon {
    width: 14px;
    height: 14px;
  }

  /* Credite: variantă desktop compactă, cu acces direct la categoriile principale. */

  /* Imobiliare: variantă desktop compactă, cu acces direct la categoriile principale. */

  /* Vacanțe: variantă desktop compactă, cu acces direct la categoriile principale. */

  /* Suport Daune: variantă desktop compactă, cu acces direct la categoriile principale. */

  /* Utile: variantă desktop compactă, păstrând toate cele opt destinații. */
}

@media (max-width: 1260px) and (min-width: 1081px) {
  .nav-mega-v2 {
    width: min(1160px, calc(100vw - 48px));
    padding: 14px;
  }

  .nav-mega-v2 .nav-mega-card {
    padding: 19px 17px 17px;
  }

  .nav-mega-v2 .nav-mega-card strong {
    font-size: 0.9rem;
  }

  .nav-mega-v2 .nav-mega-card > span:not(.nav-mega-card-icon),
  .nav-mega-v2 .nav-mega-card-links a {
    font-size: 0.76rem;
  }
}

@media (max-width: 1080px) {
  .mobile-panel .nav-mega-v2 {
    position: static;
    width: 100%;
    padding: 8px;
    border-radius: 14px;
    border: 1px solid var(--blue-line);
    background: #f8fbfd;
    box-shadow: none;
    overflow: visible;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 3px 10px;
    min-height: 0;
    padding: 11px;
    border: 1px solid var(--blue-line);
    border-radius: 12px;
    background: #ffffff;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-card + .nav-mega-card {
    border-left: 1px solid var(--blue-line);
  }

  .mobile-panel .nav-mega-v2 .nav-mega-card-icon {
    grid-row: 1 / span 3;
    width: 34px;
    height: 34px;
    margin: 0;
    border-radius: 10px;
    color: var(--green-dark);
    background: var(--green-soft);
  }

  .mobile-panel .nav-mega-v2 .nav-mega-card-icon svg {
    width: 17px;
    height: 17px;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-card strong {
    margin: 0;
    color: var(--navy);
    font-size: 0.92rem;
    line-height: 1.24;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-card > span:not(.nav-mega-card-icon) {
    display: block;
    color: #5f7184;
    font-size: 0.82rem;
    line-height: 1.35;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-card-links {
    display: none;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-card-cta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: 5px;
    padding: 0;
    color: var(--green-dark);
    font-size: 0.82rem;
    font-weight: 900;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-card-cta .icon {
    width: 13px;
    height: 13px;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-strip {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 4px 10px;
    min-height: 0;
    margin-top: 8px;
    padding: 11px;
    border-radius: 12px;
    background: linear-gradient(90deg, #effaf5 0%, #eef6ff 100%);
  }

  .mobile-panel .nav-mega-strip-icon {
    grid-row: 1 / span 2;
    width: 34px;
    height: 34px;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-strip-copy {
    display: grid;
    gap: 2px;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-strip strong {
    color: var(--navy);
    font-size: 0.86rem;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-strip span {
    color: #52677b;
    font-size: 0.8rem;
  }

  .mobile-panel .nav-mega-v2 .nav-mega-strip a {
    grid-column: 2;
    width: fit-content;
    margin: 5px 0 0;
    color: var(--green-dark);
    background: transparent;
    font-size: 0.82rem;
    font-weight: 900;
  }
}

/* Premium process section */

/* Integrated process benefits and campaigns */

/* Premium contact page redesign */

/* Homepage combined section polish */

/* Premium careers page */

.careers-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.careers-faq-grid details.simple-card {
  border-color: rgba(190, 211, 226, 0.72);
  box-shadow: 0 16px 38px rgba(13, 40, 70, 0.06);
}

.careers-faq-grid details.simple-card[open] {
  border-color: rgba(26, 159, 92, 0.2);
}

@media (max-width: 900px) {

  
  .careers-faq-grid {
    grid-template-columns: 1fr;
  }
}

/* Ultra premium real estate page */

.real-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.real-faq-grid details.simple-card {
  border-color: rgba(190, 211, 226, 0.72);
  box-shadow: 0 16px 38px rgba(13, 40, 70, 0.06);
}

@media (max-width: 720px) {

  
  .real-faq-grid {
    grid-template-columns: 1fr;
  }
}

/* Premium real-estate closing sections */

/* Premium travel page */

.travel-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.travel-faq-grid details.simple-card {
  border-color: rgba(190, 211, 226, 0.72);
  box-shadow: 0 16px 38px rgba(13, 40, 70, 0.06);
}

@media (max-width: 720px) {

  
  .travel-faq-grid {
    grid-template-columns: 1fr;
  }
}
/* Premium credits page with simulators */

@keyframes creditPanelReveal {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.credits-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.credits-faq-grid details {
  min-width: 0;
  padding: 18px 20px;
  border: 1px solid rgba(155, 176, 199, .28);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(12, 42, 76, .05);
}

.credits-faq-grid summary {
  cursor: pointer;
  color: var(--navy);
  font-weight: 850;
}

.credits-faq-grid p {
  margin: 14px 0 0;
  color: #64748b;
  line-height: 1.6;
}

@media (max-width: 860px) {

  
  .credits-faq-grid {
    grid-template-columns: 1fr;
  }
}

/* Premium general insurance page */

.insurance-premium-heading {
  max-width: 780px;
  margin: 0 auto 30px;
  text-align: center;
}

.insurance-premium-heading h2 {
  margin: 0 0 10px;
  color: #092244;
  font-size: clamp(2rem, 3vw, 3.1rem);
  line-height: 1.08;
}

.insurance-premium-heading p {
  margin: 0;
  color: #52677d;
  font-size: 1.02rem;
}

.insurance-partner-logos {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.insurance-partner-logos img {
  display: block;
  width: 100%;
  height: 78px;
  object-fit: contain;
  padding: 16px 18px;
  border: 1px solid rgba(151, 174, 197, .24);
  border-radius: 16px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 14px 30px rgba(16, 42, 67, .055);
}

@media (max-width: 900px) {

  
  .insurance-partner-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {

  
  .insurance-partner-logos {
    grid-template-columns: 1fr;
  }
}

/* Premium auto insurance page */

.auto-partner-logos {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 16px;
  align-items: center;
}

.auto-partner-logos img {
  display: block;
  width: 100%;
  height: 76px;
  object-fit: contain;
  padding: 14px 16px;
  border: 1px solid rgba(151, 174, 197, .24);
  border-radius: 16px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 14px 30px rgba(16, 42, 67, .055);
}

@media (max-width: 1180px) {

  .auto-partner-logos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {

  
  .auto-partner-logos {
    grid-template-columns: 1fr;
  }
}

/* Premium home insurance page */

/* Premium personal insurance page */

/* Premium business insurance page */

/* Premium useful resources page */
/* Smart Assistance Hub homepage */

.smart-widget-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  min-height: 100%;
  padding: 24px;
  border: 1px solid rgba(15, 46, 82, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 48px rgba(11, 37, 69, 0.07);
  overflow: hidden;
}

.smart-widget-card::after {
  content: "";
  position: absolute;
  inset: auto -40px -58px auto;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: rgba(21, 163, 111, 0.08);
  pointer-events: none;
}

.smart-widget-card h3 {
  color: var(--navy);
}

.smart-widget-card h3 {
  margin: 0;
  font-size: clamp(1.08rem, 1.4vw, 1.35rem);
  line-height: 1.18;
}

.smart-widget-card p,
.smart-widget-card small {
  color: var(--text-muted);
}

.smart-widget-card p {
  margin: 0;
  line-height: 1.65;
}

.smart-widget-card input,
.smart-widget-card select,
.smart-widget-card textarea {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(15, 46, 82, 0.13);
  border-radius: 12px;
  color: var(--navy);
  background: #ffffff;
}

.smart-widget-card textarea {
  min-height: 86px;
  padding: 12px 14px;
  resize: vertical;
  font: inherit;
  line-height: 1.45;
}

.smart-widget-card input:focus,
.smart-widget-card select:focus,
.smart-widget-card textarea:focus {
  outline: 3px solid rgba(21, 163, 111, 0.16);
  border-color: rgba(21, 163, 111, 0.45);
}

/* Contact page - premium policy reminder */

/* Contact page - premium damage assistant */

/* Contact premium — etapa 5: întrebări frecvente */

/* Contact premium — etapa 6: formular principal */

/* Contact premium — etapa 7: transparență juridică */

/* Contact premium — etapa 8: feedback, încredere și CTA final */

.smart-compare-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 420px;
  font-size: 0.86rem;
}

.partner-showcase-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.partner-showcase-grid a {
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 58px auto;
  gap: 10px;
  align-items: center;
  justify-items: center;
  min-width: 0;
  min-height: 118px;
  padding: 16px 14px;
  border: 1px solid rgba(15, 46, 82, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--navy);
  text-align: center;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(11, 37, 69, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.partner-showcase-grid a:hover,
.partner-showcase-grid a:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(21, 163, 111, 0.22);
  box-shadow: 0 18px 36px rgba(11, 37, 69, 0.09);
  outline: none;
}

.partner-showcase-grid img {
  max-width: 100%;
  max-height: 52px;
  object-fit: contain;
}

.partner-showcase-grid span {
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1.25;
}

.whatsapp-floating {
  position: fixed;
  right: clamp(16px, 2.6vw, 28px);
  bottom: clamp(18px, 3vw, 30px);
  z-index: 2100;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #0f9f62, #11b872);
  color: #ffffff;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 18px 36px rgba(6, 97, 61, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.whatsapp-floating:hover,
.whatsapp-floating:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 22px 42px rgba(6, 97, 61, 0.34);
  color: #ffffff;
}

.whatsapp-floating svg {
  width: 20px;
  height: 20px;
}

/* Etapa 4.14: bază comună de accesibilitate și ținte tactile. */
.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 16px;
  border: 2px solid #ffffff;
  border-radius: 12px;
  background: #082e4b;
  color: #ffffff;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(8, 46, 75, 0.28);
  transform: translateY(-160%);
  transition: transform 140ms ease;
}

.skip-link:focus,
.skip-link:focus-visible {
  color: #ffffff;
  transform: translateY(0);
  outline: 3px solid #2cd18b;
  outline-offset: 3px;
}

.nav-dropdown-toggle {
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  margin-inline: -10px;
}

main[id] {
  scroll-margin-top: 96px;
}

@media (max-width: 640px) {
  .whatsapp-floating {
    right: 14px;
    bottom: 14px;
    width: 52px;
    height: 52px;
    min-height: 52px;
    justify-content: center;
    padding: 0;
  }

  .whatsapp-floating span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

.smart-advisor-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.smart-advisor-result-grid article {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(15, 46, 82, 0.1);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 46, 82, 0.06);
}

.smart-advisor-result-grid strong {
  color: var(--navy);
  font-weight: 900;
}

.smart-advisor-result-grid p {
  margin: 0;
  color: #496277;
  font-size: 0.94rem;
  line-height: 1.55;
}

.smart-advisor-result-grid a {
  margin-top: auto;
  color: #047857;
  font-weight: 900;
  text-decoration: none;
}

.smart-advisor-note {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(18, 151, 100, 0.08);
  color: #264560;
}

@media (max-width: 640px) {

  
  .smart-advisor-result-grid {
    grid-template-columns: 1fr;
  }

  .smart-widget-card {
    padding: 20px;
  }
}

/* Smart widgets functional polish - final overrides */
.smart-widget-card {
  justify-content: flex-start;
}

.smart-widget-card > p {
  margin-bottom: 4px;
}

.smart-widget-error {
  color: #b42318;
  font-weight: 850;
}

.smart-result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.smart-result-actions a {
  flex: 1 1 150px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 13px;
  border-radius: 999px;
  background: linear-gradient(180deg, #0aa366 0%, #07834f 100%);
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}

.smart-result-actions a:nth-child(n+2) {
  background: #fff;
  color: var(--navy);
  border: 1px solid rgba(15, 46, 82, 0.13);
}

.smart-compare-row {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1fr;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 46, 82, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.74);
}

.smart-compare-row > * {
  margin: 0;
  padding: 10px;
  border-right: 1px solid rgba(15, 46, 82, 0.08);
  color: #264560;
}

.smart-compare-row > *:last-child {
  border-right: 0;
}

.smart-compare-row strong {
  color: var(--navy);
}

.smart-compare-note {
  margin: 0 0 12px;
  color: var(--text-muted);
  line-height: 1.55;
}

@media (max-width: 640px) {

  .smart-compare-row {
    grid-template-columns: 1fr;
  }

  .smart-compare-row > * {
    border-right: 0;
    border-bottom: 1px solid rgba(15, 46, 82, 0.08);
  }

  .smart-compare-row > *:last-child {
    border-bottom: 0;
  }
}

/* Smart widgets installation across product pages */

/* Credits premium analysis suite: refinance + comparison */

/* Credits premium process */

@media (max-width: 1080px) {

  .partner-showcase-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {

  
  .partner-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  
  .partner-showcase-grid a {
    min-height: 96px;
  }
}

/* Homepage premium compact refinement */

.smart-reminder-modal__panel {
  position: relative;
  width: min(840px, 100%);
  max-height: min(88vh, 820px);
  overflow: auto;
  border: 1px solid rgba(13, 57, 98, 0.14);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 28px 90px rgba(4, 21, 45, 0.28);
  padding: 28px;
  transform: translateY(12px);
  opacity: 0;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.has-smart-modal {
  overflow: hidden;
}

@media (max-width: 640px) {

  .smart-reminder-modal__panel {
    border-radius: 22px;
    padding: 22px;
    max-height: 92vh;
  }
}

/* Visibility safeguard after restore: header, menus, headings and footer */
.site-header {
  display: block;
  visibility: visible;
  opacity: 1;
  position: sticky;
  top: 0;
  z-index: 3000;
  background: rgba(255, 255, 255, 0.98);
}

.site-header .header-inner {
  visibility: visible;
  opacity: 1;
}

.site-header .brand,
.site-header .brand-text,
.site-header .brand-name,
.site-header .main-nav,
.site-header .header-actions {
  visibility: visible;
  opacity: 1;
}

.site-header .nav-link,
.site-header .nav-toggle {
  white-space: nowrap;
}

.site-header .dropdown,
.site-header .mega-menu,
.site-header .nav-mega {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
}

.site-header .nav-item:hover > .dropdown,
.site-header .nav-item:hover > .mega-menu,
.site-header .nav-item:hover > .nav-mega,
.site-header .nav-item.is-open > .dropdown,
.site-header .nav-item.is-open > .mega-menu,
.site-header .nav-item.is-open > .nav-mega {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

@media (min-width: 1081px) {
  .site-header .main-nav {
    display: flex !important;
  }

  .site-header .header-actions {
    display: flex !important;
  }

  .site-header .menu-button,
  .site-header .mobile-panel {
    display: none !important;
  }

  .site-header .nav-item:hover > .nav-mega,
  .site-header .nav-item.is-open > .nav-mega {
    transform: translateX(-50%) translateY(0) !important;
  }
}

@media (max-width: 1080px) {
  .site-header .main-nav,
  .site-header .header-actions {
    display: none !important;
  }

  .site-header .menu-button {
    display: inline-grid !important;
    visibility: visible;
    opacity: 1;
  }

  .site-header .mobile-panel {
    visibility: visible;
    opacity: 1;
    z-index: 2990;
  }

  body.menu-open .site-header .mobile-panel {
    display: block !important;
  }

  body.menu-open .site-header .mobile-panel .main-nav,
  body.menu-open .site-header .mobile-panel .header-actions {
    display: grid !important;
  }

  .site-header .mobile-panel .nav-item.is-open > .dropdown,
  .site-header .mobile-panel .nav-item.is-open > .mega-menu,
  .site-header .mobile-panel .nav-item.is-open > .nav-mega {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}

main,
main section,
main h1,
main h2,
main h3,
.section-heading {
  visibility: visible;
  opacity: 1;
}

.site-footer,
.site-footer .legal-bar {
  display: revert;
  visibility: visible;
  opacity: 1;
}

.site-footer .legal-bar {
  display: flex;
}

.site-footer a,
.site-footer button {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 560px) {
  .site-footer .legal-bar {
    display: grid;
  }
}

/* Desktop dropdown containment fix: keep hidden panels inside viewport and open states visible. */
@media (min-width: 1081px) {
  .site-header {
    overflow-x: clip;
  }

  .site-header .header-inner {
    position: relative;
  }

  .site-header .header-inner > .main-nav > .nav-item.has-dropdown {
    position: static;
  }

  .site-header .header-inner > .main-nav > .nav-item.has-dropdown > .dropdown,
  .site-header .header-inner > .main-nav > .nav-item.has-dropdown > .mega-menu,
  .site-header .header-inner > .main-nav > .nav-item.has-dropdown > .nav-mega {
    left: 50% !important;
    right: auto !important;
    top: calc(100% + 10px) !important;
    width: min(1240px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    min-width: 0 !important;
    box-sizing: border-box;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(-50%) translateY(8px) !important;
    z-index: 3500;
  }

  .site-header .header-inner > .main-nav > .nav-item.has-dropdown:hover > .dropdown,
  .site-header .header-inner > .main-nav > .nav-item.has-dropdown:hover > .mega-menu,
  .site-header .header-inner > .main-nav > .nav-item.has-dropdown:hover > .nav-mega,
  .site-header .header-inner > .main-nav > .nav-item.has-dropdown.is-open > .dropdown,
  .site-header .header-inner > .main-nav > .nav-item.has-dropdown.is-open > .mega-menu,
  .site-header .header-inner > .main-nav > .nav-item.has-dropdown.is-open > .nav-mega {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }
}
/* Homepage rapid contact form polish */

/* Homepage approved premium direction */
.home-page-root,
.home-page {
  overflow-x: clip;
}

@supports not (overflow: clip) {
  .home-page-root,
  .home-page {
    overflow-x: hidden;
  }
}

/* Homepage refinement pass */
.site-header .header-inner {
  min-height: 78px;
  align-items: center;
}

.site-header .brand {
  align-items: center;
  min-height: 62px;
}

.site-header .brand-mark {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  margin-block: 0;
  overflow: visible;
}

.site-header .brand-name {
  line-height: 0.98;
}

.site-header .main-nav,
.site-header .header-actions,
.site-header .nav-link,
.site-header .nav-toggle {
  align-items: center;
}

@media (max-width: 760px) {
  .site-header .header-inner {
    min-height: 72px;
  }

  .site-header .brand {
    min-height: 56px;
  }

  .site-header .brand-mark {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }
}

/* Homepage premium header and hero refinement */
.site-header {
  border-bottom-color: rgba(220, 234, 243, 0.78);
  box-shadow: 0 10px 28px rgba(8, 33, 63, 0.045);
}

.site-header .header-inner {
  min-height: 80px;
  align-items: center;
  padding-block: 7px;
}

.site-header .brand {
  align-items: center;
  min-height: 60px;
  gap: 11px;
}

.site-header .brand-mark {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  box-shadow: 0 12px 28px rgba(0, 138, 91, 0.18);
}

.site-header .brand-text {
  justify-content: center;
}

.site-header .brand-tagline {
  margin-top: 4px;
}

.site-header .main-nav,
.site-header .header-actions {
  align-items: center;
}

.site-header .nav-link,
.site-header .nav-toggle {
  min-height: 40px;
  align-items: center;
}

.site-header .header-actions .btn {
  min-height: 48px;
  height: 48px;
  align-items: center;
  white-space: nowrap;
}

@media (max-width: 1380px) and (min-width: 1081px) {
  .site-header .header-inner {
    min-height: 76px;
  }

  .site-header .brand-mark {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
}

@media (max-width: 640px) {
  .site-header .header-inner {
    min-height: 70px;
    padding-block: 6px;
  }
}

/* Homepage premium introduction block */

/* Homepage quick service cards with premium image backgrounds */

/* Homepage premium useful tools block */

/* Homepage compact conversion/footer-prelude block */

.home-page .home-partners-compact {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(8, 33, 63, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
}

.home-page .home-partners-compact img {
  max-width: 100%;
  max-height: 34px;
  object-fit: contain;
}

@media (max-width: 1080px) {

  .home-page .home-partners-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {

  .home-page .home-partners-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 260px;
    overflow-y: auto;
  }
}
/* Auto page bottom refinement */

.auto-partner-logos {
  border: 1px solid rgba(151, 174, 197, 0.18);
  border-radius: 22px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.76);
}

@media (max-width: 640px) {

  .auto-partner-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Auto hero visual refinement */

/* Asigurari Auto premium redesign */

/* Contact premium — etapa 9: responsive unificat */
/* Etapa 2 — rafinare globală, 2026-07-15 */
:where(html, body) {
  max-width: 100%;
  overflow-x: clip;
}
:root {
  --as-container-main: 1280px;
  --as-container-content: 1120px;
  --as-container-narrow: 920px;
  --as-container-faq: 1040px;
}

.site-header { min-height: 95px; }
.site-header .header-inner {
  box-sizing: border-box;
  min-height: 94px !important;
  padding-block: 7px !important;
}
.site-header .container,
.site-header .header-inner {
  width: min(var(--as-container-main), calc(100% - 48px)) !important;
  max-width: var(--as-container-main) !important;
  margin-inline: auto !important;
}
.stage2-consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 8px 0 !important;
  padding: 13px 15px !important;
  border: 1px solid #dce6e1 !important;
  border-radius: 12px !important;
  background: #f7faf8 !important;
  color: #263a32 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}
.stage2-consent--required { border-color: #b9d7c8 !important; background: #f1f8f4 !important; }
.stage2-consent--optional { background: #fafafa !important; color: #4c5c55 !important; }
.stage2-consent input[type="checkbox"] {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 2px 0 0 !important;
}
.stage2-consent span,
.stage2-consent a { font-size: .92rem !important; }

.stage2-faq-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px !important;
  width: min(var(--as-container-faq), 100%);
  margin-inline: auto;
  align-items: stretch;
  box-sizing: border-box;
  max-width: min(var(--as-container-faq), 100%) !important;
  width: 100% !important;
}
.stage2-faq-grid > details { height: 100%; margin: 0 !important; }
.stage2-faq-grid > details > summary {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.stage2-faq-grid > details:nth-last-child(1):nth-child(odd) {
  grid-column: 1 / -1;
  width: min(620px, 100%);
  justify-self: center;
}

.partners-carousel-card { max-width: 178px !important; min-height: 76px !important; }

.partners-carousel-viewport {
  max-width: 100% !important;
  overflow: hidden !important;
}
.partners-carousel-track {
  animation: stage2-partners-marquee 140s linear infinite;
  will-change: transform;
}
.partners-carousel-section:hover .partners-carousel-track,
.partners-carousel-section:focus-within .partners-carousel-track { animation-play-state: paused; }
@keyframes stage2-partners-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .partners-carousel-track { animation: none !important; transform: none !important; }
}
.partners-carousel-card img {
  width: auto !important;
  height: auto !important;
  max-width: 120px !important;
  max-height: 38px !important;
  object-fit: contain !important;
}

.stage2-green-card,
.stage2-business-extensions,
.stage2-related-products,
.stage2-careers-visuals { padding-block: clamp(54px, 7vw, 88px); }
.stage2-green-card { background: linear-gradient(135deg, #eef8f2 0%, #f8fbf9 100%); }
.stage2-split {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
}
.stage2-split aside {
  padding: 28px;
  border: 1px solid rgba(15, 102, 69, .16);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(22, 62, 47, .09);
}
.stage2-business-extensions { background: #f5f8f6; }
.stage2-related-grid,
.stage2-special-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}
.stage2-related-grid article,
.stage2-special-grid article {
  padding: 24px;
  border: 1px solid #dfe9e4;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(26, 66, 51, .07);
}
.stage2-careers-visual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 26px;
}
.stage2-careers-visual-grid figure { margin: 0; overflow: hidden; border-radius: 22px; background: #eef5f1; }
.stage2-careers-visual-grid img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.stage2-careers-visual-grid figcaption { padding: 16px 18px; color: #385047; }
.stage2-contact .lp-hero {
  background: linear-gradient(90deg, rgba(248, 252, 250, .98) 0%, rgba(248, 252, 250, .92) 54%, rgba(248, 252, 250, .25) 100%), url('/assets/img/hero-consultanta.webp') 82% center/cover no-repeat;
}
.stage2-contact-final { padding-block: clamp(48px, 6vw, 76px); }
.stage2-contact-final .insurance-final-panel {
  border-radius: 24px;
  background: linear-gradient(135deg, #083f31, #126246);
  color: #fff;
  padding: clamp(28px, 5vw, 52px);
}
.stage2-contact-final :is(h2,p) { color: #fff; }

@media (max-width: 900px) {
  .stage2-split { grid-template-columns: 1fr; }
  .stage2-related-grid,
  .stage2-special-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .partners-carousel-card { max-width: 166px !important; }
}
@media (max-width: 680px) {
  .site-header { min-height: 72px; }
  .site-header .header-inner {
    min-height: 71px !important;
    width: min(100% - 24px, var(--as-container-main)) !important;
    padding-block: 5px !important;
  }
  .site-header .container { width: min(100% - 24px, var(--as-container-main)) !important; }
  .stage2-faq-grid { grid-template-columns: 1fr; }
  .stage2-faq-grid > details:nth-last-child(1):nth-child(odd) { grid-column: auto; width: 100%; }
  .stage2-faq-grid > details {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    transform: none !important;
  }
  .stage2-related-grid,
  .stage2-special-grid,
  .stage2-careers-visual-grid { grid-template-columns: 1fr; }
  .stage2-consent { padding: 12px !important; }
}

/* Imprimare coerentă pentru aplicațiile Smart și ghidurile cu rezultate. */
@media print {
  @page { size: A4 portrait; margin: 16mm; }
}

/* Etapa 4.1 — sistem vizual global unificat, 2026-07-19 */
:root {
  --as-navy-950: #071d33;
  --as-navy-900: #0b2947;
  --as-navy-800: #123b5d;
  --as-ink: #17324d;
  --as-text: #465d72;
  --as-muted: #667b8d;
  --as-green-700: #087a52;
  --as-green-600: #0b9563;
  --as-green-500: #16aa72;
  --as-green-100: #e8f7f0;
  --as-surface: #ffffff;
  --as-surface-soft: #f5f8fa;
  --as-surface-green: #f0f8f4;
  --as-border: #dbe5ea;
  --as-border-strong: #cbd9df;
  --as-shadow-xs: 0 4px 14px rgba(7, 29, 51, 0.05);
  --as-shadow-sm: 0 10px 28px rgba(7, 29, 51, 0.07);
  --as-shadow-md: 0 18px 48px rgba(7, 29, 51, 0.10);
  --as-radius-sm: 12px;
  --as-radius-md: 18px;
  --as-radius-lg: 26px;
  --as-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  color-scheme: light;
  scroll-padding-top: 92px;
}

body {
  color: var(--as-text);
  background: var(--as-surface);
  font-family: var(--as-font);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

main :where(h1, h2, h3) {
  color: var(--as-navy-900);
  font-family: var(--as-font);
  text-wrap: balance;
}

main :where(h1) {
  letter-spacing: -0.035em;
}

main :where(h2) {
  letter-spacing: -0.025em;
}

main :where(h3) {
  letter-spacing: -0.012em;
}

main :where(.section-heading) > p {
  max-width: 68ch;
  color: var(--as-text);
  line-height: 1.65;
}

:where(.btn) {
  min-height: 46px;
  border-radius: var(--as-radius-sm);
  font-family: var(--as-font);
  font-weight: 800;
  line-height: 1.2;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

:where(.simple-card, .smart-widget-card) {
  border-color: var(--as-border);
  border-radius: var(--as-radius-md);
  box-shadow: var(--as-shadow-xs);
}

/* Header comun */
.site-header {
  min-height: 84px !important;
  border-bottom: 1px solid rgba(203, 217, 223, 0.78) !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 8px 24px rgba(7, 29, 51, 0.055) !important;
  backdrop-filter: blur(18px) saturate(1.08);
}

.site-header .header-inner {
  width: min(1320px, calc(100% - 32px)) !important;
  max-width: 1320px !important;
  min-height: 83px !important;
  padding-block: 7px !important;
  display: grid !important;
  grid-template-columns: minmax(176px, auto) minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

.site-header .brand {
  min-height: 60px !important;
  gap: 10px !important;
  color: var(--as-navy-900);
  text-decoration: none;
}

.site-header .brand-mark {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 15px !important;
  background: var(--as-green-600) !important;
  box-shadow: 0 10px 24px rgba(11, 149, 99, 0.18) !important;
}

.site-header .brand-name {
  font-size: 1.05rem !important;
  line-height: 0.96 !important;
  letter-spacing: 0.01em;
}

.site-header .brand-name span:last-child {
  color: var(--as-green-700) !important;
  font-size: 1.2rem !important;
}

.site-header .brand-tagline {
  margin-top: 3px !important;
  color: var(--as-muted) !important;
  font-size: 0.58rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
}

.site-header .header-inner > .main-nav {
  min-width: 0;
  justify-content: center !important;
  gap: 0 !important;
}

.site-header .nav-link,
.site-header .nav-toggle {
  min-height: 42px !important;
  padding-block: 9px !important;
  color: #29445d !important;
  font-size: 0.84rem !important;
  font-weight: 760 !important;
}

.site-header .nav-link {
  padding-inline: 6px !important;
}

.site-header .nav-dropdown-trigger .nav-parent-link {
  padding-right: 2px !important;
}

.site-header .nav-dropdown-trigger .nav-dropdown-toggle {
  min-width: 24px !important;
  padding-inline: 2px 6px !important;
}

.site-header .nav-chevron {
  width: 12px !important;
  height: 12px !important;
}

.site-header .nav-link[aria-current="page"],
.site-header .nav-item:has(.nav-parent-link[aria-current="page"]) > .nav-dropdown-trigger {
  color: var(--as-green-700) !important;
  background: var(--as-green-100) !important;
  box-shadow: inset 0 0 0 1px rgba(11, 149, 99, 0.12) !important;
}

.site-header .header-inner > .header-actions {
  gap: 8px !important;
}

.site-header .header-actions .btn {
  min-height: 46px !important;
  height: 46px !important;
  padding: 10px 13px !important;
  border-radius: 14px !important;
  font-size: 0.82rem !important;
  box-shadow: none;
}

.site-header .header-actions .btn-primary {
  border-color: var(--as-green-600) !important;
  background: var(--as-green-600) !important;
  box-shadow: 0 10px 22px rgba(11, 149, 99, 0.16) !important;
}

.site-header .header-actions .btn-secondary {
  border-color: var(--as-border-strong) !important;
  color: var(--as-navy-900) !important;
  background: #fff !important;
}

.site-header .header-actions .icon {
  width: 17px !important;
  height: 17px !important;
}

@media (min-width: 1181px) {
  .site-header .header-inner > .main-nav,
  .site-header .header-inner > .header-actions {
    display: flex !important;
  }

  .site-header .menu-button,
  .site-header > .mobile-panel {
    display: none !important;
  }

  .site-header .header-inner > .main-nav > .nav-item.has-dropdown {
    position: static !important;
  }

  .site-header .header-inner > .main-nav > .nav-item.has-dropdown > .nav-mega {
    top: calc(100% + 8px) !important;
    left: 50% !important;
    width: min(1120px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 112px) !important;
    padding: 18px !important;
    overflow: auto !important;
    border: 1px solid var(--as-border) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.99) !important;
    box-shadow: var(--as-shadow-md) !important;
  }

  .site-header .nav-mega-grid {
    gap: 12px !important;
  }

  .site-header .nav-mega-card {
    padding: 15px !important;
    border-color: var(--as-border) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  .site-header .nav-mega-card:hover {
    border-color: rgba(11, 149, 99, 0.28) !important;
    box-shadow: var(--as-shadow-xs) !important;
  }

  .site-header .nav-mega-strip {
    margin-top: 14px !important;
    border-radius: 16px !important;
    background: var(--as-surface-green) !important;
  }
}

@media (min-width: 1480px) {
  .site-header .nav-link,
  .site-header .nav-toggle {
    font-size: 0.88rem !important;
  }

  .site-header .nav-link {
    padding-inline: 7px !important;
  }
}

/* Meniu compact pentru tabletă și mobil */
@media (max-width: 1180px) {
  html {
    scroll-padding-top: 78px;
  }

  body.menu-open {
    overflow: hidden !important;
  }

  .site-header {
    min-height: 74px !important;
  }

  .site-header .header-inner {
    width: min(100% - 24px, 1320px) !important;
    min-height: 73px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding-block: 6px !important;
  }

  .site-header .header-inner > .main-nav,
  .site-header .header-inner > .header-actions {
    display: none !important;
  }

  .site-header .menu-button {
    display: inline-grid !important;
    width: 46px !important;
    height: 46px !important;
    border: 1px solid var(--as-border) !important;
    border-radius: 14px !important;
    color: var(--as-navy-900) !important;
    background: #fff !important;
    box-shadow: var(--as-shadow-xs) !important;
  }

  .site-header > .mobile-panel {
    inset: 74px 0 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: calc(100dvh - 74px) !important;
    max-height: none !important;
    padding: 12px 16px 24px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    border-top: 1px solid var(--as-border) !important;
    border-bottom: 0 !important;
    background: rgba(255, 255, 255, 0.995) !important;
    box-shadow: 0 20px 40px rgba(7, 29, 51, 0.12) !important;
  }

  .site-header > .mobile-panel,
  .site-header > .mobile-panel * {
    box-sizing: border-box !important;
  }

  body.menu-open .site-header > .mobile-panel {
    display: block !important;
  }

  body.menu-open .site-header > .mobile-panel > .main-nav {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 3px !important;
  }

  .site-header .mobile-panel .nav-item,
  .site-header .mobile-panel .nav-dropdown-trigger {
    width: 100% !important;
    min-width: 0 !important;
  }

  .site-header .mobile-panel .nav-dropdown-trigger {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 46px !important;
    align-items: center !important;
  }

  .site-header .mobile-panel .nav-link,
  .site-header .mobile-panel .nav-toggle {
    min-height: 46px !important;
    font-size: 0.92rem !important;
  }

  .site-header .mobile-panel .nav-link {
    width: 100% !important;
    padding: 11px 12px !important;
  }

  .site-header .mobile-panel .nav-dropdown-toggle {
    width: 46px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  .site-header .mobile-panel .nav-item.is-open > .nav-dropdown-trigger {
    color: var(--as-green-700) !important;
    background: var(--as-green-100) !important;
  }

  .site-header .mobile-panel .nav-mega {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    margin: 4px 0 8px !important;
    padding: 8px !important;
    overflow: visible !important;
    border: 1px solid var(--as-border) !important;
    border-radius: 16px !important;
    background: var(--as-surface-soft) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .site-header .mobile-panel .nav-mega-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .site-header .mobile-panel .nav-mega-card {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 3px 10px !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--as-border) !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .site-header .mobile-panel .nav-mega-card-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
  }

  .site-header .mobile-panel .nav-mega-card > strong {
    grid-column: 2 !important;
    margin: 0 !important;
    font-size: 0.92rem !important;
  }

  .site-header .mobile-panel .nav-mega-card > span:not(.nav-mega-card-icon),
  .site-header .mobile-panel .nav-mega-card-links,
  .site-header .mobile-panel .nav-mega-strip {
    display: none !important;
  }

  .site-header .mobile-panel .nav-mega-card-cta {
    grid-column: 2 !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    justify-content: flex-start !important;
    color: var(--as-green-700) !important;
    background: transparent !important;
    font-size: 0.78rem !important;
    box-shadow: none !important;
  }

  .site-header .mobile-panel .nav-mega-card-cta .icon {
    width: 14px !important;
    height: 14px !important;
  }

  body.menu-open .site-header > .mobile-panel > .header-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    margin-top: 12px !important;
  }

  .site-header .mobile-panel .header-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    justify-content: center !important;
    white-space: normal !important;
  }
}

@media (max-width: 520px) {
  .site-header .brand-tagline {
    display: none !important;
  }

  .site-header .brand-mark {
    flex-basis: 46px !important;
    width: 46px !important;
    height: 46px !important;
  }

  body.menu-open .site-header > .mobile-panel > .header-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Footer comun, fără coloane redundante */
.site-footer {
  margin-top: clamp(28px, 5vw, 64px) !important;
  color: #d9e5ee !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(22, 170, 114, 0.10), transparent 28rem),
    var(--as-navy-950) !important;
  box-shadow: none !important;
}

.site-footer .footer-global-grid {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.25fr) repeat(3, minmax(150px, 0.78fr)) !important;
  gap: clamp(28px, 4vw, 56px) !important;
  padding-block: clamp(48px, 6vw, 72px) 38px !important;
}

.site-footer :where(.footer-global-brand, .footer-global-col) {
  min-width: 0;
}

.site-footer :where(.footer-global-brand h2, .footer-global-col h2) {
  margin: 0 0 18px !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.site-footer .footer-brand-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

.site-footer .footer-brand-title h2 {
  margin: 0 !important;
  font-size: 1.18rem !important;
}

.site-footer .footer-brand-mark {
  display: grid !important;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: var(--as-green-600);
}

.site-footer .footer-brand-mark .icon {
  width: 25px;
  height: 25px;
}

.site-footer .footer-global-brand > p {
  max-width: 39ch;
  margin: 0 0 22px !important;
  color: #b9cad7 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
}

.site-footer .footer-contact-list {
  display: grid;
  gap: 8px;
}

.site-footer .footer-contact-list > a {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 12px !important;
  color: #eef6fa !important;
  background: rgba(255, 255, 255, 0.035) !important;
  font-size: 0.86rem !important;
  text-decoration: none !important;
}

.site-footer .footer-contact-list > a > :first-child {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  color: #83d9b6;
  background: rgba(22, 170, 114, 0.10);
}

.site-footer .footer-contact-list .icon {
  width: 17px;
  height: 17px;
}

.site-footer .footer-contact-list small {
  display: block;
  margin-bottom: 1px;
  color: #8fa7b8;
  font-size: 0.69rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.site-footer .footer-global-col > a {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 5px 0 !important;
  color: #bfd0dd !important;
  font-size: 0.9rem !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

.site-footer :where(.footer-global-col > a, .footer-contact-list > a):hover {
  color: #91e0bf !important;
  transform: translateX(2px);
}

.site-footer .footer-authority-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.site-footer .footer-authority-links a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 9px;
  color: #bcd0dc;
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.72rem;
  font-weight: 800;
  text-decoration: none;
}

.site-footer .footer-disclosure {
  display: flex !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding-block: 18px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.09) !important;
  color: #9fb3c2 !important;
}

.site-footer .footer-disclosure p {
  max-width: 78ch;
  margin: 0 !important;
  color: inherit !important;
  font-size: 0.78rem !important;
  line-height: 1.55 !important;
}

.site-footer .footer-disclosure strong {
  color: #dbe8ef;
}

.site-footer .legal-bar {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 9px 18px !important;
  padding-block: 18px 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.09) !important;
  color: #8fa6b6 !important;
  font-size: 0.76rem !important;
}

.site-footer .legal-bar :where(a, button) {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #b8cad6 !important;
  text-decoration: none;
}

main :where(
  a.btn,
  button,
  [role="button"],
  summary,
  select,
  textarea,
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"])
) {
  min-height: 44px !important;
}

main summary {
  display: flex;
  align-items: center;
}

main :where(label:has(input[type="checkbox"]), label:has(input[type="radio"])) {
  min-height: 44px;
}

.site-footer .legal-copy {
  margin-right: auto;
  color: #8fa6b6 !important;
}

@media (max-width: 980px) {
  .site-footer .footer-global-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .site-footer .footer-disclosure {
    display: grid !important;
  }

  .site-footer .legal-copy {
    flex-basis: 100%;
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  body {
    font-size: 15px;
  }

  main :where(h1) {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .site-footer .footer-global-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    padding-block: 42px 28px !important;
  }

  .site-footer .footer-global-col {
    padding-top: 2px;
  }

  .site-footer .footer-global-col > a {
    min-height: 44px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  }

  .site-footer .footer-disclosure {
    gap: 8px !important;
  }

  .site-footer .legal-bar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
  }

  .site-footer .legal-bar :where(a, button) {
    min-height: 44px;
    width: fit-content;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.btn, .nav-link, .nav-toggle, .nav-chevron, .site-footer a) {
    transition: none !important;
  }
}

/* 4.14 — dimensiunea finală a controalelor iconice, după toate suprascrierile temei. */
.site-header .nav-dropdown-trigger .nav-dropdown-toggle {
  width: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin-inline: -10px !important;
  justify-content: center !important;
}

.partners-carousel-button {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
}

/* Contrast AA pentru CTA-urile verzi cu text alb. */
:where(.btn-primary, .home42-btn--primary, .rca-button--primary, .whatsapp-floating) {
  border-color: #087a52 !important;
  background: #087a52 !important;
  color: #ffffff !important;
}

.site-header .header-actions .btn-primary {
  border-color: #087a52 !important;
  background: #087a52 !important;
  color: #ffffff !important;
}

.site-header .header-actions .btn-primary:hover {
  border-color: #075f42 !important;
  background: #075f42 !important;
}
/* Etapa 4: contract vizual comun pentru formulare și fluxuri de lead. */

.form-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.form-data-purpose {
  max-width: 68ch;
  color: var(--text-muted, #526274);
  font-size: .92rem;
  line-height: 1.55;
}

.form-consent-optional {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  line-height: 1.5;
}

.form-consent-optional input[type="checkbox"] {
  width: 22px;
  height: 22px;
  margin-top: .1rem;
  flex: 0 0 auto;
}

/* Transformare vizuală super-premium — carduri editoriale generale, fără FAQ-uri. */
main article.simple-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(166, 195, 203, .58) !important;
  box-shadow: 0 16px 38px rgba(7, 34, 55, .075) !important;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

main article.simple-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -54px;
  right: -54px;
  width: 138px;
  height: 138px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(11, 149, 99, .12), rgba(11, 149, 99, 0) 69%);
  pointer-events: none;
}

main article.simple-card:hover {
  border-color: rgba(11, 149, 99, .3) !important;
  transform: translateY(-3px);
  box-shadow: 0 23px 52px rgba(7, 34, 55, .115) !important;
}

@media (prefers-reduced-motion: reduce) {
  main article.simple-card {
    transition: none !important;
  }
}

/* Identitate oficiala Asigurare Smart — integrare raster fidela sursei aprobate. */
.site-header {
  min-height: 78px !important;
}

.site-header .header-inner {
  min-height: 77px !important;
}

.site-header .brand.brand--official {
  display: inline-flex !important;
  width: clamp(190px, 17vw, 222px) !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 3px 0 !important;
  align-items: center !important;
  border-radius: 12px;
}

.site-header .brand-picture,
.site-header .brand-logo {
  display: block;
  width: 100%;
}

.site-header .brand-picture {
  line-height: 0;
}

.site-header .brand-logo {
  height: auto;
  max-height: 52px;
  object-fit: contain;
  object-position: left center;
}

.site-header .brand.brand--official:focus-visible {
  outline: 3px solid rgba(11, 149, 99, 0.38);
  outline-offset: 4px;
}

.site-footer .footer-brand-title {
  justify-content: flex-start;
}

.site-footer .footer-brand-title > .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.site-footer .footer-logo-link {
  display: inline-flex;
  width: min(260px, 100%);
  min-height: 58px;
  padding: 6px 9px;
  align-items: center;
  border: 1px solid rgba(220, 241, 235, 0.22);
  border-radius: 16px;
  background: rgba(249, 253, 252, 0.97);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

.site-footer .footer-logo-link:focus-visible {
  outline: 3px solid #86e4bb;
  outline-offset: 4px;
}

.site-footer .footer-brand-logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 54px;
  object-fit: contain;
}

@media (max-width: 1180px) {
  .site-header {
    min-height: 70px !important;
  }

  .site-header .header-inner {
    min-height: 69px !important;
  }

  .site-header .brand.brand--official {
    width: clamp(165px, 25vw, 195px) !important;
    min-height: 48px !important;
  }

  .site-header .brand-logo {
    max-height: 44px;
  }
}

@media (max-width: 720px) {
  .site-header .brand.brand--official {
    width: clamp(138px, 43vw, 160px) !important;
    min-height: 44px !important;
    padding-block: 6px !important;
  }

  .site-header .brand-logo {
    max-height: 25px;
  }

  .site-footer .footer-logo-link {
    width: min(244px, 100%);
  }
}
/* Acceptanță vizuală finală: pagina 404 */