/*
 Theme Name:   ReparatiiCaseteDirectieAuto DevFactory
 Description:  Child theme pentru Twenty Twenty-Five
 Author:       DevFactory
 Template:     twentytwentyfive
 Version:      1.0.99
*/

/* Fonturi locale — NDS Steering */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url('assets/fonts/Montserrat-500_800-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02FF, U+0304, U+0308, U+0329,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020,
                 U+20A0-20AB, U+20AD-20C0, U+2113,
                 U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url('assets/fonts/Montserrat-500_800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153,
                 U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                 U+0300-0303, U+0308, U+0329,
                 U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212,
                 U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('assets/fonts/OpenSans-400_700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02FF, U+0304, U+0308, U+0329,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020,
                 U+20A0-20AB, U+20AD-20C0, U+2113,
                 U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('assets/fonts/OpenSans-400_700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153,
                 U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                 U+0300-0303, U+0308, U+0329,
                 U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212,
                 U+2215, U+FEFF, U+FFFD;
}

/******************************
  GENERAL
*******************************/

:root {
  --color-white: #FFFFFF;
  --color-black: #1a1a1a;
  --color-yellow: #fbc40e;
  --color-red: #e82735;

  --font-family: 'Open Sans', Arial, sans-serif;
  --font-family-display: 'Montserrat', Arial, sans-serif;

  --font-12: 12px;
  --font-14: 14px;
  --font-15: 15px;
  --font-16: 16px;
  --font-18: 18px;
  --font-20: 20px;
  --font-22: 22px;
  --font-24: 24px;
  --font-28: 28px;
  --font-30: 30px;
  --font-32: 32px;
  --font-36: 36px;
  --font-40: 40px;
  --font-48: 48px;
  --font-49: 49px;
  --font-50: 50px;
  --font-54: 54px;
  --font-60: 60px;
  --font-80: 80px;

  --line-height-12: 12px;
  --line-height-14: 14px;
  --line-height-16: 16px;
  --line-height-18: 18px;
  --line-height-20: 20px;
  --line-height-22: 22px;
  --line-height-24: 24px;
  --line-height-29: 29px;
  --line-height-30: 30px;
  --line-height-32: 32px;
  --line-height-35: 35px;
  --line-height-40: 40px;
  --line-height-48: 48px;
  --line-height-49: 53px;
  --line-height-50: 50px;
  --line-height-54: 54px;
  --line-height-60: 60px;
  --line-height-72: 72px;
  --line-height-80: 80px;
  --line-height-95: 95px;

  --weight-100: 100;
  --weight-200: 200;
  --weight-300: 300;
  --weight-400: 400;
  --weight-500: 500;
  --weight-600: 600;
  --weight-700: 700;
  --weight-800: 800;
  --weight-900: 900;
}

@media (max-width: 1200px) {
  :root {
    --font-24: 22px;
    --font-28: 26px;
    --font-30: 27px;
    --font-32: 27px;
    --font-36: 33px;
    --font-40: 30px;
    --font-48: 36px;
    --font-49: 36px;
    --font-50: 40px;
    --font-54: 42px;
    --font-60: 45px;
    --font-80: 60px;

    --line-height-29: 24px;
    --line-height-32: 30px;
    --line-height-35: 32px;
    --line-height-40: 33px;
    --line-height-48: 36px;
    --line-height-49: 39px;
    --line-height-50: 44px;
    --line-height-54: 42px;
    --line-height-60: 48px;
    --line-height-72: 52px;
    --line-height-80: 60px;
    --line-height-95: 65px;
  }
}

@media (max-width: 992px) {
  :root {
    --font-14: 12px;
    --font-16: 16px;
    --font-18: 18px;
    --font-20: 18px;
    --font-22: 20px;
    --font-24: 22px;
    --font-28: 24px;
    --font-30: 25px;
    --font-32: 21px;
    --font-36: 26px;
    --font-40: 28px;
    --font-48: 28px;
    --font-49: 34px;
    --font-50: 30px;
    --font-54: 32px;
    --font-60: 35px;
    --font-80: 40px;

    --line-height-12: 12px;
    --line-height-14: 12px;
    --line-height-16: 14px;
    --line-height-18: 16px;
    --line-height-20: 20px;
    --line-height-22: 22px;
    --line-height-24: 22px;
    --line-height-29: 24px;
    --line-height-30: 25px;
    --line-height-32: 27px;
    --line-height-35: 29px;
    --line-height-40: 29px;
    --line-height-48: 28px;
    --line-height-49: 36px;
    --line-height-50: 32px;
    --line-height-54: 32px;
    --line-height-60: 35px;
    --line-height-72: 40px;
    --line-height-80: 40px;
    --line-height-95: 45px;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html:has(body.single-product) {
  scroll-behavior: auto;
}

body {
  font-family: var(--font-family, 'Open Sans', sans-serif);
}

.wp-block-group:not(.sf-woocommerce-cart):not(.sf-woocommerce-checkout):not(.sf-woocommerce-account):not(.sf-404):not(.sf-blog):not(.sf-custom-blog-archive):not(.sf-custom-single-post):not(.sf-legal):not(.sf-return-request) {
  margin: 0 !important;
  padding: 0 !important;
}

/******************************
  FULL BLEED BLOCK
*******************************/
.sf-full-bleed {
  width: 100vw;
  max-width: none !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/*
 * Evita scroll orizontal pe continut, fara a bloca position:sticky pe header.
 * overflow pe html/body dezactiveaza sticky pe orice stramos.
 */
.wp-site-blocks > main,
.wp-site-blocks > footer {
  overflow-x: clip;
  max-width: 100%;
}

@supports not (overflow: clip) {
  .wp-site-blocks > main,
  .wp-site-blocks > footer {
    overflow-x: hidden;
  }
}

html,
body {
  max-width: 100%;
}

.wp-site-blocks > main.sf-woocommerce-cart.wp-block-group.has-global-padding,
.wp-site-blocks > main.sf-woocommerce-checkout.wp-block-group.has-global-padding,
.wp-site-blocks > main.sf-woocommerce-account.wp-block-group.has-global-padding,
.wp-site-blocks > main.sf-404.wp-block-group.has-global-padding,
.wp-site-blocks > main.sf-blog.wp-block-group.has-global-padding,
.wp-site-blocks > main.sf-custom-blog-archive.wp-block-group.has-global-padding,
.wp-site-blocks > main.sf-custom-single-post,
.wp-site-blocks > main.sf-legal.wp-block-group.has-global-padding,
.wp-site-blocks > main.sf-return-request.wp-block-group.has-global-padding,
main.sf-woocommerce-cart.wp-block-group,
main.sf-woocommerce-checkout.wp-block-group,
main.sf-woocommerce-account.wp-block-group,
main.sf-404.wp-block-group,
main.sf-blog.wp-block-group,
main.sf-custom-blog-archive.wp-block-group,
main.sf-custom-single-post,
main.sf-legal.wp-block-group,
main.sf-return-request.wp-block-group {
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1920px;
  overflow-x: clip;
  padding-bottom: 48px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-top: 32px !important;
  width: 100% !important;
}

main.sf-legal.wp-block-group,
main.sf-return-request.wp-block-group {
  padding-bottom: 20px !important;
  padding-top: 10px !important;
}

/******************************
  WORDPRESS BLOCK RESET
*******************************/
.wp-site-blocks > main.wp-block-group.has-global-padding:not(.sf-woocommerce-cart):not(.sf-woocommerce-checkout):not(.sf-woocommerce-account):not(.sf-404):not(.sf-blog):not(.sf-custom-blog-archive):not(.sf-custom-single-post):not(.sf-legal):not(.sf-return-request),
.wp-site-blocks main.wp-block-group.has-global-padding:not(.sf-woocommerce-cart):not(.sf-woocommerce-checkout):not(.sf-woocommerce-account):not(.sf-404):not(.sf-blog):not(.sf-custom-blog-archive):not(.sf-custom-single-post):not(.sf-legal):not(.sf-return-request),
.wp-block-post-content.has-global-padding,
.entry-content.has-global-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wp-site-blocks > main.wp-block-group,
.wp-block-post-content > *,
.entry-content > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

.wp-block-post-content > .alignfull,
.entry-content > .alignfull {
  margin-left: 0;
  margin-right: 0;
}

p,
h1,
h2,
h3,
ul,
ol {
  margin: 0;
}

ol,
ul {
  padding: 0 20px;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

button {
  font: inherit;
}

.sf-row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}


/******************************
  TEXT
*******************************/

/*** ALIGN ***/
.sf-text-align-center {
  text-align: center;
}

.sf-text-align-left {
  text-align: left;
}

.sf-text-align-right {
  text-align: right;
}

/*** COLOR ***/
.sf-color-white {
  color: var(--color-white);
}

.sf-color-black {
  color: var(--color-black);
}

/*** FONT SIZE ***/
.sf-font-size-12 {
  font-size: var(--font-12);
}

.sf-font-size-14 {
  font-size: var(--font-14);
}

.sf-font-size-15 {
  font-size: var(--font-15);
}

.sf-font-size-16 {
  font-size: var(--font-16);
}

.sf-font-size-18 {
  font-size: var(--font-18);
}

.sf-font-size-20 {
  font-size: var(--font-20);
}

.sf-font-size-22 {
  font-size: var(--font-22);
}

.sf-font-size-24 {
  font-size: var(--font-24);
}

.sf-font-size-28 {
  font-size: var(--font-28);
}

.sf-font-size-30 {
  font-size: var(--font-30);
}

.sf-font-size-32 {
  font-size: var(--font-32);
}

.sf-font-size-36 {
  font-size: var(--font-36);
}

.sf-font-size-40 {
  font-size: var(--font-40);
}

.sf-font-size-48 {
  font-size: var(--font-48);
}

.sf-font-size-49 {
  font-size: var(--font-49);
}

.sf-font-size-50 {
  font-size: var(--font-50);
}

.sf-font-size-54 {
  font-size: var(--font-54);
}

.sf-font-size-60 {
  font-size: var(--font-60);
}

.sf-font-size-80 {
  font-size: var(--font-80);
}

/*** LINE HEIGHT ***/
.sf-line-height-12 {
  line-height: var(--line-height-12);
}

.sf-line-height-14 {
  line-height: var(--line-height-14);
}

.sf-line-height-16 {
  line-height: var(--line-height-16);
}

.sf-line-height-18 {
  line-height: var(--line-height-18);
}

.sf-line-height-20 {
  line-height: var(--line-height-20);
}

.sf-line-height-22 {
  line-height: var(--line-height-22);
}

.sf-line-height-24 {
  line-height: var(--line-height-24);
}

.sf-line-height-29 {
  line-height: var(--line-height-29);
}

.sf-line-height-30 {
  line-height: var(--line-height-30);
}

.sf-line-height-32 {
  line-height: var(--line-height-32);
}

.sf-line-height-35 {
  line-height: var(--line-height-35);
}

.sf-line-height-40 {
  line-height: var(--line-height-40);
}

.sf-line-height-48 {
  line-height: var(--line-height-48);
}

.sf-line-height-49 {
  line-height: var(--line-height-49);
}

.sf-line-height-50 {
  line-height: var(--line-height-50);
}

.sf-line-height-54 {
  line-height: var(--line-height-54);
}

.sf-line-height-60 {
  line-height: var(--line-height-60);
}

.sf-line-height-72 {
  line-height: var(--line-height-72);
}

.sf-line-height-80 {
  line-height: var(--line-height-80);
}

.sf-line-height-95 {
  line-height: var(--line-height-95);
}

/*** FONT WEIGHT ***/
.sf-font-weight-100 {
  font-weight: var(--weight-100);
}

.sf-font-weight-200 {
  font-weight: var(--weight-200);
}

.sf-font-weight-300 {
  font-weight: var(--weight-300);
}

.sf-font-weight-400 {
  font-weight: var(--weight-400);
}

.sf-font-weight-500 {
  font-weight: var(--weight-500);
}

.sf-font-weight-600 {
  font-weight: var(--weight-600);
}

.sf-font-weight-700 {
  font-weight: var(--weight-700);
}

.sf-font-weight-800 {
  font-weight: var(--weight-800);
}

.sf-font-weight-900 {
  font-weight: var(--weight-900);
}

/*** TEXT STYLE ***/
.sf-text-decoration-none {
  text-decoration: none;
}

.sf-text-decoration-underline {
  text-decoration: underline;
}

.sf-font-style-normal {
  font-style: normal;
}

.sf-font-style-italic {
  font-style: italic;
}


/******************************
  BACKGROUND
*******************************/
.sf-background-color-black {
  background-color: var(--color-black);
}

.sf-background-color-white {
  background-color: var(--color-white);
}

.sf-color-yellow {
    color: var(--color-yellow);
}

.sf-background-color-yellow {
  background-color: var(--color-yellow);
}

.sf-color-red {
    color: var(--color-red);
}

.sf-background-color-red {
    background-color: var(--color-red);
}


/******************************
  DISPLAY
*******************************/
.sf-display-block {
  display: block;
}

.sf-display-inline {
  display: inline;
}

.sf-display-inline-block {
  display: inline-block;
}

.sf-display-none {
  display: none;
}

.sf-display-flex {
  display: flex;
}

.sf-display-inline-flex {
  display: inline-flex;
}

.sf-display-grid {
  display: grid;
}

.sf-display-inline-grid {
  display: inline-grid;
}


/******************************
  FLEX
*******************************/
.sf-flex-wrap {
  flex-wrap: wrap;
}

.sf-flex-nowrap {
  flex-wrap: nowrap;
}

.sf-flex-direction-row {
  flex-direction: row;
}

.sf-flex-direction-column {
  flex-direction: column;
}

.sf-flex-reverse,
.sf-flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.sf-flex-direction-column-reverse {
  flex-direction: column-reverse;
}

.sf-align-items-center {
  align-items: center;
}

.sf-align-items-end {
  align-items: flex-end;
}

.sf-align-items-start {
  align-items: flex-start;
}

.sf-align-items-stretch {
  align-items: stretch;
}

.sf-align-self-start {
    align-self: start;
}

.sf-align-self-center {
    align-self: center;
}

.sf-align-self-end {
    align-self: end;
}

.sf-justify-content-center {
  justify-content: center;
}

.sf-justify-content-space-between {
  justify-content: space-between;
}

.sf-justify-content-space-around {
  justify-content: space-around;
}

.sf-justify-content-space-evenly {
  justify-content: space-evenly;
}

.sf-justify-content-flex-start {
  justify-content: flex-start;
}

.sf-justify-content-flex-end {
  justify-content: flex-end;
}

.sf-gap-0 {
  gap: 0;
}

.sf-gap-10 {
  gap: 10px;
}

.sf-gap-15 {
  gap: 15px;
}

.sf-gap-20 {
  gap: 20px;
}

.sf-gap-24 {
  gap: 24px;
}

.sf-gap-30 {
  gap: 30px;
}

.sf-gap-40 {
  gap: 40px;
}

.sf-gap-50 {
  gap: 50px;
}

.sf-gap-60 {
  gap: 60px;
}

.sf-gap-80 {
  gap: 80px;
}

.sf-gap-100 {
  gap: 100px;
}


/******************************
  WIDTH / HEIGHT
*******************************/
.sf-width-auto {
  width: auto;
}

.sf-width-60 {
  width: 60px;
}

.sf-width-85 {
  width: 85px;
}

.sf-width-25p {
  width: 25%;
}

.sf-width-33p {
  width: 33.333%;
}

.sf-width-50p {
  width: 50%;
}

.sf-width-66p {
  width: 66.666%;
}

.sf-width-75p {
  width: 75%;
}

.sf-width-100p {
  width: 100%;
}

.sf-max-width-50 {
  max-width: 50%;
}

.sf-max-width-100p {
  max-width: 100%;
}

.sf-max-width-330 {
  max-width: 330px;
}

.sf-max-width-1320 {
  max-width: 1320px;
}

.sf-max-width-1920 {
  max-width: 1920px;
}

.sf-height-auto {
  height: auto;
}

.sf-height-100p {
  height: 100%;
}

.sf-min-height-100p {
  min-height: 100%;
}

.sf-min-height-100vh {
  min-height: 100vh;
}


/******************************
  POSITION
*******************************/
.sf-position-static {
  position: static;
}

.sf-position-relative {
  position: relative;
}

.sf-position-absolute {
  position: absolute;
}

.sf-position-fixed {
  position: fixed;
}

.sf-position-sticky {
  position: sticky;
}

.sf-top-0 {
  top: 0;
}

.sf-right-0 {
  right: 0;
}

.sf-bottom-0 {
  bottom: 0;
}

.sf-left-0 {
  left: 0;
}


/******************************
  BORDER
*******************************/
.sf-border-style-solid {
  border-style: solid;
}

.sf-border-none {
  border: none;
}

.sf-border-radius-0 {
  border-radius: 0;
}

.sf-border-radius-4 {
  border-radius: 4px;
}

.sf-border-radius-8 {
  border-radius: 8px;
}

.sf-border-radius-10 {
  border-radius: 10px;
}

.sf-border-radius-12 {
  border-radius: 12px;
}

.sf-border-radius-16 {
  border-radius: 16px;
}

.sf-border-radius-20 {
  border-radius: 20px;
}

.sf-border-radius-50p {
  border-radius: 50%;
}


/******************************
  MARGIN
*******************************/
.sf-margin-0 {
  margin: 0;
}

.sf-margin-auto {
  margin: auto;
}

.sf-margin-left-auto {
  margin-left: auto;
}

.sf-margin-right-auto {
  margin-right: auto;
}

/*** MARGIN TOP ***/
.sf-margin-top-0 {
  margin-top: 0;
}

.sf-margin-top-7 {
  margin-top: 7px;
}

.sf-margin-top-10 {
  margin-top: 10px;
}

.sf-margin-top-15 {
  margin-top: 15px;
}

.sf-margin-top-20 {
  margin-top: 20px;
}

.sf-margin-top-24 {
  margin-top: 24px;
}

.sf-margin-top-30 {
  margin-top: 30px;
}

.sf-margin-top-40 {
  margin-top: 40px;
}

.sf-margin-top-45 {
  margin-top: 45px;
}

.sf-margin-top-50 {
  margin-top: 50px;
}

.sf-margin-top-60 {
  margin-top: 60px;
}

.sf-margin-top-65 {
  margin-top: 65px;
}

.sf-margin-top-80 {
  margin-top: 80px;
}

.sf-margin-top-90 {
  margin-top: 90px;
}

.sf-margin-top-145 {
  margin-top: 145px;
}

/*** MARGIN RIGHT ***/
.sf-margin-right-0 {
  margin-right: 0;
}

.sf-margin-right-10 {
  margin-right: 10px;
}

.sf-margin-right-15 {
  margin-right: 15px;
}

.sf-margin-right-20 {
  margin-right: 20px;
}

.sf-margin-right-30 {
  margin-right: 30px;
}

.sf-margin-right-40 {
  margin-right: 40px;
}

/*** MARGIN BOTTOM ***/
.sf-margin-bottom-0 {
  margin-bottom: 0;
}

.sf-margin-bottom-7 {
  margin-bottom: 7px;
}

.sf-margin-bottom-10 {
  margin-bottom: 10px;
}

.sf-margin-bottom-15 {
  margin-bottom: 15px;
}

.sf-margin-bottom-20 {
  margin-bottom: 20px;
}

.sf-margin-bottom-24 {
  margin-bottom: 24px;
}

.sf-margin-bottom-30 {
  margin-bottom: 30px;
}

.sf-margin-bottom-40 {
  margin-bottom: 40px;
}

.sf-margin-bottom-45 {
  margin-bottom: 45px;
}

.sf-margin-bottom-50 {
  margin-bottom: 50px;
}

.sf-margin-bottom-60 {
  margin-bottom: 60px;
}

.sf-margin-bottom-65 {
  margin-bottom: 65px;
}

.sf-margin-bottom-80 {
  margin-bottom: 80px;
}

.sf-margin-bottom-90 {
  margin-bottom: 90px;
}

.sf-margin-bottom-145 {
  margin-bottom: 145px;
}

/*** MARGIN LEFT ***/
.sf-margin-left-0 {
  margin-left: 0;
}

.sf-margin-left-10 {
  margin-left: 10px;
}

.sf-margin-left-15 {
  margin-left: 15px;
}

.sf-margin-left-20 {
  margin-left: 20px;
}

.sf-margin-left-30 {
  margin-left: 30px;
}

.sf-margin-left-40 {
  margin-left: 40px;
}


/******************************
  PADDING
*******************************/
.sf-padding-0 {
  padding: 0;
}

.sf-padding-10 {
  padding: 10px;
}

.sf-padding-15 {
  padding: 15px;
}

.sf-padding-20 {
  padding: 20px;
}

.sf-padding-24 {
  padding: 24px;
}

.sf-padding-30 {
  padding: 30px;
}

.sf-padding-40 {
  padding: 40px;
}

.sf-padding-45 {
  padding: 45px;
}

.sf-padding-60 {
  padding: 60px;
}

/*** PADDING TOP ***/
.sf-padding-top-0 {
  padding-top: 0;
}

.sf-padding-top-7 {
  padding-top: 7px;
}

.sf-padding-top-10 {
  padding-top: 10px;
}

.sf-padding-top-15 {
  padding-top: 15px;
}

.sf-padding-top-16 {
  padding-top: 16px;
}

.sf-padding-top-20 {
  padding-top: 20px;
}

.sf-padding-top-24 {
  padding-top: 24px;
}

.sf-padding-top-30 {
  padding-top: 30px;
}

.sf-padding-top-40 {
  padding-top: 40px;
}

.sf-padding-top-45 {
  padding-top: 45px;
}

.sf-padding-top-60 {
  padding-top: 60px;
}

.sf-padding-top-80 {
  padding-top: 80px;
}

.sf-padding-top-90 {
  padding-top: 90px;
}

/*** PADDING RIGHT ***/
.sf-padding-right-0 {
  padding-right: 0;
}

.sf-padding-right-10 {
  padding-right: 10px;
}

.sf-padding-right-15 {
  padding-right: 15px;
}

.sf-padding-right-20 {
  padding-right: 20px;
}

.sf-padding-right-24 {
  padding-right: 24px;
}

.sf-padding-right-30 {
  padding-right: 30px;
}

.sf-padding-right-40 {
  padding-right: 40px;
}

/*** PADDING BOTTOM ***/
.sf-padding-bottom-0 {
  padding-bottom: 0;
}

.sf-padding-bottom-10 {
  padding-bottom: 10px;
}

.sf-padding-bottom-15 {
  padding-bottom: 15px;
}

.sf-padding-bottom-20 {
  padding-bottom: 20px;
}

.sf-padding-bottom-24 {
  padding-bottom: 24px;
}

.sf-padding-bottom-30 {
  padding-bottom: 30px;
}

.sf-padding-bottom-40 {
  padding-bottom: 40px;
}

.sf-padding-bottom-45 {
  padding-bottom: 45px;
}

.sf-padding-bottom-60 {
  padding-bottom: 60px;
}

.sf-padding-bottom-90 {
  padding-bottom: 90px;
}

/*** PADDING LEFT ***/
.sf-padding-left-0 {
  padding-left: 0;
}

.sf-padding-left-10 {
  padding-left: 10px;
}

.sf-padding-left-15 {
  padding-left: 15px;
}

.sf-padding-left-20 {
  padding-left: 20px;
}

.sf-padding-left-24 {
  padding-left: 24px;
}

.sf-padding-left-30 {
  padding-left: 30px;
}

.sf-padding-left-40 {
  padding-left: 40px;
}

.sf-padding-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.sf-padding-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 1200px) {
  .sf-padding-x-40 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 992px) {
  .sf-padding-x-40 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 576px) {
  .sf-padding-x-40 {
    padding-left: 12px;
    padding-right: 12px;
  }
 

}



/******************************
  OTHER
*******************************/
.sf-cursor-pointer {
  cursor: pointer;
}

.sf-overflow-hidden {
  overflow: hidden;
}

.sf-overflow-auto {
  overflow: auto;
}

a.sf-outline-none,
a.sf-outline-none:active,
a.sf-outline-none:focus,
a.sf-outline-none:focus-visible,
a.sf-outline-none:focus-within,
a.sf-outline-none:hover,
a.sf-outline-none:target {
  outline: none;
}


/******************************
  RESPONSIVE OVERRIDES
*******************************/
@media (max-width: 992px) {
  .sf-padding-60 {
    padding: 30px;
  }

  .sf-margin-bottom-145 {
    margin-bottom: 30px;
  }

  .sf-margin-bottom-60 {
    margin-bottom: 30px;
  }

  .sf-margin-top-60 {
    margin-top: 30px;
  }
}

/******************************************************************************************************************************************************************************************************************************************************************************************************************/
                            /* DESIGN TOKENS REPARATII*/
/******************************************************************************************************************************************************************************************************************************************************************************************************************/


:root {
  /* NDS BRAND */
  --nds-ink: #0E1B30;
  --nds-ink-2: #44536B;

  --nds-steel: #E7ECF2;
  --nds-steel-2: #C9D3DF;

  --nds-white: #FFFFFF;
  --nds-blue: #2A44A8;
  --nds-accent: #EF570E;
  --nds-accent-hover: #FF6C25;
  --nds-green: #147A48;

  /* SEMANTIC */
  --color-primary: var(--nds-ink);
  --color-primary-dark: #091425;
  --color-primary-darker: #07101E;

  --color-secondary: var(--nds-blue);

  --color-accent: var(--nds-accent);
  --color-accent-dark: #C94100;

  --color-bg: var(--nds-white);
  --color-bg-soft: #F5F7FA;

  --color-text: var(--nds-ink);
  --color-text-light: var(--nds-ink-2);

  --color-border: var(--nds-steel);
  --color-border-light: var(--nds-steel);
  --color-border-strong: var(--nds-steel-2);

  --color-white: var(--nds-white);
  --color-black: var(--nds-ink);

  --color-yellow: var(--nds-accent);
  --color-red: #B42318;

  /* TYPOGRAPHY */
  --font-family: 'Open Sans', Arial, sans-serif;
  --font-family-display: 'Montserrat', Arial, sans-serif;

  --f-mic: var(--font-family);
  --f-tit: var(--font-family-display);

  --heading-font-weight: 700;
  --body-font-weight: 400;
  --body-font-size: 17px;
  --body-line-height: 1.6;
  --heading-line-height: 1.15;

  /* RADIUS */
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 18px;

  /* SHADOWS */
  --shadow-sm:
    0 1px 2px rgba(14, 27, 48, .06),
    0 1px 1px rgba(14, 27, 48, .04);

  --shadow-md:
    0 8px 24px rgba(14, 27, 48, .10);

  --shadow-lg:
    0 20px 48px rgba(14, 27, 48, .16);

  /* TRANSITIONS */
  --transition-fast:
    180ms cubic-bezier(.4, 0, .2, 1);

  --transition-base:
    400ms cubic-bezier(.16, 1, .3, 1);

  /* HEADER */
  --header-height: 76px;

  /* Z-INDEX */
  --z-dropdown: 100;
  --z-sticky: 500;
  --z-header: 1000;
  --z-modal: 2000;
}

/******************************
  DOCUMENT
*******************************/

body {
  background-color: var(--color-bg);
  color: var(--color-text);

  font-family: var(--font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: block;

  max-width: 100%;
  height: auto;
}


/******************************
  CONTAINER
*******************************/

/*
 * Designul primit foloseste 1280px.
 * Paddingul lateral NU intra pe sf-container.
 * Ramane pe primul div interior prin sf-padding-x-40.
 */

body .sf-container {
  width: 100%;
  max-width: 1360px;
  margin-right: auto;
  margin-left: auto;
}


/******************************
  TYPOGRAPHY
*******************************/

h1,
h2 {
  margin: 0 0 .5em;

  color: var(--color-primary-darker);

  font-family: var(--font-family-display);
  font-weight: var(--heading-font-weight);
  line-height: 1.15;

  letter-spacing: -.015em;
}

h3,
h4,
h5,
h6 {
  margin: 0 0 .5em;

  color: var(--color-primary-darker);

  font-family: var(--font-family-display);
  letter-spacing: -.015em;
  line-height: 1.25;
}

h1 {
  font-size: clamp(38px, 3.4vw, 54px);
  font-weight: 800;
}

h2 {
  font-size: clamp(27px, 2.2vw, 37px);
}

h3 {
  font-size: 20px;
  font-weight: 700;
}

h4 {
  font-size: 17px;
  font-weight: 700;
}

h5 {
  font-size: 16px;
  font-weight: 700;
}

h6 {
  font-size: 14px;
  font-weight: 700;
}

.sf-text-lead {
  color: var(--color-text-light);

  font-size: 17px;
  line-height: 1.65;
}

.sf-text-muted {
  color: var(--color-text-light);
}


/******************************
  CITYMATIC COLORS
*******************************/

.sf-color-primary {
  color: var(--color-primary);
}

.sf-color-primary-dark {
  color: var(--color-primary-dark);
}

.sf-color-primary-darker {
  color: var(--color-primary-darker);
}

.sf-color-secondary {
  color: var(--color-secondary);
}

.sf-color-accent {
  color: var(--color-accent);
}

.sf-color-text {
  color: var(--color-text);
}

.sf-color-muted {
  color: var(--color-text-light);
}

.sf-background-color-primary {
  background-color: var(--color-primary);
}

.sf-background-color-primary-dark {
  background-color: var(--color-primary-dark);
}

.sf-background-color-primary-darker {
  background-color: var(--color-primary-darker);
}

.sf-background-color-accent {
  background-color: var(--color-accent);
}

.sf-background-color-soft {
  background-color: var(--color-bg-soft);
}

.sf-background-color-surface {
  background-color: var(--nds-white);
}


/******************************
  SECTION SPACING
*******************************/

/*
 * Pastram regula stabilita:
 * max. 40px vertical.
 */

.sf-section-spacing {
  padding-top: 60px;
  padding-bottom: 60px;
}

.sf-section-spacing-small {
  padding-top: 24px;
  padding-bottom: 24px;
}

.sf-section-spacing-top-0 {
  padding-top: 0;
}

.sf-section-spacing-bottom-0 {
  padding-bottom: 0;
}

@media (max-width: 992px) {

  .sf-section-spacing {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .sf-section-spacing-small {
    padding-top: 20px;
    padding-bottom: 20px;
  }

}

@media (max-width: 576px) {

  .sf-section-spacing {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .sf-section-spacing-small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

}


/******************************
  BUTTONS
*******************************/

.sf-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  min-height: 44px;

  padding: 12px 24px;

  border: 1.5px solid transparent !important;
  border-radius: var(--radius-sm);

  cursor: pointer;

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;

  text-align: center;

  transition:
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    color var(--transition-fast),
    box-shadow var(--transition-fast),
    transform var(--transition-fast);
}

.sf-button:hover {
  transform: translateY(-1px);
}


/* PRIMARY */

.sf-button--primary {
  background-color: var(--color-accent);
  color: var(--color-white);
}

.sf-button--primary:hover {
  background-color: var(--color-accent-dark);
  color: var(--color-white);

  box-shadow: var(--shadow-md);
}


/* DARK */

.sf-button--dark {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.sf-button--dark:hover {
  background-color: var(--color-primary-dark);
  color: var(--color-white);

  box-shadow: var(--shadow-md);
}


/* OUTLINE */

.sf-button--secondary,
.sf-button--outline {
  background-color: transparent;

  border-color: var(--color-border-strong) !important;

  color: var(--color-text);
}

.sf-button--secondary:hover,
.sf-button--outline:hover {
  border-color: var(--color-primary) !important;

  color: var(--color-primary);
}


/* LIGHT OUTLINE */

.sf-button--outline-light {
  background-color: transparent;

  border-color: rgba(255, 255, 255, .5) !important;

  color: var(--color-white);
}

.sf-button--outline-light:hover {
  background-color: rgba(255, 255, 255, .08);

  border-color: var(--color-white) !important;

  color: var(--color-white);
}


/* SMALL */

.sf-button--small {
  min-height: 38px;

  padding: 9px 18px;

  font-size: 14px;
}


/******************************
  CARDS
*******************************/

.sf-card {
  display: flex;
  flex-direction: column;

  overflow: hidden;

  height: 100%;

  background-color: var(--nds-white);

  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);

  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    transform var(--transition-fast);
}

a.sf-card:hover {
  border-color: var(--color-border-strong);

  box-shadow: var(--shadow-md);

  transform: translateY(-3px);
}


/******************************
  FORMS
*******************************/

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
select,
textarea {
  width: 100%;

  background-color: var(--nds-white);
  color: var(--color-text);

  border: 1.5px solid var(--color-border-strong);
  border-radius: var(--radius-sm);

  font-family: var(--font-family);
  font-size: 15px;
  line-height: 1.4;

  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
select {
  min-height: 46px;

  padding: 11px 14px;
}

textarea {
  min-height: 120px;

  padding: 12px 14px;

  resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--color-primary);

  box-shadow: 0 0 0 3px rgba(14, 86, 82, .10);
}


/******************************
  LISTS
*******************************/

.sf-list-reset {
  margin: 0;
  padding: 0;

  list-style: none;
}


/******************************
  ACCESSIBILITY
*******************************/

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--color-accent) !important;
  outline-offset: 2px;
}


@media (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;

    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

}


/******************************
  Tipografie pentru interfață
*******************************/

button,
input,
select,
textarea {
  font-family: var(--font-family);
}

.sf-nds-header,
.sf-nds-footer {
  font-family: var(--font-family);
}

.sf-nds-eyebrow {
  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sf-nds-number {
  font-family: var(--font-family-display);
  font-weight: 700;
}

/******************************
  NDS HEADER
*******************************/

:root {
  --sf-nds-header-height: 76px;
  --sf-nds-header-height-mobile: 68px;
  --sf-nds-mobile-bar-height: 72px;
}


/*
 * Header-ul folosește position: fixed deoarece position: sticky
 * poate fi blocat de containerele WordPress care au overflow
 * sau transform.
 */

.sf-nds-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;

  width: 100%;

  background: var(--nds-white);
  border-bottom: 1px solid var(--nds-steel);
  box-shadow: 0 3px 16px rgba(14, 27, 48, .08);

  isolation: isolate;
}


/*
 * Header-ul fixed este scos din fluxul paginii.
 * Compensăm înălțimea lui pentru ca primul bloc să nu intre dedesubt.
 */

body {
  padding-top: var(--sf-nds-header-height);
}

html {
  scroll-padding-top:
    calc(var(--sf-nds-header-height) + 20px);
}


/* Bara WordPress */

body.admin-bar .sf-nds-header {
  top: 32px;
}


/* Interior */

.sf-nds-header__inner {
  display: grid;
  grid-template-columns: 318px minmax(0, 1fr) auto;
  align-items: center;
  gap: 34px;

  min-height: var(--sf-nds-header-height);
}


/* Logo */

.sf-nds-header__logo {
  display: inline-flex;
  align-items: center;

  width: 318px;
}

.sf-nds-header__logo img {
  display: block;

  width: 318px;
  max-width: 100%;
  height: 30px;

  object-fit: contain;
  object-position: left center;
}


/******************************
  NAVIGAȚIE
*******************************/

.sf-nds-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 1.65vw, 28px);

  min-width: 0;
}

.sf-nds-nav > a,
.sf-nds-nav__submenu-trigger {
  position: relative;

  display: inline-flex;
  align-items: center;
  gap: 5px;

  min-height: var(--sf-nds-header-height);
  padding: 0;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;

  transition: color var(--transition-fast);
}

.sf-nds-nav > a:hover,
.sf-nds-nav > a:focus-visible,
.sf-nds-nav > a.is-current,
.sf-nds-nav__submenu-trigger:hover,
.sf-nds-nav__submenu-trigger:focus-visible,
.sf-nds-nav__submenu.is-active .sf-nds-nav__submenu-trigger {
  color: var(--nds-accent);
}


/* Submeniu */

.sf-nds-nav__submenu {
  position: relative;
}

.sf-nds-nav__submenu-trigger svg {
  width: 9px;
  height: 6px;

  transition: transform var(--transition-fast);
}

.sf-nds-nav__submenu:hover .sf-nds-nav__submenu-trigger svg,
.sf-nds-nav__submenu:focus-within .sf-nds-nav__submenu-trigger svg {
  transform: rotate(180deg);
}


/******************************
  DROPDOWN
*******************************/

.sf-nds-nav__dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: -22px;
  z-index: 10;

  display: grid;
  width: 360px;
  padding: 12px;

  background: var(--nds-white);
  border: 1px solid var(--nds-steel);
  border-radius: 8px;
  box-shadow: var(--shadow-lg);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);

  transition:
    opacity var(--transition-fast),
    visibility var(--transition-fast),
    transform var(--transition-fast);
}

.sf-nds-nav__dropdown::before {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;

  height: 12px;

  content: "";
}

.sf-nds-nav__submenu:hover .sf-nds-nav__dropdown,
.sf-nds-nav__submenu:focus-within .sf-nds-nav__dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.sf-nds-nav__dropdown a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 9px 12px;

  color: var(--nds-ink);
  border-radius: 5px;

  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;

  transition:
    color var(--transition-fast),
    background-color var(--transition-fast);
}

.sf-nds-nav__dropdown a:hover,
.sf-nds-nav__dropdown a:focus-visible,
.sf-nds-nav__dropdown a.is-current {
  color: var(--nds-accent);
  background: rgba(239, 87, 14, .07);
}

.sf-nds-nav__dropdown-title {
  display: block;

  margin: 9px 12px 4px;
  padding-top: 12px;

  color: var(--nds-ink-2);
  border-top: 1px solid var(--nds-steel);

  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.4;
  text-transform: uppercase;
}

.sf-nds-nav__dropdown .sf-nds-nav__courier {
  margin-top: 9px;

  color: var(--nds-blue);
  background: var(--nds-steel);
}


/******************************
  ACȚIUNI HEADER
*******************************/

.sf-nds-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
}


/* Program */

.sf-nds-header__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  color: var(--nds-ink-2);

  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
}

.sf-nds-header__status-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;

  background: var(--nds-green);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(20, 122, 72, .14);
}

.sf-nds-header__status.is-closed .sf-nds-header__status-dot {
  background: var(--nds-accent);
  box-shadow: 0 0 0 3px rgba(239, 87, 14, .14);
}

/*
 * Programul complet rămâne în HTML,
 * dar pe desktop afișăm numai starea.
 */

.sf-nds-header__status-separator,
.sf-nds-header__status strong {
  display: none;
}


/* Buton apel */

.sf-nds-header__call,
.sf-nds-header__call:link,
.sf-nds-header__call:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  min-width: 207px;
  min-height: 46px;
  padding: 0 18px;

  color: var(--nds-ink);
  background: var(--nds-accent);
  border: 2px solid var(--nds-ink);
  border-radius: 9px;

  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;

  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease;
}

.sf-nds-header__call:hover {
  color: var(--nds-ink);
  background: var(--nds-accent);
  box-shadow: 0 6px 0 var(--nds-ink);

  transform: translateY(-2px);
}

.sf-nds-header__call:focus-visible {
  color: var(--nds-ink);
  background: var(--nds-accent);
  box-shadow: 0 5px 0 var(--nds-ink);
}

.sf-nds-header__call:active {
  box-shadow: 0 2px 0 var(--nds-ink);

  transform: translateY(2px);
}

.sf-nds-header__call svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.sf-nds-header__call strong {
  font-weight: 800;
}


/******************************
  BUTON MENIU MOBIL
*******************************/

.sf-nds-header__menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;
  padding: 0;

  color: var(--nds-ink);
  background: transparent;
  border: 1px solid var(--nds-steel-2);
  border-radius: 7px;

  cursor: pointer;
}

.sf-nds-header__menu-toggle svg {
  display: block;

  width: 24px;
  height: 24px;

  fill: none;
}

.sf-nds-header__menu-close {
  display: none;
}

body.meniu-deschis .sf-nds-header__menu-open {
  display: none;
}

body.meniu-deschis .sf-nds-header__menu-close {
  display: block;
}


/******************************
  BARA MOBILĂ
*******************************/

.sf-nds-mobile-bar {
  display: none;
}


/******************************
  TABLETĂ ȘI MENIU MOBIL
*******************************/

@media (max-width: 1280px) {

  .sf-nds-header__inner {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 20px;
  }

  .sf-nds-header__logo {
    width: min(318px, 40vw);
  }

  .sf-nds-header__logo img {
    width: min(318px, 40vw);
  }


  /* Panou meniu */

  .sf-nds-nav {
    position: fixed;
    top: var(--sf-nds-header-height);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;

    display: block;
    overflow-x: hidden;
    overflow-y: auto;

    padding: 24px 30px 40px;

    background: var(--nds-white);
    overscroll-behavior: contain;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-12px);

    transition:
      opacity 220ms ease,
      visibility 220ms ease,
      transform 220ms ease;
  }

  body.admin-bar .sf-nds-nav {
    top:
      calc(
        var(--sf-nds-header-height) + 32px
      );
  }

  body.meniu-deschis {
    overflow: hidden;
  }

  body.meniu-deschis .sf-nds-nav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .sf-nds-nav > a,
  .sf-nds-nav__submenu-trigger {
    display: flex;
    justify-content: space-between;

    width: 100%;
    min-height: auto;
    padding: 13px 4px;

    border-bottom: 1px solid var(--nds-steel);

    font-family: var(--font-family-display);
    font-size: 18px;
    font-weight: 700;
  }

  .sf-nds-nav__submenu-trigger svg {
    display: none;
  }

  .sf-nds-nav__dropdown {
    position: static;

    display: grid;
    width: 100%;
    padding: 8px 0 16px;

    border: 0;
    border-bottom: 1px solid var(--nds-steel);
    border-radius: 0;
    box-shadow: none;

    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  .sf-nds-nav__dropdown::before {
    display: none;
  }

  .sf-nds-nav__dropdown a {
    padding: 8px 13px;

    font-size: 14px;
  }

  .sf-nds-header__menu-toggle {
    display: inline-flex;
  }
}


/******************************
  BARA WORDPRESS PE TABLETĂ
*******************************/

@media (max-width: 782px) {

  body.admin-bar .sf-nds-header {
    top: 46px;
  }

  body.admin-bar .sf-nds-nav {
    top:
      calc(
        var(--sf-nds-header-height) + 46px
      );
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 768px) {

  body {
    padding-top: var(--sf-nds-header-height-mobile);
    padding-bottom:
      calc(
        var(--sf-nds-mobile-bar-height) +
        env(safe-area-inset-bottom)
      );
  }

  html {
    scroll-padding-top:
      calc(
        var(--sf-nds-header-height-mobile) + 16px
      );
  }

  .sf-nds-header__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;

    min-height: var(--sf-nds-header-height-mobile);
  }

  .sf-nds-header__logo,
  .sf-nds-header__logo img {
    width: min(230px, 68vw);
    height: auto;
  }

  .sf-nds-header__actions {
    display: none;
  }


  /* Meniu */

  .sf-nds-nav {
    top: var(--sf-nds-header-height-mobile);
    bottom:
      calc(
        var(--sf-nds-mobile-bar-height) +
        env(safe-area-inset-bottom)
      );

    padding-right: 20px;
    padding-left: 20px;
  }

  body.admin-bar .sf-nds-nav {
    top:
      calc(
        var(--sf-nds-header-height-mobile) + 46px
      );
  }


  /* Bara de contact */

  .sf-nds-mobile-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;

    display: grid;
    grid-template-columns: 1.3fr 1.3fr 1fr;
    gap: 8px;

    min-height:
      calc(
        var(--sf-nds-mobile-bar-height) +
        env(safe-area-inset-bottom)
      );

    padding:
      8px 10px
      calc(8px + env(safe-area-inset-bottom));

    background: #F1F3F6;
    border-top: 1px solid var(--nds-steel-2);
    box-shadow: 0 -5px 18px rgba(14, 27, 48, .10);
  }

  .sf-nds-mobile-bar__action {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-width: 0;
    min-height: 54px;
    padding: 0 14px;

    border: 2px solid var(--nds-ink);
    border-radius: 10px;

    font-family: var(--font-family);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;

    transition:
      background-color var(--transition-fast),
      color var(--transition-fast),
      transform var(--transition-fast);
  }

  .sf-nds-mobile-bar__action svg {
    display: block;

    width: 19px;
    height: 19px;
    flex: 0 0 19px;
  }


  /* Sună */

  .sf-nds-mobile-bar__call,
  .sf-nds-mobile-bar__call:link,
  .sf-nds-mobile-bar__call:visited {
    color: var(--nds-ink);
    background: var(--nds-accent);
    border-color: var(--nds-ink);
  }

  .sf-nds-mobile-bar__call:hover,
  .sf-nds-mobile-bar__call:focus-visible {
    color: var(--nds-ink);
    background: var(--nds-accent-hover);
  }


  /* WhatsApp */

  .sf-nds-mobile-bar__whatsapp,
  .sf-nds-mobile-bar__whatsapp:link,
  .sf-nds-mobile-bar__whatsapp:visited {
    color: var(--nds-white);
    background: var(--nds-ink);
    border-color: var(--nds-ink);
  }

  .sf-nds-mobile-bar__whatsapp:hover,
  .sf-nds-mobile-bar__whatsapp:focus-visible {
    color: var(--nds-white);
    background: #162A47;
  }


  /* Traseu */

  .sf-nds-mobile-bar__route,
  .sf-nds-mobile-bar__route:link,
  .sf-nds-mobile-bar__route:visited {
    color: var(--nds-ink);
    background: var(--nds-white);
    border-color: var(--nds-ink);
  }

  .sf-nds-mobile-bar__route:hover,
  .sf-nds-mobile-bar__route:focus-visible {
    color: var(--nds-ink);
    background: var(--nds-steel);
  }

  .sf-nds-mobile-bar__action:active {
    transform: translateY(1px);
  }
}


/******************************
  MOBIL MIC
*******************************/

@media (max-width: 420px) {

  .sf-nds-mobile-bar {
    grid-template-columns: 1.2fr 1.2fr .9fr;
    gap: 6px;

    padding-right: 7px;
    padding-left: 7px;
  }

  .sf-nds-mobile-bar__action {
    gap: 6px;

    min-height: 52px;
    padding-right: 8px;
    padding-left: 8px;

    font-size: 13px;
  }

  .sf-nds-mobile-bar__action svg {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }
}


/******************************
  REDUCERE ANIMAȚII
*******************************/

@media (prefers-reduced-motion: reduce) {

  .sf-nds-header *,
  .sf-nds-header *::before,
  .sf-nds-header *::after {
    transition-duration: .01ms !important;
  }
}


/******************************
  NDS FOOTER
*******************************/

/*
 * Elimină spațiul adăugat de blockGap-ul WordPress.
 */
.wp-site-blocks > footer,
.wp-site-blocks > .wp-block-lazyblock-nds-footer,
.wp-site-blocks > .wp-block-lazyblock-df-footer-copyright,
.wp-site-blocks > *:has(.sf-nds-footer),
.sf-nds-footer {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}


/* Structură generală */

.sf-nds-footer {
  width: 100%;
  padding: 58px 0 22px;

  color: var(--nds-white);
  background: var(--nds-ink);
}

.sf-nds-footer__grid {
  display: grid;
  grid-template-columns:
    minmax(260px, 1.35fr)
    minmax(175px, 1fr)
    minmax(190px, 1fr)
    minmax(160px, .85fr)
    minmax(110px, .65fr);
  align-items: start;
  gap: clamp(28px, 3.2vw, 52px);
}


/******************************
  COMPANIE
*******************************/

.sf-nds-footer__company {
  max-width: 310px;
}

.sf-nds-footer__logo {
  display: inline-flex;
  align-items: center;

  margin-bottom: 22px;
}

.sf-nds-footer__logo img {
  display: block;

  width: 296px;
  max-width: 100%;
  height: auto;
}

.sf-nds-footer__company p {
  max-width: 290px;
  margin: 0 0 15px;

  color: rgba(255, 255, 255, .88);

  font-size: 14px;
  line-height: 1.55;
}


/* Telefon */

.sf-nds-footer__phone,
.sf-nds-footer__phone:link,
.sf-nds-footer__phone:visited {
  display: inline-block;

  margin-bottom: 12px;

  color: var(--nds-accent);

  font-family: var(--font-family-display);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;

  transition: color var(--transition-fast);
}

.sf-nds-footer__phone:hover,
.sf-nds-footer__phone:focus-visible {
  color: var(--nds-accent-hover);
}


/* Adresă și program */

.sf-nds-footer__address {
  margin: 0;

  color: rgba(255, 255, 255, .82);

  font-size: 13px;
  font-style: normal;
  line-height: 1.55;
}


/* E-mail */

.sf-nds-footer__email,
.sf-nds-footer__email:link,
.sf-nds-footer__email:visited {
  display: inline-block;

  margin-top: 9px;

  color: rgba(255, 255, 255, .88);

  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;

  overflow-wrap: anywhere;

  transition: color var(--transition-fast);
}

.sf-nds-footer__email:hover,
.sf-nds-footer__email:focus-visible {
  color: var(--nds-accent);
}


/******************************
  COLOANE NAVIGAȚIE
*******************************/

.sf-nds-footer__column {
  min-width: 0;
}

.sf-nds-footer__title {
  margin: 0 0 15px;

  color: var(--nds-white);

  font-family: var(--font-family-display);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1.3;
  text-transform: uppercase;
}

.sf-nds-footer ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

.sf-nds-footer li {
  margin: 0 0 9px;
  padding: 0;
}

.sf-nds-footer li:last-child {
  margin-bottom: 0;
}

.sf-nds-footer li a,
.sf-nds-footer li a:link,
.sf-nds-footer li a:visited {
  color: rgba(255, 255, 255, .88);

  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;

  overflow-wrap: break-word;

  transition: color var(--transition-fast);
}

.sf-nds-footer li a:hover,
.sf-nds-footer li a:focus-visible {
  color: var(--nds-accent);
}


/******************************
  COPYRIGHT ȘI LINKURI LEGALE
*******************************/

.sf-nds-footer__bottom {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) auto;
  align-items: end;
  gap: 30px;

  margin-top: 42px;
  padding-top: 18px;

  color: rgba(255, 255, 255, .68);
  border-top: 1px solid rgba(255, 255, 255, .14);

  font-size: 11px;
  line-height: 1.55;
}

.sf-nds-footer__copyright {
  max-width: 820px;
}

.sf-nds-footer__legal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.sf-nds-footer__bottom a,
.sf-nds-footer__bottom a:link,
.sf-nds-footer__bottom a:visited {
  color: rgba(255, 255, 255, .76);

  font-size: 11px;
  white-space: nowrap;

  transition: color var(--transition-fast);
}

.sf-nds-footer__bottom a:hover,
.sf-nds-footer__bottom a:focus-visible {
  color: var(--nds-accent);
}


/******************************
  SUB 992PX
*******************************/

/*
 * Compania ocupă singură primul rând și este centrată.
 * Cele patru coloane de navigație rămân pe rândul următor:
 *
 * Servicii | Camioane și utilaje | Zone | Firmă
 */
@media (max-width: 992px) {

  .sf-nds-footer {
    padding-top: 44px;
    padding-bottom: 22px;
  }

  .sf-nds-footer__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 38px 28px;
  }

  .sf-nds-footer__company {
    grid-column: 1 / -1;

    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;

    text-align: center;
  }

  .sf-nds-footer__logo {
    margin-bottom: 18px;
  }

  .sf-nds-footer__company p {
    max-width: 480px;
  }

  .sf-nds-footer__address {
    text-align: center;
  }

  .sf-nds-footer__bottom {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 15px;

    margin-top: 36px;

    text-align: center;
  }

  .sf-nds-footer__copyright {
    max-width: 850px;
  }

  .sf-nds-footer__legal {
    justify-content: center;
  }
}


/******************************
  SUB 700PX
*******************************/

/*
 * Cele patru coloane de navigație devin:
 *
 * Servicii              | Camioane și utilaje
 * Zone                   | Firmă
 */
@media (max-width: 700px) {

  .sf-nds-footer {
    /*
     * Bara mobilă este deja compensată prin paddingul de pe body.
     * Nu adăugăm din nou înălțimea ei în footer.
     */
    padding-top: 34px;
    padding-bottom: 18px;
  }

  .sf-nds-footer .sf-padding-x-40 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .sf-nds-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 26px;
    row-gap: 34px;
  }

  .sf-nds-footer__company {
    grid-column: 1 / -1;
  }

  .sf-nds-footer__logo {
    margin-bottom: 17px;
  }

  .sf-nds-footer__logo img {
    width: min(270px, 72vw);
  }

  .sf-nds-footer__company p {
    max-width: 470px;
  }

  .sf-nds-footer__title {
    margin-bottom: 12px;
  }

  .sf-nds-footer li {
    margin-bottom: 8px;
  }

  .sf-nds-footer__bottom {
    gap: 17px;

    margin-top: 30px;
    padding-top: 16px;
  }

  .sf-nds-footer__legal {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, auto));
    justify-content: center;
    gap: 8px 18px;
  }

  .sf-nds-footer__legal a {
    white-space: normal;
  }
}


/******************************
  SUB 420PX
*******************************/

/*
 * Păstrăm două coloane și pe telefoanele înguste,
 * dar reducem spațiile și dimensiunea textului.
 */
@media (max-width: 420px) {

  .sf-nds-footer {
    padding-top: 28px;
    padding-bottom: 16px;
  }

  .sf-nds-footer .sf-padding-x-40 {
    padding-right: 16px;
    padding-left: 16px;
  }

  .sf-nds-footer__grid {
    column-gap: 18px;
    row-gap: 30px;
  }

  .sf-nds-footer__company p {
    font-size: 13px;
  }

  .sf-nds-footer__phone,
  .sf-nds-footer__phone:link,
  .sf-nds-footer__phone:visited {
    font-size: 21px;
  }

  .sf-nds-footer__address,
  .sf-nds-footer__email {
    font-size: 12px;
  }

  .sf-nds-footer__title {
    font-size: 11px;
    letter-spacing: .055em;
  }

  .sf-nds-footer li a,
  .sf-nds-footer li a:link,
  .sf-nds-footer li a:visited {
    font-size: 12px;
    line-height: 1.4;

    overflow-wrap: anywhere;
  }

  .sf-nds-footer__bottom {
    margin-top: 27px;

    font-size: 10px;
  }

  .sf-nds-footer__bottom a,
  .sf-nds-footer__bottom a:link,
  .sf-nds-footer__bottom a:visited {
    font-size: 10px;
  }

  .sf-nds-footer__legal {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 14px;
    row-gap: 9px;
  }
}

/******************************
  NDS — PE SCURT
*******************************/

.sf-nds-summary {
  width: 100%;
  padding: 40px 0;

  color: var(--nds-ink);
  background: var(--nds-white);
  border-bottom: 1px solid #cacaca;
}

.sf-nds-summary__grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(440px, .95fr);
  align-items: start;
  gap: clamp(50px, 7vw, 100px);
}


/******************************
  RĂSPUNS
*******************************/

.sf-nds-summary__answer {
  position: relative;

  max-width: 650px;
}

.sf-nds-summary__label {
  display: block;

  margin-bottom: 9px;

  color: var(--nds-ink-2);

  font-family: var(--font-family-display);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1.2;
  text-transform: uppercase;
}

.sf-nds-summary__question {
  max-width: 620px;
  margin: 0 0 16px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(25px, 2.25vw, 36px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.16;
}

.sf-nds-summary__text {
  max-width: 650px;
  margin: 0;

  color: var(--nds-ink);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.72;
}

.sf-nds-summary__updated {
  margin: 18px 0 0;

  color: var(--nds-ink-2);

  font-size: 12px;
  line-height: 1.45;
}

.sf-nds-summary__updated time {
  font-weight: 600;
}


/******************************
  FIȘA ATELIERULUI
*******************************/

.sf-nds-summary__facts {
  overflow: hidden;

  padding: 22px 24px 10px;

  background: #E8EDF3;
  border: 1px solid rgba(14, 27, 48, .05);
  border-radius: 12px;
}

.sf-nds-summary__facts-title {
  margin: 0 0 7px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
}

.sf-nds-summary__facts-list {
  margin: 0;
}

.sf-nds-summary__fact {
  display: grid;
  grid-template-columns: minmax(115px, .38fr) minmax(0, 1fr);
  gap: 18px;

  margin: 0;
  padding: 11px 0;

  border-bottom: 1px solid rgba(14, 27, 48, .11);
}

.sf-nds-summary__fact:last-child {
  border-bottom: 0;
}

.sf-nds-summary__fact dt,
.sf-nds-summary__fact dd {
  min-width: 0;
  margin: 0;
}

.sf-nds-summary__fact dt {
  color: var(--nds-ink-2);

  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.sf-nds-summary__fact dd {
  color: var(--nds-ink);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.sf-nds-summary__fact a,
.sf-nds-summary__fact a:link,
.sf-nds-summary__fact a:visited {
  color: var(--nds-blue);

  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;

  transition: color var(--transition-fast);
}

.sf-nds-summary__fact a:hover,
.sf-nds-summary__fact a:focus-visible {
  color: var(--nds-accent);
}


/******************************
  TABLETĂ
*******************************/

@media (max-width: 992px) {

  .sf-nds-summary {
    padding: 58px 0;
  }

  .sf-nds-summary__grid {
    grid-template-columns: minmax(0, 1fr) minmax(370px, .9fr);
    gap: 40px;
  }

  .sf-nds-summary__question {
    font-size: clamp(24px, 3vw, 31px);
  }

  .sf-nds-summary__facts {
    padding-right: 20px;
    padding-left: 20px;
  }

  .sf-nds-summary__fact {
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 14px;
  }
}


/******************************
  TABLETĂ MICĂ ȘI MOBIL
*******************************/

@media (max-width: 768px) {

  .sf-nds-summary {
    padding: 48px 0;
  }

  .sf-nds-summary .sf-padding-x-40 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .sf-nds-summary__grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .sf-nds-summary__answer {
    max-width: none;
  }

  .sf-nds-summary__question,
  .sf-nds-summary__text {
    max-width: none;
  }

  .sf-nds-summary__facts {
    width: 100%;
  }

  .sf-nds-summary__fact {
    grid-template-columns: minmax(105px, .34fr) minmax(0, 1fr);
  }
}


/******************************
  MOBIL ÎNGUST
*******************************/

@media (max-width: 480px) {

  .sf-nds-summary {
    padding: 38px 0;
  }

  .sf-nds-summary .sf-padding-x-40 {
    padding-right: 16px;
    padding-left: 16px;
  }

  .sf-nds-summary__grid {
    gap: 28px;
  }

  .sf-nds-summary__label {
    margin-bottom: 7px;

    font-size: 10px;
  }

  .sf-nds-summary__question {
    margin-bottom: 13px;

    font-size: 23px;
    line-height: 1.2;
  }

  .sf-nds-summary__text {
    font-size: 15px;
    line-height: 1.65;
  }

  .sf-nds-summary__updated {
    margin-top: 15px;
  }

  .sf-nds-summary__facts {
    padding: 18px 16px 7px;

    border-radius: 9px;
  }

  .sf-nds-summary__facts-title {
    margin-bottom: 6px;

    font-size: 14px;
  }

  .sf-nds-summary__fact {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;

    padding: 10px 0;
  }

  .sf-nds-summary__fact dt,
  .sf-nds-summary__fact dd {
    font-size: 11px;
    line-height: 1.45;
  }
}


/******************************
  ECRANE FOARTE ÎNGUSTE
*******************************/

@media (max-width: 360px) {

  .sf-nds-summary__fact {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .sf-nds-summary__fact dt {
    color: var(--nds-ink);
    font-weight: 800;
  }
}

/******************************
  NDS HERO HOMEPAGE
*******************************/

.wp-site-blocks > .wp-block-lazyblock-nds-hero,
.wp-site-blocks > *:has(.sf-nds-hero),
.sf-nds-hero {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

.sf-nds-hero {
  --hero-bg: var(--nds-ink, #0e1b30);
  --hero-text: var(--nds-white, #fff);
  --hero-muted: var(--nds-steel-light, #c9d3df);
  --hero-accent: var(--nds-orange, #ef570e);
  overflow: hidden;
  padding: clamp(36px, 6vw, 72px) 0 clamp(16px, 3vw, 32px);
  color: var(--hero-text);
  background: var(--hero-bg);
}

.sf-nds-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, 1fr);
  align-items: end;
  gap: clamp(28px, 5vw, 64px);
}

.sf-nds-hero__eyebrow {
  margin: 0 0 18px;
  color: var(--hero-muted);
  font: 600 12.5px/1.35 var(--nds-font-body, "Open Sans", sans-serif);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.sf-nds-hero__title {
  max-width: 17ch;
  margin: 0;
  color: var(--hero-text);
  font-family: var(--nds-font-heading, Montserrat, sans-serif);
  font-size: clamp(34px, 4.4vw, 58px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.015em;
  text-wrap: balance;
}

.sf-nds-hero__title em {
  color: var(--hero-accent);
  font-style: normal;
}

.sf-nds-hero__lead {
  max-width: 60ch;
  margin: 22px 0 0;
  color: var(--hero-muted);
  font-size: clamp(18px, 1.6vw, 20px);
  line-height: 1.6;
}

.sf-nds-hero__card {
  display: grid;
  gap: 16px;
  padding: 22px;
  color: var(--nds-ink, #0e1b30);
  background: var(--nds-white, #fff);
  border: 2px solid var(--hero-text);
  border-radius: 14px;
  box-shadow: 6px 6px 0 var(--hero-accent);
}

.sf-nds-hero__card hr {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 1px dashed var(--nds-steel-light, #c9d3df);
}

.sf-nds-hero__rating {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--nds-ink, #0e1b30);
  text-decoration: none;
}

.sf-nds-hero__rating:hover {
  color: var(--nds-ink, #0e1b30);
}

.sf-nds-hero__score {
  font: 800 44px/1 var(--nds-font-heading, Montserrat, sans-serif);
}

.sf-nds-hero__stars {
  display: block;
  color: #c98e00;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 2px;
}

.sf-nds-hero__reviews {
  display: block;
  margin-top: 4px;
  color: var(--nds-ink-muted, #44536b);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.sf-nds-hero__actions {
  display: grid;
  gap: 10px;
}

.sf-nds-hero__actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  width: 100%;
  min-height: 56px;
  padding: 0 24px;

  color: var(--nds-ink, #0e1b30);
  font-family: var(--nds-font-body, "Open Sans", sans-serif);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;

  background: transparent;
  border: 2px solid var(--nds-ink, #0e1b30);
  border-radius: 10px;
  cursor: pointer;

  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease;
}

.sf-nds-hero__actions .btn:hover {
  color: var(--nds-ink, #0e1b30);
  transform: translateY(-1px);
  box-shadow: 0 3px 0 var(--nds-ink, #0e1b30);
}

.sf-nds-hero__actions .btn:active {
  transform: none;
  box-shadow: none;
}

.sf-nds-hero__actions .btn-apel {
  color: var(--nds-ink, #0e1b30);
  background: var(--hero-accent);
}

.sf-nds-hero__actions .btn-apel:hover {
  color: var(--nds-ink, #0e1b30);
}

.sf-nds-hero__actions .btn-apel b {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.sf-nds-hero__actions .btn-wa {
  color: var(--hero-text);
  background: var(--nds-ink, #0e1b30);
}

.sf-nds-hero__actions .btn-wa:hover {
  color: var(--hero-text);
  box-shadow: 0 3px 0 var(--nds-blue, #2a44a8);
}

.sf-nds-hero__actions .btn svg {
  display: block;
  width: 22px !important;
  min-width: 22px;
  max-width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px;
}

.sf-nds-hero__actions .btn-wa svg {
  color: #25d366;
}

.sf-nds-hero__actions .btn svg {
  display: block;
  width: 22px !important;
  min-width: 22px;
  max-width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px;
}

.sf-nds-hero__meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 15px;
}

.sf-nds-hero__meta a {
  color: var(--nds-ink, #0e1b30);
}

.sf-nds-hero__drawing {
  margin: clamp(24px, 4vw, 40px) 0 0;
}

.sf-nds-hero__drawing .caseta {
  --ink: #e7ecf2;
  --alb: #16294a;
  --otel: #0e1b30;
  --otel-2: #3a5a91;
  --albastru: #7f9bff;
  --galben: #ef570e;
  --t: 8s;
  --ease: cubic-bezier(0.45, 0, 0.25, 1);
  display: block;
  width: 100%;
  height: auto;
}

.sf-nds-hero__drawing .adn-t {
  fill: #fff;
  font: 700 17px var(--nds-font-heading, Montserrat, sans-serif);
}

.sf-nds-hero__drawing .adn-s {
  fill: #c9d3df;
  font: 400 15px var(--nds-font-body, "Open Sans", sans-serif);
}

.sf-nds-hero__legend {
  display: none;
}

.sf-nds-hero__svg-error {
  padding: 24px;
  color: var(--hero-muted);
  border: 1px dashed var(--hero-muted);
}

/* Animația SVG: doar transform și opacity. */
.sf-nds-hero .anim-banc .an-cursa {
  animation: nds-rack var(--t) var(--ease) infinite;
}

.sf-nds-hero .anim-banc .an-burduf-st {
  transform-box: fill-box;
  transform-origin: 100% 50%;
  animation: nds-boot-left var(--t) var(--ease) infinite;
}

.sf-nds-hero .anim-banc .an-burduf-dr {
  transform-box: fill-box;
  transform-origin: 0 50%;
  animation: nds-boot-right var(--t) var(--ease) infinite;
}

.sf-nds-hero .anim-banc .an-caneluri {
  animation: nds-splines var(--t) var(--ease) infinite;
}

.sf-nds-hero .anim-banc .an-volan {
  transform-box: view-box;
  transform-origin: 900px 42px;
  animation: nds-wheel var(--t) var(--ease) infinite;
}

.sf-nds-hero .anim-banc .an-ulei {
  animation: nds-oil-visible var(--t) linear infinite;
}

.sf-nds-hero .anim-banc .an-ulei .faza {
  opacity: 0;
  animation: nds-oil-phase 0.45s steps(1, end) infinite;
  animation-delay: calc(var(--f) * -0.15s);
}

.sf-nds-hero .caseta.is-paused,
.sf-nds-hero .caseta.is-paused * {
  animation-play-state: paused !important;
}

@keyframes nds-rack {
  0%, 12% { transform: translateX(0); }
  32%, 44% { transform: translateX(28px); }
  64%, 76% { transform: translateX(-28px); }
  96%, 100% { transform: translateX(0); }
}

@keyframes nds-boot-left {
  0%, 12% { transform: scaleX(1); }
  32%, 44% { transform: scaleX(0.824); }
  64%, 76% { transform: scaleX(1.176); }
  96%, 100% { transform: scaleX(1); }
}

@keyframes nds-boot-right {
  0%, 12% { transform: scaleX(1); }
  32%, 44% { transform: scaleX(1.226); }
  64%, 76% { transform: scaleX(0.774); }
  96%, 100% { transform: scaleX(1); }
}

@keyframes nds-splines {
  0%, 12% { transform: translateX(0); }
  32%, 44% { transform: translateX(12px); }
  64%, 76% { transform: translateX(-12px); }
  96%, 100% { transform: translateX(0); }
}

@keyframes nds-wheel {
  0%, 12% { transform: rotate(0); }
  32%, 44% { transform: rotate(90deg); }
  64%, 76% { transform: rotate(-90deg); }
  96%, 100% { transform: rotate(0); }
}

@keyframes nds-oil-phase {
  0% { opacity: 1; }
  33.33% { opacity: 0; }
}

@keyframes nds-oil-visible {
  0%, 13%, 31%, 45%, 63%, 77%, 95%, 100% { opacity: 0; }
  16%, 28%, 48%, 60%, 80%, 92% { opacity: 1; }
}

@media (max-width: 767px) {
  .sf-nds-hero {
    padding-top: 24px;
  }

  .sf-nds-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .sf-nds-hero__content {
    display: contents;
  }

  .sf-nds-hero__eyebrow { order: 1; margin-bottom: 0; }
  .sf-nds-hero__title { order: 2; font-size: clamp(30px, 8.4vw, 38px); }
  .sf-nds-hero__card { order: 3; padding: 16px; box-shadow: 4px 4px 0 var(--hero-accent); }
  .sf-nds-hero__lead { order: 4; margin-top: 0; font-size: 17px; }
  .sf-nds-hero__score { font-size: 38px; }

  .sf-nds-hero__drawing .adn,
  .sf-nds-hero__drawing .rigla {
    display: none;
  }

  .sf-nds-hero__legend {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
  }

  .sf-nds-hero__legend li {
    position: relative;
    padding-left: 16px;
    color: var(--hero-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
  }

  .sf-nds-hero__legend li::before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 9px;
    height: 9px;
    background: var(--hero-accent);
    border: 1.5px solid var(--hero-text);
    border-radius: 50%;
    content: "";
  }

  .sf-nds-hero__legend small {
    display: block;
    color: var(--hero-muted);
    font-weight: 400;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sf-nds-hero .caseta,
  .sf-nds-hero .caseta * {
    animation: none !important;
  }

  .sf-nds-hero .an-ulei {
    display: none;
  }
}

/******************************
  CORECȚII — PE SCURT
*******************************/

/*
 * În design, eticheta folosește Open Sans,
 * nu Montserrat.
 */
.sf-nds-summary__label {
  margin-bottom: 8px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}


/*
 * Titlul fișei folosește Montserrat.
 */
.sf-nds-summary__facts-title {
  margin: 0 0 10px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}


/*
 * Dimensiunile exacte din design pentru tabel.
 */
.sf-nds-summary__fact {
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 12px;

  padding: 8px 0;
}

.sf-nds-summary__fact dt,
.sf-nds-summary__fact dd {
  font-family: var(--font-family);
  font-size: 14.5px;
  line-height: 1.45;
}

.sf-nds-summary__fact dt {
  color: var(--nds-ink-2);
  font-weight: 600;
}

.sf-nds-summary__fact dd {
  color: var(--nds-ink);
  font-weight: 400;
}


/*
 * Și linkul telefonului trebuie să păstreze
 * aceeași dimensiune ca restul tabelului.
 */
.sf-nds-summary__fact a,
.sf-nds-summary__fact a:link,
.sf-nds-summary__fact a:visited {
  font-size: inherit;
  line-height: inherit;
}


/******************************
  TABEL — RESPONSIVE
*******************************/

@media (max-width: 992px) {

  .sf-nds-summary__fact {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 12px;
  }
}

@media (max-width: 768px) {

  .sf-nds-summary__fact {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 12px;
  }
}

@media (max-width: 480px) {

  /*
   * Nu mai micșorăm textul la 11px.
   * Designul păstrează 14.5px și pe mobil.
   */
  .sf-nds-summary__fact dt,
  .sf-nds-summary__fact dd {
    font-size: 14.5px;
    line-height: 1.45;
  }

  .sf-nds-summary__facts-title {
    font-size: 16px;
  }
}

@media (max-width: 360px) {

  /*
   * Doar pe ecranele foarte înguste așezăm
   * cheia deasupra valorii.
   */
  .sf-nds-summary__fact {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

.sf-nds-hero .stare {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: var(--nds-ink-muted, #44536b);
  font-family: var(--nds-font-body, "Open Sans", sans-serif);
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.35;
}

.sf-nds-hero .stare::before {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;

  background: #147a48;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(20, 122, 72, 0.18);

  content: "";
}

.sf-nds-hero .stare.inchis::before {
  background: var(--nds-ink-muted, #44536b);
  box-shadow: 0 0 0 3px rgba(68, 83, 107, 0.18);
}

.sf-nds-hero .stare b {
  color: var(--nds-ink, #0e1b30);
  font-weight: 500;
}

/******************************
  NDS — CONSTATARE GRATUITĂ
*******************************/

.sf-nds-offer {
  color: var(--nds-ink);
  background: var(--nds-white);
  padding-bottom: 60px;
}

/*
 * Secțiunea originală are padding-top: 0.
 * Păstrăm spațierea inferioară din design.
 */
.sf-nds-offer .sf-nds-offer__spacing {
  padding-top: 0;
  padding-bottom: clamp(56px, 8vw, 104px);
}

.sf-nds-offer__panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;

  padding: 28px 32px;

  color: var(--nds-white);
  background: var(--nds-ink);
  border-radius: 16px;
}

.sf-nds-offer__panel,
.sf-nds-offer__panel * {
  box-sizing: border-box;
}


/* Preț și etichetă */

.sf-nds-offer__price {
  color: var(--nds-accent);

  font-family: var(--font-family-display);
  font-size: 52px;
  font-weight: 800;
  line-height: .95;

  white-space: nowrap;
}

.sf-nds-offer__price span {
  display: block;
  margin-top: 6px;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: normal;
  text-transform: uppercase;
}


/* Conținut */

.sf-nds-offer__content {
  min-width: 0;
}

.sf-nds-offer__title {
  margin: 0;

  color: var(--nds-white);

  font-family: var(--font-family-display);
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}

.sf-nds-offer__text {
  margin: 8px 0 0;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}


/* Buton de apel */

.sf-nds-offer__call,
.sf-nds-offer__call:link,
.sf-nds-offer__call:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 56px;
  padding: 0 24px;

  color: var(--nds-ink);
  background: var(--nds-accent);
  border: 2px solid var(--nds-ink);
  border-radius: 10px;

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;

  cursor: pointer;

  transition:
    transform 120ms ease,
    box-shadow 120ms ease;
}

.sf-nds-offer__call svg {
  display: block;
  flex: none;

  width: 22px;
  height: 22px;
}

.sf-nds-offer__call b {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.sf-nds-offer__call:hover {
  color: var(--nds-ink);

  transform: translateY(-1px);
  box-shadow: 0 3px 0 var(--nds-ink);
}

.sf-nds-offer__call:active {
  transform: none;
  box-shadow: none;
}

.sf-nds-offer__call:focus-visible {
  outline: 3px solid var(--nds-white);
  outline-offset: 4px;
}


/* Mobil — breakpointul original din design */

@media (max-width: 760px) {

  .sf-nds-offer__panel {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;

    padding: 22px;
  }

  .sf-nds-offer__price {
    font-size: 44px;
  }

  .sf-nds-offer__call {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .sf-nds-offer__call {
    transition: none;
  }
}

/**
 * ========================================
 * NDS – Tipuri de casete
 * ========================================
 */

.sf-nds-services {
  width: 100%;

  color: var(--nds-ink, #0e1b30);
  background: var(--nds-white, #ffffff);
}


/**
 * Antetul secțiunii
 */

.sf-nds-services__header {
  display: grid;
  gap: 14px;

  width: 100%;
  max-width: 780px;
  margin: 0 0 clamp(28px, 4vw, 48px);
}

.sf-nds-services__eyebrow {
  display: block;

  margin: 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sf-nds-services__title {
  margin: 0;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family-display, "Montserrat", sans-serif);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.015em;
  text-wrap: balance;
}

.sf-nds-services__lead {
  max-width: 60ch;
  margin: 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: clamp(18px, 1.6vw, 20px);
  font-weight: 400;
  line-height: 1.6;
}


/**
 * Gridul de servicii
 */

.sf-nds-services__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;

  width: 100%;
}


/**
 * Card
 */

.sf-nds-services__card,
.sf-nds-services__card:link,
.sf-nds-services__card:visited {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 10px;
  align-content: start;

  min-width: 0;
  padding: 22px;

  color: var(--nds-ink, #0e1b30);
  background: var(--nds-white, #ffffff);
  border: 1px solid var(--nds-steel-2, #c9d3df);
  border-radius: 14px;

  text-decoration: none;

  transition:
    color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.sf-nds-services__card:hover,
.sf-nds-services__card:focus-visible {
  color: var(--nds-ink, #0e1b30);
  border-color: var(--nds-ink, #0e1b30);
}

.sf-nds-services__card:hover {
  box-shadow: 0 5px 0 rgba(14, 27, 48, .08);
  transform: translateY(-2px);
}


/**
 * Icon
 */

.sf-nds-services
.sf-nds-services__card
svg.sf-nds-services__icon {
  display: block;

  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;

  margin: 0;

  color: var(--nds-ink, #0e1b30);

  object-fit: contain;
  overflow: visible;
}


/**
 * Conținutul cardului
 */

.sf-nds-services__card-content {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 10px;
  align-content: start;

  min-width: 0;
}

.sf-nds-services__card-title {
  margin: 0;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family-display, "Montserrat", sans-serif);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.015em;
}

.sf-nds-services__card-text {
  margin: 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.sf-nds-services__more {
  display: inline-flex;
  align-items: center;
  gap: 5px;

  width: fit-content;

  color: var(--nds-blue, #2a44a8);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.sf-nds-services__more span {
  display: inline-block;

  transition: transform 160ms ease;
}

.sf-nds-services__card:hover .sf-nds-services__more {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sf-nds-services__card:hover .sf-nds-services__more span {
  transform: translateX(3px);
}


/**
 * Echipamente suplimentare
 */

.sf-nds-services__equipment {
  display: grid;
  gap: 12px;

  width: 100%;
  margin-top: 18px;
  padding: 18px 20px;

  color: var(--nds-ink, #0e1b30);
  background: var(--nds-steel, #e7ecf2);
  border-radius: 14px;
}

.sf-nds-services__equipment-text {
  margin: 0;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.sf-nds-services__equipment-text strong {
  font-weight: 700;
}


/**
 * Chips
 */

.sf-nds-services__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin: 0;
}

.sf-nds-services__chips a,
.sf-nds-services__chips a:link,
.sf-nds-services__chips a:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;

  min-height: 39px;
  padding: 8px 14px;

  color: var(--nds-ink, #0e1b30);
  background: var(--nds-white, #ffffff);
  border: 1px solid var(--nds-steel-2, #c9d3df);
  border-radius: 999px;

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;

  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease;
}

.sf-nds-services__chips a:hover,
.sf-nds-services__chips a:focus-visible {
  color: var(--nds-ink, #0e1b30);
  border-color: var(--nds-ink, #0e1b30);
}

.sf-nds-services__chips .sf-nds-services__courier,
.sf-nds-services__chips .sf-nds-services__courier:link,
.sf-nds-services__chips .sf-nds-services__courier:visited {
  color: var(--nds-white, #ffffff);
  background: var(--nds-ink, #0e1b30);
  border-color: var(--nds-ink, #0e1b30);
}

.sf-nds-services__chips .sf-nds-services__courier:hover,
.sf-nds-services__chips .sf-nds-services__courier:focus-visible {
  color: var(--nds-white, #ffffff);
  background: #162a47;
  border-color: #162a47;
}


/**
 * Tabletă
 */

@media (max-width: 991px) {

  .sf-nds-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-nds-services__card:last-child {
    grid-column: 1 / -1;
  }
}


/**
 * Mobil
 */

@media (max-width: 767px) {

  .sf-nds-services__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-services__card,
  .sf-nds-services__card:link,
  .sf-nds-services__card:visited {
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-rows: auto;
    column-gap: 14px;

    padding: 16px;
  }

  .sf-nds-services__card:last-child {
    grid-column: auto;
  }

  .sf-nds-services
  .sf-nds-services__card
  svg.sf-nds-services__icon {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  .sf-nds-services__card-title {
    font-size: 20px;
  }

  .sf-nds-services__equipment {
    padding: 16px;
  }

  .sf-nds-services__equipment-text {
    font-size: 16px;
  }

  .sf-nds-services__chips {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-services__chips a,
  .sf-nds-services__chips a:link,
  .sf-nds-services__chips a:visited {
    justify-content: flex-start;

    width: 100%;
    border-radius: 10px;
  }

  .sf-nds-services__chips .sf-nds-services__courier {
    justify-content: center;
  }
}


/**
 * Reducerea mișcării
 */

@media (prefers-reduced-motion: reduce) {

  .sf-nds-services__card,
  .sf-nds-services__more span,
  .sf-nds-services__chips a {
    transition: none;
  }

  .sf-nds-services__card:hover {
    transform: none;
  }
}

/**
 * ========================================
 * NDS – Simptome
 * ========================================
 */

.sf-nds-symptoms {
  width: 100%;

  color: var(--nds-ink, #0e1b30);
  background: var(--nds-steel, #e7ecf2);
}


/**
 * Antet
 */

.sf-nds-symptoms__header {
  display: grid;
  gap: 14px;

  width: 100%;
  max-width: 780px;
  margin: 0 0 clamp(28px, 4vw, 48px);
}

.sf-nds-symptoms__eyebrow {
  display: block;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sf-nds-symptoms__title {
  margin: 0;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family-display, "Montserrat", sans-serif);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.015em;
  text-wrap: balance;
}

.sf-nds-symptoms__lead {
  max-width: 60ch;
  margin: 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: clamp(18px, 1.6vw, 20px);
  line-height: 1.6;
}


/**
 * Tabel
 */

.sf-nds-symptoms__table {
  margin: 0 0 clamp(24px, 3vw, 36px);
}

.sf-nds-symptoms__table figcaption {
  margin-bottom: 10px;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family-display, "Montserrat", sans-serif);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

.sf-nds-symptoms__table-scroll {
  overflow-x: auto;

  background: var(--nds-white, #ffffff);
  border: 1px solid var(--nds-steel-2, #c9d3df);
  border-radius: 12px;

  -webkit-overflow-scrolling: touch;
}

.sf-nds-symptoms__table table {
  width: 100%;
  min-width: 700px;

  border-collapse: collapse;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 15px;
  line-height: 1.5;
}

.sf-nds-symptoms__table th,
.sf-nds-symptoms__table td {
  padding: 11px 14px;

  border-bottom: 1px solid var(--nds-steel, #e7ecf2);

  text-align: left;
  vertical-align: top;
}

.sf-nds-symptoms__table thead th {
  color: var(--nds-ink-2, #44536b);
  background: #f4f6f9;

  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.sf-nds-symptoms__table tbody th {
  font-weight: 600;
}

.sf-nds-symptoms__table tbody tr:last-child > * {
  border-bottom: 0;
}

.sf-nds-symptoms__table-note {
  margin: 8px 0 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 13.5px;
  line-height: 1.5;
}


/**
 * Carduri
 */

.sf-nds-symptoms__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.sf-nds-symptoms__card {
  display: flex;
  flex-direction: column;
  gap: 10px;

  min-width: 0;
  padding: 20px 20px 16px;

  background: var(--nds-white, #ffffff);
  border: 1px solid var(--nds-steel-2, #c9d3df);
  border-radius: 14px;
}

.sf-nds-symptoms__card-title {
  margin: 0;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family-display, "Montserrat", sans-serif);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.015em;
}

.sf-nds-symptoms__card-text {
  margin: 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 15px;
  line-height: 1.55;
}


/**
 * CTA WhatsApp
 */

.sf-nds-symptoms__whatsapp,
.sf-nds-symptoms__whatsapp:link,
.sf-nds-symptoms__whatsapp:visited {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  width: 100%;
  margin-top: auto;
  padding-top: 8px;

  color: var(--nds-ink, #0e1b30);
  border-top: 1px dashed var(--nds-steel-2, #c9d3df);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.sf-nds-symptoms__whatsapp:hover,
.sf-nds-symptoms__whatsapp:focus-visible {
  color: var(--nds-blue, #2a44a8);
}

.sf-nds-symptoms__whatsapp svg {
  display: block;

  width: 18px !important;
  min-width: 18px;
  max-width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px;

  color: #1a9e4b;
}


/**
 * Responsive
 */

@media (max-width: 1080px) {

  .sf-nds-symptoms__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {

  .sf-nds-symptoms__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-symptoms__card {
    padding: 18px 16px 15px;
  }

  .sf-nds-symptoms__table table {
    min-width: 620px;
  }
}


/******************************
  NDS — PROCES RECONDIȚIONARE
*******************************/

.sf-nds-process {
  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-process *,
.sf-nds-process *::before,
.sf-nds-process *::after {
  box-sizing: border-box;
}


/* Antet cu imagine */

.sf-nds-process__header {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: clamp(20px, 4vw, 48px);

  margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-process__intro {
  min-width: 0;
}

.sf-nds-process__label {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-process__title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}


/* Imagine și legendă */

.sf-nds-process__figure {
  min-width: 0;
  margin: 0;
  overflow: hidden;

  background: var(--nds-ink);
  border-radius: 14px;
}

.sf-nds-process__figure img {
  display: block;

  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;

  object-fit: cover;
  object-position: 50% 78%;
}

.sf-nds-process__figure figcaption {
  padding: 8px 12px;

  color: var(--nds-ink-2);
  background: var(--nds-white);

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
}


/* Etapele procesului */

.sf-nds-process__steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;

  margin: 0;
  padding: 0;

  border-top: 2px solid var(--nds-ink);
  list-style: none;
}

.sf-nds-process__step {
  position: relative;

  min-width: 0;
  margin: 0;
  padding: 18px 18px 0 0;
}

.sf-nds-process__step::before {
  content: "";

  position: absolute;
  top: -8px;
  left: 0;

  width: 14px;
  height: 14px;

  background: var(--nds-accent);
  border: 2px solid var(--nds-ink);
  border-radius: 50%;
}

.sf-nds-process__number {
  display: block;
  margin: 6px 0 8px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

.sf-nds-process__step h3 {
  margin: 0 0 8px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.25;
  text-wrap: balance;
}

.sf-nds-process__step p {
  margin: 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}


/* Defectul întâlnit cel mai des */

.sf-nds-process__defect {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 20px;

  margin-top: clamp(32px, 5vw, 56px);
  padding: 22px 26px;

  background: var(--nds-white);
  border-left: 6px solid var(--nds-accent);
  border-radius: 0 14px 14px 0;
}

.sf-nds-process__defect .sf-nds-process__label {
  padding-top: 4px;
}

.sf-nds-process__defect p {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}


/* Tabletă */

@media (max-width: 1080px) {

  .sf-nds-process__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 20px;

    border-top: 0;
  }

  .sf-nds-process__step {
    border-top: 2px solid var(--nds-ink);
  }
}


/* Mobil */

@media (max-width: 760px) {

  .sf-nds-process__header {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-process__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .sf-nds-process__step {
    padding: 0 0 22px 22px;

    border-top: 0;
    border-left: 2px solid var(--nds-ink);
  }

  .sf-nds-process__step::before {
    top: 2px;
    left: -8px;
  }

  .sf-nds-process__number {
    margin-top: 0;
  }

  .sf-nds-process__defect {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;

    padding: 18px;
  }

  .sf-nds-process__defect p {
    font-size: 16.5px;
  }
}

/**
 * ========================================
 * NDS – Glosar termeni
 * ========================================
 */

.sf-nds-glossary {
  width: 100%;

  color: var(--nds-ink, #0e1b30);
  background: var(--nds-white, #ffffff);
}


/**
 * Antet
 */

.sf-nds-glossary__header {
  display: grid;
  gap: 14px;

  width: 100%;
  max-width: 780px;
  margin: 0 0 clamp(28px, 4vw, 48px);
}

.sf-nds-glossary__eyebrow {
  display: block;

  margin: 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sf-nds-glossary__title {
  margin: 0;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family-display, "Montserrat", sans-serif);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.015em;
  text-wrap: balance;
}

.sf-nds-glossary__lead {
  max-width: 60ch;
  margin: 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: clamp(18px, 1.6vw, 20px);
  font-weight: 400;
  line-height: 1.6;
}


/**
 * Gridul glosarului
 */

.sf-nds-glossary__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;

  width: 100%;
  margin: 0;
  padding: 0;

  background: var(--nds-steel-2, #c9d3df);
  border: 1px solid var(--nds-steel-2, #c9d3df);
  border-radius: 14px;
}


/**
 * Termen individual
 */

.sf-nds-glossary__item {
  min-width: 0;
  padding: 18px 20px;

  background: var(--nds-white, #ffffff);
}

.sf-nds-glossary__item dt {
  margin: 0 0 6px;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family-display, "Montserrat", sans-serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.sf-nds-glossary__item dd {
  margin: 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}


/**
 * Evidențiere când un termen este accesat prin URL:
 * exemplu: /#termen-4
 */

.sf-nds-glossary__item:target {
  position: relative;
  z-index: 1;

  background: #fff8f3;
  box-shadow: inset 0 0 0 2px var(--nds-accent, #ef570e);
}


/**
 * Tabletă
 */

@media (max-width: 1080px) {

  .sf-nds-glossary__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/**
 * Mobil
 */

@media (max-width: 767px) {

  .sf-nds-glossary__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-glossary__item {
    padding: 17px 16px;
  }

  .sf-nds-glossary__item dt {
    font-size: 16.5px;
  }
}

/******************************
  NDS — DE CE SĂ NE ALEGI
*******************************/

.sf-nds-benefits {
  color: var(--nds-ink);
  background: var(--nds-steel, #E7ECF2);
}

.sf-nds-benefits *,
.sf-nds-benefits *::before,
.sf-nds-benefits *::after {
  box-sizing: border-box;
}


/* Antet */

.sf-nds-benefits__header {
  display: grid;
  gap: 14px;

  max-width: 780px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-benefits__label {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-benefits__title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}


/* Grilă și carduri */

.sf-nds-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;

  overflow: hidden;

  background: var(--nds-steel-2, #C9D3DF);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 14px;
}

.sf-nds-benefits__card {
  min-width: 0;
  padding: 24px;

  background: var(--nds-white);
}

.sf-nds-benefits__card h3 {
  margin: 0 0 8px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.25;
  text-wrap: balance;
}

.sf-nds-benefits__card p {
  margin: 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.6;
}


/* Etichete furnizori */

.sf-nds-benefits__suppliers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin-top: 12px;
}

.sf-nds-benefits__suppliers span {
  padding: 3px 8px;

  color: var(--nds-ink);
  border: 1px solid var(--nds-ink);
  border-radius: 6px;

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}


/* Mobil — breakpointul original */

@media (max-width: 760px) {

  .sf-nds-benefits__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 992px) {
    .sf-nds-offer {
        padding-bottom: 32px;
    }    
}

/**
 * ========================================
 * NDS – Recenzii
 * ========================================
 */

.sf-nds-reviews {
  width: 100%;

  color: var(--nds-ink, #0e1b30);
  background: var(--nds-white, #ffffff);
}


/**
 * Antetul secțiunii
 */

.sf-nds-reviews__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;

  width: 100%;
  margin-bottom: 28px;
}

.sf-nds-reviews__heading {
  display: grid;
  gap: 14px;

  width: 100%;
  max-width: 780px;
  margin: 0;
}

.sf-nds-reviews__eyebrow {
  display: block;

  margin: 0;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sf-nds-reviews__title {
  max-width: 24ch;
  margin: 0;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family-display, "Montserrat", sans-serif);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.015em;
  text-wrap: balance;
}


/**
 * Rating Google
 */

.sf-nds-reviews__rating,
.sf-nds-reviews__rating:link,
.sf-nds-reviews__rating:visited {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  color: var(--nds-ink, #0e1b30);

  text-decoration: none;

  transition:
    color 160ms ease,
    transform 160ms ease;
}

.sf-nds-reviews__rating:hover,
.sf-nds-reviews__rating:focus-visible {
  color: var(--nds-blue, #2a44a8);
}

.sf-nds-reviews__rating:hover {
  transform: translateY(-1px);
}

.sf-nds-reviews__score {
  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family-display, "Montserrat", sans-serif);
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.025em;
}

.sf-nds-reviews__rating-details {
  display: grid;
  gap: 3px;
}

.sf-nds-reviews__rating-stars {
  color: #e7a400;

  font-size: 18px;
  line-height: 1;
  letter-spacing: 2px;
  white-space: nowrap;
}

.sf-nds-reviews__rating-details small {
  display: block;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  white-space: nowrap;
}


/**
 * Grid recenzii
 */

.sf-nds-reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;

  width: 100%;
}


/**
 * Card recenzie
 */

.sf-nds-reviews__card {
  display: flex;
  flex-direction: column;
  gap: 12px;

  min-width: 0;
  margin: 0;
  padding: 20px;

  color: var(--nds-ink, #0e1b30);
  background: #fff8e1;
  border: 1px solid #f1dfa6;
  border-radius: 14px;
}

.sf-nds-reviews__stars {
  display: block;

  color: #c98e00;

  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 2px;
}

.sf-nds-reviews__card blockquote {
  margin: 0;

  color: var(--nds-ink, #0e1b30);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 16.5px;
  font-weight: 400;
  line-height: 1.5;
}

.sf-nds-reviews__card figcaption {
  margin-top: auto;

  color: var(--nds-ink-2, #44536b);

  font-family: var(--font-family, "Open Sans", sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.sf-nds-reviews__card figcaption strong {
  color: var(--nds-ink, #0e1b30);
  font-weight: 500;
}


/**
 * Responsive
 */

@media (max-width: 991px) {

  .sf-nds-reviews__heading {
    max-width: 620px;
  }

  .sf-nds-reviews__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {

  .sf-nds-reviews__header {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }

  .sf-nds-reviews__title {
    max-width: none;
  }

  .sf-nds-reviews__score {
    font-size: 38px;
  }

  .sf-nds-reviews__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-reviews__card {
    padding: 18px 16px;
  }
}

/******************************
  NDS — PORTOFOLIU LUCRĂRI
*******************************/

.sf-nds-portfolio {
  color: var(--nds-ink);
  background: var(--nds-steel, #E7ECF2);
}

.sf-nds-portfolio *,
.sf-nds-portfolio *::before,
.sf-nds-portfolio *::after {
  box-sizing: border-box;
}


/* Antet */

.sf-nds-portfolio__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;

  margin-bottom: 28px;
}

.sf-nds-portfolio__intro {
  display: grid;
  gap: 14px;

  min-width: 0;
  max-width: 780px;
}

.sf-nds-portfolio__label {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-portfolio__title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}


/* Buton */

.sf-nds-portfolio__button,
.sf-nds-portfolio__button:link,
.sf-nds-portfolio__button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 44px;
  padding: 0 16px;

  color: var(--nds-ink);
  background: transparent;
  border: 2px solid var(--nds-ink);
  border-radius: 10px;

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;
  text-decoration: none;

  cursor: pointer;

  transition:
    transform 120ms ease,
    box-shadow 120ms ease;
}

.sf-nds-portfolio__button:hover {
  color: var(--nds-ink);
  background: var(--nds-white);

  transform: translateY(-1px);
  box-shadow: 0 3px 0 var(--nds-ink);
}

.sf-nds-portfolio__button:active {
  transform: none;
  box-shadow: none;
}

.sf-nds-portfolio__button:focus-visible {
  outline: 3px solid var(--nds-blue);
  outline-offset: 3px;
}


/* Grilă foto */

.sf-nds-portfolio__photos {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 12px;
}

.sf-nds-portfolio__photo {
  position: relative;

  min-width: 0;
  margin: 0;
  overflow: hidden;

  background: var(--nds-ink);
  border-radius: 12px;
}

.sf-nds-portfolio__photo:first-child {
  grid-row: span 2;
}

.sf-nds-portfolio__photo img {
  display: block;

  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;

  object-fit: cover;
  object-position: 50% 78%;
}

.sf-nds-portfolio__photo:first-child img {
  aspect-ratio: auto;
}

.sf-nds-portfolio__photo figcaption {
  position: absolute;
  left: 10px;
  bottom: 10px;

  max-width: calc(100% - 20px);
  padding: 4px 8px;

  color: var(--nds-ink);
  background: var(--nds-white);
  border-radius: 6px;

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 500;
  line-height: normal;
}


/* Mobil — structura originală */

@media (max-width: 760px) {

  .sf-nds-portfolio__photos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-nds-portfolio__photo:first-child {
    grid-column: span 2;
    grid-row: auto;
  }

  .sf-nds-portfolio__photo:first-child img {
    aspect-ratio: 4 / 3;
  }
}

@media (prefers-reduced-motion: reduce) {

  .sf-nds-portfolio__button {
    transition: none;
  }
}

/**
 * ========================================
 * NDS – Întrebări frecvente
 * ========================================
 */

.sf-nds-faq {
  color: var(--nds-ink);
  background: var(--nds-white);
}


/**
 * Antet
 */

.sf-nds-faq__header {
  display: grid;
  gap: 14px;

  max-width: 780px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-faq__eyebrow {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sf-nds-faq__title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.015em;
  text-wrap: balance;
}


/**
 * Lista FAQ
 */

.sf-nds-faq__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(28px, 4vw, 48px);

  margin: 0;
}

.sf-nds-faq__item {
  min-width: 0;
  padding: 20px 0;

  border-top: 1px solid var(--nds-steel-2);
}

.sf-nds-faq__question {
  margin: 0 0 8px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.sf-nds-faq__answer {
  margin: 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.65;
}


/**
 * Responsive
 */

@media (max-width: 767px) {

  .sf-nds-faq__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-faq__item {
    padding: 18px 0;
  }

  .sf-nds-faq__question {
    font-size: 17px;
  }

  .sf-nds-faq__answer {
    font-size: 15.5px;
  }
}

/******************************
  NDS — CONTACT
*******************************/

.sf-nds-contact {
  color: var(--nds-ink);
  background: var(--nds-steel, #E7ECF2);
}

.sf-nds-contact *,
.sf-nds-contact *::before,
.sf-nds-contact *::after {
  box-sizing: border-box;
}

.sf-nds-contact__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.sf-nds-contact__card {
  min-width: 0;
  padding: clamp(20px, 3vw, 32px);

  background: var(--nds-white);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 14px;
}

.sf-nds-contact__card--dark {
  color: var(--nds-white);
  background: var(--nds-ink);
  border-color: var(--nds-ink);
}

.sf-nds-contact__label {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-contact__card--dark .sf-nds-contact__label {
  color: var(--nds-steel-2, #C9D3DF);
}

.sf-nds-contact__title {
  margin: 10px 0 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}

.sf-nds-contact__card--dark .sf-nds-contact__title {
  color: var(--nds-white);
}

.sf-nds-contact__title--form {
  font-size: clamp(28px, 3vw, 38px);
}


/* Date de contact */

.sf-nds-contact__details {
  display: grid;
  gap: 18px;
  margin: 20px 0 24px;
}

.sf-nds-contact__value {
  font-family: var(--font-family);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.6;
}

.sf-nds-contact__phone {
  font-family: var(--font-family-display);
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
}

.sf-nds-contact__phone a,
.sf-nds-contact__phone a:visited {
  color: var(--nds-white);
  text-decoration: none;
}

.sf-nds-contact__phone a:hover {
  color: var(--nds-accent);
}


/* Program */

.sf-nds-contact__status {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.35;
}

.sf-nds-contact__status::before {
  content: "";
  flex: none;

  width: 9px;
  height: 9px;
  border-radius: 50%;

  background: var(--nds-steel-2, #C9D3DF);
}

.sf-nds-contact__status.is-open::before {
  background: var(--nds-green, #147A48);
  box-shadow: 0 0 0 3px rgba(20, 122, 72, .18);
}

.sf-nds-contact__status.is-closed::before {
  background: #C9D3DF;
  box-shadow: 0 0 0 3px rgba(201, 211, 223, .18);
}

.sf-nds-contact__status b {
  color: var(--nds-white);
  font-weight: 500;
}


/* Butoane */

.sf-nds-contact__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sf-nds-contact .sf-nds-contact__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 56px;
  max-width: 100%;
  padding: 0 24px;

  border: 2px solid var(--nds-ink);
  border-radius: 10px;

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
  text-decoration: none;

  cursor: pointer;

  transition: transform 120ms ease, box-shadow 120ms ease;
}

.sf-nds-contact .sf-nds-contact__button--call {
  color: var(--nds-ink);
  background: var(--nds-accent);
}

.sf-nds-contact .sf-nds-contact__button--whatsapp,
.sf-nds-contact .sf-nds-contact__button--outline {
  color: var(--nds-white);
  background: transparent;
  border-color: var(--nds-white);
}

.sf-nds-contact__button svg {
  display: block;
  flex: none;
  width: 22px;
  height: 22px;
}

.sf-nds-contact__button--whatsapp svg {
  color: #25D366;
}

.sf-nds-contact__button b {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.sf-nds-contact .sf-nds-contact__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 0 var(--nds-ink);
}

.sf-nds-contact .sf-nds-contact__button--outline:hover,
.sf-nds-contact .sf-nds-contact__button--whatsapp:hover {
  background: rgba(255, 255, 255, .08);
}

.sf-nds-contact .sf-nds-contact__button:active {
  transform: none;
  box-shadow: none;
}

.sf-nds-contact .sf-nds-contact__button:focus-visible {
  outline: 3px solid var(--nds-blue);
  outline-offset: 3px;
}

.sf-nds-contact__card--dark .sf-nds-contact__button:focus-visible {
  outline-color: var(--nds-white);
}


/* Carte schématique */

.sf-nds-contact__map {
  margin-top: 20px;
  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
}

.sf-nds-contact__map svg {
  display: block;
  width: 100%;
  height: auto;
}

.sf-nds-contact__map-address {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 500;
}

.sf-nds-contact__map-city {
  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 400;
}


/* Formular CF7 */

.sf-nds-contact .wpcf7 {
  margin-top: 18px;
}

.sf-nds-contact__form-fields {
  display: grid;
  gap: 14px;
}

.sf-nds-contact__form-fields p {
  margin: 0;
}

.sf-nds-contact__field {
  display: grid;
  gap: 6px;

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
}

.sf-nds-contact__optional {
  color: var(--nds-ink-2);
  font-weight: 400;
}

.sf-nds-contact__required {
  color: #B42318;
}

.sf-nds-contact .wpcf7-form-control-wrap {
  display: block;
  min-width: 0;
}

.sf-nds-contact__field input,
.sf-nds-contact__field textarea {
  display: block;
  width: 100%;
  min-height: 52px;
  padding: 14px;

  color: var(--nds-ink);
  background: var(--nds-white);
  border: 1.5px solid var(--nds-ink-2);
  border-radius: 8px;

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.sf-nds-contact__field textarea {
  min-height: 96px;
  resize: vertical;
}

.sf-nds-contact__field input:focus,
.sf-nds-contact__field textarea:focus {
  outline: 3px solid var(--nds-blue);
  outline-offset: 1px;
  border-color: var(--nds-ink);
}


/* Acceptare */

.sf-nds-contact__acceptance {
  font-family: var(--font-family);
  font-size: 13.5px;
  line-height: 1.6;
}

.sf-nds-contact__acceptance .wpcf7-list-item {
  margin: 0;
}

.sf-nds-contact__acceptance .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.sf-nds-contact__acceptance input[type="checkbox"] {
  flex: none;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  accent-color: var(--nds-blue);
}

.sf-nds-contact__acceptance a {
  color: var(--nds-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sf-nds-contact__submit-row > p,
.sf-nds-contact__submit-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.sf-nds-contact .wpcf7-spinner {
  margin: 0;
}

.sf-nds-contact .sf-nds-contact__button:disabled {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.sf-nds-contact__note {
  color: var(--nds-ink-2);
  font-family: var(--font-family);
  font-size: 13.5px;
  line-height: 1.6;
}

.sf-nds-contact .wpcf7-not-valid-tip {
  margin-top: 5px;
  font-size: 13px;
}

.sf-nds-contact .wpcf7 form .wpcf7-response-output {
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 8px;

  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1.5;
}


/* Mobil */

@media (max-width: 760px) {

  .sf-nds-contact__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {

  .sf-nds-contact .sf-nds-contact__button {
    transition: none;
  }
}

/******************************
  NDS CONTACT — CORECȚII CF7
*******************************/

/* Eliminăm marginile și spațiile suplimentare ale formularului. */

.sf-nds-contact .wpcf7 form {
  margin: 0;
  padding: 0;
}

.sf-nds-contact .sf-nds-contact__form-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 14px;
}

.sf-nds-contact .sf-nds-contact__form-fields p {
  margin: 0;
  padding: 0;
}

.sf-nds-contact .sf-nds-contact__form-fields br {
  display: none;
}

.sf-nds-contact .sf-nds-contact__form-fields p:empty {
  display: none;
}


/* Étiquette + champ : espacement maîtrisé. */

.sf-nds-contact .sf-nds-contact__field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;

  margin: 0;
  padding: 0;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
}

.sf-nds-contact .sf-nds-contact__field > p {
  display: contents;
}

.sf-nds-contact .sf-nds-contact__field .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin: 0;
}


/* Dimensiunile câmpurilor. */

.sf-nds-contact .sf-nds-contact__field input,
.sf-nds-contact .sf-nds-contact__field textarea {
  display: block;
  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 14px;

  color: var(--nds-ink);
  background: var(--nds-white);
  border: 1.5px solid var(--nds-ink-2);
  border-radius: 8px;

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
}

.sf-nds-contact .sf-nds-contact__field input {
  height: 52px;
  min-height: 52px;
}

.sf-nds-contact .sf-nds-contact__field textarea {
  height: 96px;
  min-height: 96px;

  resize: vertical;
}

.sf-nds-contact .sf-nds-contact__field input::placeholder,
.sf-nds-contact .sf-nds-contact__field textarea::placeholder {
  color: var(--nds-ink-2);
  opacity: 1;
}


/* Bifa rămâne compactă și aliniată cu textul. */

.sf-nds-contact .sf-nds-contact__acceptance {
  margin: 0;

  font-family: var(--font-family);
  font-size: 13.5px;
  line-height: 1.5;
}

.sf-nds-contact .sf-nds-contact__acceptance .wpcf7-list-item {
  display: block;
  margin: 0;
}

.sf-nds-contact .sf-nds-contact__acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 10px;

  margin: 0;
}

.sf-nds-contact .sf-nds-contact__acceptance input[type="checkbox"] {
  flex: 0 0 18px;

  width: 18px;
  height: 18px;
  min-height: 0;
  margin: 2px 0 0;
  padding: 0;
}

.sf-nds-contact .sf-nds-contact__acceptance .wpcf7-list-item-label {
  flex: 1;
  min-width: 0;
}


/* Buton pe toată lățimea, ca în design. */

.sf-nds-contact .sf-nds-contact__submit-row,
.sf-nds-contact .sf-nds-contact__submit-row > p {
  position: relative;
  display: block;

  width: 100%;
  margin: 0;
}

.sf-nds-contact .sf-nds-contact__submit-row .wpcf7-submit {
  display: block;
  box-sizing: border-box;

  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 14px 24px;

  color: var(--nds-ink);
  background: var(--nds-accent);
  border: 2px solid var(--nds-ink);
  border-radius: 10px;

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
}

.sf-nds-contact .sf-nds-contact__submit-row .wpcf7-spinner {
  position: absolute;
  top: 16px;
  right: 12px;

  margin: 0;
  pointer-events: none;
}

.sf-nds-contact .sf-nds-contact__note {
  margin: 0;

  font-size: 13.5px;
  line-height: 1.6;
}


/* În design, numărul de telefon este subliniat. */

.sf-nds-contact .sf-nds-contact__phone a {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

/******************************
  NDS — BREADCRUMBS
*******************************/

.sf-nds-breadcrumbs {
  width: 100%;
  margin: 0 0 24px;
}

.sf-nds-breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.sf-nds-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin: 0;
  padding: 0;

  color: var(--hero-muted, #C9D3DF);

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.sf-nds-breadcrumbs__item:not(:last-child)::after {
  content: "/";

  color: var(--hero-muted, #C9D3DF);
  opacity: .85;
}

.sf-nds-breadcrumbs a,
.sf-nds-breadcrumbs a:link,
.sf-nds-breadcrumbs a:visited {
  color: var(--hero-muted, #C9D3DF);

  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;

  transition: color var(--transition-fast);
}

.sf-nds-breadcrumbs a:hover,
.sf-nds-breadcrumbs a:focus-visible {
  color: var(--nds-white);
}

.sf-nds-breadcrumbs [aria-current="page"] {
  color: var(--hero-muted, #C9D3DF);
}


/* Mobil */

@media (max-width: 760px) {

  .sf-nds-breadcrumbs {
    margin-bottom: 18px;
  }

  .sf-nds-breadcrumbs__item {
    font-size: 12px;
  }
}

/******************************
  NDS — HERO CONTACT
*******************************/

.sf-nds-contact-hero {
  width: 100%;
  padding:
    clamp(32px, 5vw, 64px)
    0
    clamp(44px, 5vw, 64px);

  color: var(--nds-white);
  background: var(--nds-ink);
}

.sf-nds-contact-hero *,
.sf-nds-contact-hero *::before,
.sf-nds-contact-hero *::after {
  box-sizing: border-box;
}

/*
 * Hero-ul controlează singur spațiul vertical.
 * Clasa globală rămâne folosită în structură,
 * dar paddingul ei vertical este neutralizat aici.
 */
.sf-nds-contact-hero .sf-section-spacing {
  padding-top: 0;
  padding-bottom: 0;
}


/* Introducere */

.sf-nds-contact-hero__intro {
  max-width: 800px;
}

.sf-nds-contact-hero__title {
  max-width: 20ch;
  margin: 0;

  color: var(--nds-white);

  font-family: var(--font-family-display);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 800;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}

.sf-nds-contact-hero__lead {
  max-width: 60ch;
  margin: 14px 0 0;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: clamp(17px, 1.6vw, 20px);
  font-weight: 400;
  line-height: 1.6;
}


/* Carduri */

.sf-nds-contact-hero__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;

  margin-top: 28px;
}

.sf-nds-contact-hero__card,
.sf-nds-contact-hero__card:link,
.sf-nds-contact-hero__card:visited {
  position: relative;

  display: grid;
  align-content: start;
  gap: 14px;

  min-width: 0;
  padding: 22px;

  color: var(--nds-ink);
  background: var(--nds-white);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 14px;

  text-decoration: none;

  transition:
    border-color var(--transition-fast),
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}

.sf-nds-contact-hero__card:hover {
  color: var(--nds-ink);
  border-color: var(--nds-ink);

  transform: translateY(-2px);
  box-shadow: 0 5px 0 rgba(239, 87, 14, .9);
}

.sf-nds-contact-hero__card:focus-visible {
  outline: 3px solid var(--nds-white);
  outline-offset: 4px;
}


/* Etichetă */

.sf-nds-contact-hero__label {
  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}


/* Titlul cardului */

.sf-nds-contact-hero__card-title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(27px, 2.7vw, 34px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.1;
  overflow-wrap: anywhere;
  text-wrap: balance;
}


/* Descrierea cardului */

.sf-nds-contact-hero__card p {
  margin: 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}


/* Starea programului */

.sf-nds-contact-hero__status {
  color: var(--nds-ink-2);
}

.sf-nds-contact-hero__status b {
  color: var(--nds-ink);
  font-weight: 500;
}


/* Linkul cardului */

.sf-nds-contact-hero__more {
  display: block;

  margin: 0;
  padding: 0;

  color: var(--nds-blue);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.sf-nds-contact-hero__card:hover .sf-nds-contact-hero__more {
  text-decoration: underline;
  text-underline-offset: 3px;
}


/******************************
  TABLETĂ
*******************************/

@media (max-width: 900px) {

  .sf-nds-contact-hero__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-nds-contact-hero__card:last-child {
    grid-column: 1 / -1;
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-contact-hero {
    padding-top: 28px;
    padding-bottom: 36px;
  }

  .sf-nds-contact-hero__cards {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;

    margin-top: 24px;
  }

  .sf-nds-contact-hero__card,
  .sf-nds-contact-hero__card:last-child {
    grid-column: auto;

    gap: 12px;
    padding: 18px;
  }

  .sf-nds-contact-hero__card-title {
    font-size: 28px;
  }
}


/******************************
  REDUCERE ANIMAȚII
*******************************/

@media (prefers-reduced-motion: reduce) {

  .sf-nds-contact-hero__card {
    transition: none;
  }
}

/**
 * ========================================
 * NDS – Pe scurt
 * ========================================
 */

.sf-nds-summary {
  color: var(--nds-ink);
  background: var(--nds-white);
  border-bottom: 1px solid var(--nds-steel-2);
}

.sf-nds-summary__inner {
  padding-top: clamp(28px, 4vw, 44px);
  padding-bottom: clamp(28px, 4vw, 44px);
}

.sf-nds-summary__content {
  width: 100%;
  max-width: 78ch;
  padding: 4px 0 4px clamp(16px, 2.4vw, 28px);

  border-left: 6px solid var(--nds-accent);
}

.sf-nds-summary__eyebrow {
  display: block;

  margin-bottom: 8px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sf-nds-summary__question {
  margin: 0 0 10px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(21px, 2vw, 25px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.015em;
  text-wrap: balance;
}

.sf-nds-summary__answer {
  margin: 0 0 12px;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 17.5px;
  line-height: 1.65;
}

.sf-nds-summary__answer a {
  color: var(--nds-blue);

  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.sf-nds-summary__answer a:hover,
.sf-nds-summary__answer a:focus-visible {
  color: var(--nds-accent);
}

.sf-nds-summary__updated {
  margin: 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 13.5px;
  line-height: 1.5;
}

.sf-nds-summary__updated time {
  font-weight: 600;
}

@media (max-width: 767px) {

  .sf-nds-summary__content {
    padding-left: 16px;

    border-left-width: 4px;
  }

  .sf-nds-summary__question {
    font-size: 21px;
  }

  .sf-nds-summary__answer {
    font-size: 16.5px;
  }
}

/**
 * ========================================
 * NDS – Datele atelierului
 * ========================================
 */

.sf-nds-workshop-facts {
  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-workshop-facts *,
.sf-nds-workshop-facts *::before,
.sf-nds-workshop-facts *::after {
  box-sizing: border-box;
}


/**
 * Caseta
 *
 * Echivalentul clasei originale .fapte.
 */

.sf-nds-workshop-facts__box {
  width: 100%;
  padding: 20px 22px;

  color: var(--nds-ink);
  background: var(--nds-steel);
  border-radius: 14px;
}


/**
 * Titlul
 *
 * Echivalentul clasei originale .fapte-t.
 */

.sf-nds-workshop-facts__title {
  margin: 0 0 10px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}


/**
 * Lista de date
 */

.sf-nds-workshop-facts__list {
  display: grid;

  margin: 0;
}

.sf-nds-workshop-facts__item {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 12px;

  min-width: 0;
  padding: 8px 0;

  border-top: 1px solid var(--nds-steel-2);

  font-family: var(--font-family);
  font-size: 14.5px;
  line-height: 1.45;
}

.sf-nds-workshop-facts__item:first-child {
  border-top: 0;
}

.sf-nds-workshop-facts__item dt {
  min-width: 0;
  margin: 0;

  color: var(--nds-ink-2);

  font-weight: 600;
}

.sf-nds-workshop-facts__item dd {
  min-width: 0;
  margin: 0;

  color: var(--nds-ink);
}


/**
 * Responsive
 *
 * În rcd.css, coloana termenului scade
 * de la 128px la 104px.
 */

@media (max-width: 760px) {

  .sf-nds-workshop-facts__box {
    padding: 20px;
  }

  .sf-nds-workshop-facts__item {
    grid-template-columns: 104px minmax(0, 1fr);
  }
}

@media (max-width: 420px) {

  .sf-nds-workshop-facts__box {
    padding: 18px 16px;
  }

  .sf-nds-workshop-facts__item {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;

    font-size: 14px;
  }
}

body.page-contact .wp-block-lazyblock-df-homepagea-sectiunea-7-recenzii, body.page-contact .sf-nds-reviews {
    background: var(--nds-steel, #E7ECF2) !important;
}

/* Starea programului */

.sf-nds-contact-hero__status {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.35;
}

.sf-nds-contact-hero__status::before {
  content: "";

  flex: 0 0 9px;

  width: 9px;
  height: 9px;

  background: #147A48;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(20, 122, 72, .18);
}

.sf-nds-contact-hero__status.inchis::before {
  background: var(--nds-ink-2);
  box-shadow: 0 0 0 3px rgba(68, 83, 107, .18);
}

.sf-nds-contact-hero__status b {
  color: var(--nds-ink);
  font-weight: 500;
}

.sf-nds-summary__answer > :first-child {
  margin-top: 0;
}

.sf-nds-summary__answer > :last-child {
  margin-bottom: 0;
}

.sf-nds-summary__answer a {
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.sf-nds-summary__answer a:hover {
  color: var(--nds-blue);
}

.sf-nds-summary__answer a:focus-visible {
  outline: 3px solid var(--nds-blue);
  outline-offset: 3px;
  border-radius: 2px;
}

/******************************
  NDS HERO — ANIMAȚII SUPLIMENTARE
*******************************/

/*
 * Dacă sunt bifate mai multe desene,
 * fiecare păstrează spațiul normal al hero-ului.
 */
.sf-nds-hero__drawings {
  display: grid;
}

.sf-nds-hero__drawings .sf-nds-hero__drawing {
  min-width: 0;
}


/*
 * Cutia de direcție pentru camioane și utilaje.
 */
.sf-nds-hero .caseta-cutie.anim-banc .an-levier {
  transform-box: view-box;
  transform-origin: 500px 334px;
  animation: nds-steering-lever var(--t) var(--ease) infinite;
}

.sf-nds-hero .caseta-cutie.anim-banc .an-volan-c {
  transform-box: view-box;
  transform-origin: 560px 40px;
  animation: nds-wheel var(--t) var(--ease) infinite;
}

.sf-nds-hero .caseta-cutie.anim-banc .an-caneluri-v {
  animation:
    nds-vertical-splines
    var(--t)
    var(--ease)
    infinite;
}


/*
 * Mișcarea levierului cutiei de direcție.
 */
@keyframes nds-steering-lever {

  0%,
  12% {
    transform: rotate(0);
  }

  32%,
  44% {
    transform: rotate(-9deg);
  }

  64%,
  76% {
    transform: rotate(9deg);
  }

  96%,
  100% {
    transform: rotate(0);
  }
}


/*
 * Mișcarea verticală a canelurilor axului de intrare.
 */
@keyframes nds-vertical-splines {

  0%,
  12% {
    transform: translateY(0);
  }

  32%,
  44% {
    transform: translateY(8px);
  }

  64%,
  76% {
    transform: translateY(-8px);
  }

  96%,
  100% {
    transform: translateY(0);
  }
}

/******************************
  HERO FĂRĂ ANIMAȚIE
*******************************/

.sf-nds-hero--without-drawing {
  --sf-nds-hero-padding-y: clamp(48px, 5vw, 72px);

  padding-top: var(--sf-nds-hero-padding-y);
  padding-bottom: var(--sf-nds-hero-padding-y);
}

/*
 * Conținutul din stânga și cardul încep
 * de la aceeași coordonată verticală.
 */
.sf-nds-hero--without-drawing .sf-nds-hero__grid {
  align-items: start;
}

/*
 * Nu păstrăm spațiu pentru desen dacă
 * nu este selectată nicio animație.
 */
.sf-nds-hero--without-drawing .sf-nds-hero__drawing {
  display: none;
}


/******************************
  MOBIL
*******************************/

@media (max-width: 767px) {

  .sf-nds-hero--without-drawing {
    --sf-nds-hero-padding-y: 28px;

    padding-top: var(--sf-nds-hero-padding-y);
    padding-bottom: var(--sf-nds-hero-padding-y);
  }
}

/**
 * ========================================
 * NDS – Hub servicii
 * ========================================
 */

.sf-nds-services-hub {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-services-hub__header {
	display: grid;
	gap: 14px;

	max-width: 780px;
	margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-services-hub__eyebrow,
.sf-nds-services-hub__help-eyebrow {
	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-services-hub__title {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.015em;
	text-wrap: balance;
}


/**
 * Grila și cardurile
 */

.sf-nds-services-hub__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.sf-nds-services-hub__card {
	position: relative;

	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	align-items: start;
	column-gap: 20px;

	min-width: 0;
	padding: 26px;

	color: var(--nds-ink);
	background: var(--nds-white);
	border: 1px solid var(--nds-steel-2);
	border-radius: 14px;

	text-decoration: none;

	transition:
		border-color var(--transition-fast),
		box-shadow var(--transition-fast),
		transform var(--transition-fast);
}

.sf-nds-services-hub__card:link,
.sf-nds-services-hub__card:visited {
	color: var(--nds-ink);
}

.sf-nds-services-hub__card:hover,
.sf-nds-services-hub__card:focus-visible {
	color: var(--nds-ink);
	border-color: var(--nds-ink);
}

.sf-nds-services-hub__card:hover {
	box-shadow: 0 5px 0 rgba(14, 27, 48, .08);
	transform: translateY(-2px);
}

.sf-nds-services-hub__card:focus-visible {
	outline: 3px solid rgba(42, 68, 168, .25);
	outline-offset: 3px;
}

.sf-nds-services-hub__icon {
	display: block;
	grid-row: span 3;

	width: 88px;
	height: auto;

	color: var(--nds-ink);
}

.sf-nds-services-hub__card-content {
	display: grid;
	align-content: start;
	gap: 10px;

	min-width: 0;
}

.sf-nds-services-hub__card-title {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.018em;
	text-wrap: balance;
}

.sf-nds-services-hub__card-text {
	margin: 0;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 16px;
	line-height: 1.6;
}

.sf-nds-services-hub__more {
	color: var(--nds-blue);

	font-family: var(--font-family);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}

.sf-nds-services-hub__more span {
	display: inline-block;
	transition: transform var(--transition-fast);
}

.sf-nds-services-hub__card:hover .sf-nds-services-hub__more {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sf-nds-services-hub__card:hover .sf-nds-services-hub__more span {
	transform: translateX(3px);
}


/**
 * CTA final – variantă luminoasă
 */

.sf-nds-services-hub__help {
	position: relative;
	overflow: hidden;

	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(24px, 4vw, 56px);

	grid-column: 1 / -1;

	padding: clamp(24px, 4vw, 38px);

	background:
		linear-gradient(
			120deg,
			rgba(239, 87, 14, .11),
			rgba(239, 87, 14, .025) 55%,
			rgba(42, 68, 168, .06)
		);
	border: 1px solid rgba(239, 87, 14, .35);
	border-left: 6px solid var(--nds-accent);
	border-radius: 16px;
}

.sf-nds-services-hub__help::after {
	position: absolute;
	top: -70px;
	right: -45px;

	width: 180px;
	height: 180px;

	background: rgba(42, 68, 168, .055);
	border-radius: 50%;

	content: "";
	pointer-events: none;
}

.sf-nds-services-hub__help-content {
	position: relative;
	z-index: 1;

	display: grid;
	gap: 10px;

	max-width: 760px;
}

.sf-nds-services-hub__help-eyebrow {
	color: var(--nds-accent);
}

.sf-nds-services-hub__help-title {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(24px, 2.8vw, 34px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.018em;
	text-wrap: balance;
}

.sf-nds-services-hub__help-text {
	max-width: 62ch;
	margin: 0;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 16px;
	line-height: 1.6;
}

.sf-nds-services-hub__actions {
	position: relative;
	z-index: 1;

	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.sf-nds-services-hub__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: 54px;
	padding: 0 20px;

	border: 2px solid var(--nds-ink);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	transition:
		background-color var(--transition-fast),
		box-shadow var(--transition-fast),
		transform var(--transition-fast);
}

.sf-nds-services-hub__button svg {
	flex: none;

	width: 22px;
	height: 22px;

	color: #25d366;
}

.sf-nds-services-hub__button--whatsapp,
.sf-nds-services-hub__button--whatsapp:link,
.sf-nds-services-hub__button--whatsapp:visited {
	color: var(--nds-white);
	background: var(--nds-ink);
}

.sf-nds-services-hub__button--phone,
.sf-nds-services-hub__button--phone:link,
.sf-nds-services-hub__button--phone:visited {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-services-hub__button:hover {
	transform: translateY(-1px);
	box-shadow: 0 3px 0 rgba(14, 27, 48, .22);
}

.sf-nds-services-hub__button:focus-visible {
	outline: 3px solid rgba(42, 68, 168, .25);
	outline-offset: 3px;
}


/**
 * Responsive
 */

@media (max-width: 900px) {

	.sf-nds-services-hub__help {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-services-hub__actions {
		justify-content: flex-start;
	}
}

@media (max-width: 760px) {

	.sf-nds-services-hub__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-services-hub__card {
		grid-template-columns: 64px minmax(0, 1fr);
		column-gap: 14px;

		padding: 18px;
	}

	.sf-nds-services-hub__icon {
		width: 64px;
	}

	.sf-nds-services-hub__card-title {
		font-size: 21px;
	}

	.sf-nds-services-hub__help {
		grid-column: auto;

		padding: 22px 18px;
		border-left-width: 4px;
	}

	.sf-nds-services-hub__actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
	}

	.sf-nds-services-hub__button {
		width: 100%;
	}
}

/**
 * CTA final
 */

.sf-nds-services-hub__help {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 32px;

	grid-column: 1 / -1;

	padding: 26px;

	background: var(--nds-steel);
	border: 1px solid var(--nds-steel-2);
	border-radius: 14px;
}

.sf-nds-services-hub__help-content {
	display: grid;
	gap: 8px;

	max-width: 680px;
}

.sf-nds-services-hub__help-eyebrow {
	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-services-hub__help-title {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(22px, 2.4vw, 30px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-services-hub__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.sf-nds-services-hub__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: 52px;
	padding: 0 20px;

	border: 2px solid var(--nds-ink);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	transition:
		box-shadow var(--transition-fast),
		transform var(--transition-fast);
}

.sf-nds-services-hub__button svg {
	flex: none;

	width: 21px;
	height: 21px;

	color: #25d366;
}

.sf-nds-services-hub__button--whatsapp,
.sf-nds-services-hub__button--whatsapp:link,
.sf-nds-services-hub__button--whatsapp:visited {
	color: var(--nds-white);
	background: var(--nds-ink);
}

.sf-nds-services-hub__button--phone,
.sf-nds-services-hub__button--phone:link,
.sf-nds-services-hub__button--phone:visited {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-services-hub__button:hover {
	transform: translateY(-1px);
	box-shadow: 0 3px 0 rgba(14, 27, 48, .18);
}

.sf-nds-services-hub__button:focus-visible {
	outline: 3px solid rgba(42, 68, 168, .25);
	outline-offset: 3px;
}

@media (max-width: 900px) {

	.sf-nds-services-hub__help {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-services-hub__actions {
		justify-content: flex-start;
	}
}

@media (max-width: 760px) {

	.sf-nds-services-hub__help {
		grid-column: auto;
		gap: 20px;

		padding: 20px 18px;
	}

	.sf-nds-services-hub__actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);

		width: 100%;
	}

	.sf-nds-services-hub__button {
		width: 100%;
	}
}

/**
 * ========================================
 * NDS – Informații reparație
 * ========================================
 */

.sf-nds-repair-info {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-repair-info__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	align-items: start;
	gap: clamp(28px, 5vw, 72px);
}


/**
 * Conținut
 */

.sf-nds-repair-info__content {
	max-width: 70ch;

	color: var(--nds-ink);

	font-family: var(--font-family);
	font-size: 17px;
	line-height: 1.7;
}

.sf-nds-repair-info__title {
	margin: 0 0 .5em;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-repair-info__content p {
	margin: 0 0 1em;
}


/**
 * Imagine
 */

.sf-nds-repair-info__figure {
	overflow: hidden;

	margin: 18px 0 22px;

	background: var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-repair-info__figure img {
	display: block;

	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;

	object-fit: cover;
	object-position: 50% 78%;
}

.sf-nds-repair-info__figure figcaption {
	padding: 8px 12px;

	color: var(--nds-ink-2);
	background: var(--nds-white);

	font-family: var(--font-family);
	font-size: 13px;
	line-height: 1.5;
}


/**
 * Sidebar
 */

.sf-nds-repair-info__sidebar {
	position: sticky;
	top: 100px;

	display: grid;
	gap: 14px;

	min-width: 0;
}

.sf-nds-repair-info__contact {
	padding: clamp(20px, 3vw, 32px);

	color: var(--nds-white);
	background: var(--nds-ink);
	border: 1px solid var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-repair-info__eyebrow {
	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-repair-info__contact-title {
	margin: 10px 0 16px;

	color: var(--nds-white);

	font-family: var(--font-family-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.015em;
	text-wrap: balance;
}


/**
 * Butoane
 */

.sf-nds-repair-info__actions {
	display: grid;
	gap: 10px;
}

.sf-nds-repair-info__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	width: 100%;
	min-height: 56px;
	padding: 10px 20px;

	border: 2px solid var(--nds-ink);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	transition:
		box-shadow var(--transition-fast),
		transform var(--transition-fast);
}

.sf-nds-repair-info__button svg {
	flex: none;

	width: 22px;
	height: 22px;
}

.sf-nds-repair-info__button:hover {
	transform: translateY(-1px);
}

.sf-nds-repair-info__button:active {
	box-shadow: none;
	transform: none;
}

.sf-nds-repair-info__button--call,
.sf-nds-repair-info__button--call:link,
.sf-nds-repair-info__button--call:visited {
	color: var(--nds-ink);
	background: var(--nds-accent);
}

.sf-nds-repair-info__button--call:hover {
	color: var(--nds-ink);
	box-shadow: 0 3px 0 var(--nds-white);
}

.sf-nds-repair-info__button--call strong {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.sf-nds-repair-info__button--whatsapp,
.sf-nds-repair-info__button--whatsapp:link,
.sf-nds-repair-info__button--whatsapp:visited {
	color: var(--nds-white);
	background: var(--nds-ink);
	border-color: var(--nds-white);
}

.sf-nds-repair-info__button--whatsapp:hover {
	color: var(--nds-white);
	box-shadow: 0 3px 0 var(--nds-blue);
}

.sf-nds-repair-info__button--whatsapp svg {
	color: #25d366;
}


/**
 * Program
 */

.sf-nds-repair-info__schedule {
	margin: 16px 0 0;
}

.sf-nds-repair-info__status {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.35;
}

.sf-nds-repair-info__status::before {
	flex: none;

	width: 9px;
	height: 9px;

	background: var(--nds-green);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(20, 122, 72, .18);

	content: "";
}

.sf-nds-repair-info__status.inchis::before,
.sf-nds-repair-info__status.is-closed::before {
	background: var(--nds-steel-2);
	box-shadow: 0 0 0 3px rgba(201, 211, 223, .18);
}

.sf-nds-repair-info__status strong {
	color: var(--nds-white);
	font-weight: 500;
}


/**
 * Recenzie
 */

.sf-nds-repair-info__review {
	display: flex;
	flex-direction: column;
	gap: 12px;

	margin: 0;
	padding: 20px;

	background: #fff8e1;
	border: 1px solid #f1dfa6;
	border-radius: 14px;
}

.sf-nds-repair-info__stars {
	color: #c98e00;

	font-family: var(--font-family);
	font-size: 15px;
	line-height: 1;
	letter-spacing: 2px;
}

.sf-nds-repair-info__review blockquote {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family);
	font-size: 16.5px;
	line-height: 1.5;
}

.sf-nds-repair-info__review figcaption {
	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-repair-info__review figcaption strong {
	color: var(--nds-ink);
	font-weight: 500;
}


/**
 * Responsive
 */

@media (max-width: 760px) {

	.sf-nds-repair-info__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-repair-info__sidebar {
		position: static;
	}

	.sf-nds-repair-info__content {
		max-width: none;
	}

	.sf-nds-repair-info__button {
		padding-right: 14px;
		padding-left: 14px;
		font-size: 16px;
	}
}

/**
 * ========================================
 * NDS – Procesul de recondiționare
 * ========================================
 */

.sf-nds-process {
	color: var(--nds-ink);
	background: var(--nds-steel, #E7ECF2);;
}


/**
 * Antet
 */

.sf-nds-process__header {
	display: grid;
	gap: 14px;

	max-width: 780px;
	margin-bottom: clamp(32px, 5vw, 56px);
}

.sf-nds-process__eyebrow {
	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-process__title {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-process__subtitle {
	max-width: 60ch;
	margin: 0;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: clamp(18px, 1.6vw, 20px);
	line-height: 1.6;
}


/**
 * Etape
 */

.sf-nds-process__steps {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;

	margin: 0;
	padding: 0;

	border-top: 2px solid var(--nds-ink);

	list-style: none;
}

.sf-nds-process__step {
	position: relative;

	min-width: 0;
	padding: 18px 18px 0 0;
}

.sf-nds-process__step::before {
	position: absolute;
	top: -8px;
	left: 0;

	width: 14px;
	height: 14px;

	background: var(--nds-accent);
	border: 2px solid var(--nds-ink);
	border-radius: 50%;

	content: "";
}

.sf-nds-process__number {
	display: block;

	margin: 6px 0 8px;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
}

.sf-nds-process__step-title {
	margin: 0 0 8px;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-process__step-description {
	margin: 0;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 15px;
	line-height: 1.55;
}


/**
 * Tabletă
 */

@media (max-width: 1080px) {

	.sf-nds-process__steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 20px;

		border-top: 0;
	}

	.sf-nds-process__step {
		border-top: 2px solid var(--nds-ink);
	}
}


/**
 * Mobil
 */

@media (max-width: 760px) {

	.sf-nds-process__steps {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.sf-nds-process__step {
		padding: 0 0 24px 22px;

		border-top: 0;
		border-left: 2px solid var(--nds-ink);
	}

	.sf-nds-process__step:last-child {
		padding-bottom: 0;
	}

	.sf-nds-process__step::before {
		top: 2px;
		left: -8px;
	}

	.sf-nds-process__number {
		margin-top: 0;
	}
}

/******************************
  NDS — PREȚ ȘI TERMEN
*******************************/

.sf-nds-price-info {
  width: 100%;

  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-price-info *,
.sf-nds-price-info *::before,
.sf-nds-price-info *::after {
  box-sizing: border-box;
}


/* Layout */

.sf-nds-price-info__layout {
  display: grid;
  grid-template-columns:
    minmax(0, 1.4fr)
    minmax(280px, 1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: start;
}

.sf-nds-price-info__content {
  min-width: 0;
}


/* Titlu */

.sf-nds-price-info__title {
  max-width: 24ch;
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.15;
  text-wrap: balance;
}


/* Conținut */

.sf-nds-price-info__text {
  max-width: 72ch;
  margin-top: 22px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}

.sf-nds-price-info__text > * {
  margin-top: 0;
  margin-bottom: 18px;
}

.sf-nds-price-info__text > *:last-child {
  margin-bottom: 0;
}

.sf-nds-price-info__text a {
  color: var(--nds-blue);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.sf-nds-price-info__text a:hover {
  color: var(--nds-orange);
}

.sf-nds-price-info__text strong {
  color: var(--nds-ink);
  font-weight: 600;
}


/******************************
  TABLETĂ ȘI MOBIL
*******************************/

@media (max-width: 900px) {

  .sf-nds-price-info__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-price-info__content {
    max-width: 760px;
  }
}


@media (max-width: 760px) {

  .sf-nds-price-info__title {
    font-size: 30px;
  }

  .sf-nds-price-info__text {
    margin-top: 18px;

    font-size: 16px;
    line-height: 1.65;
  }

  .sf-nds-price-info__text > * {
    margin-bottom: 16px;
  }
}

.sf-nds-process .sf-nds-process__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;

	width: 100%;
	max-width: 780px;
	margin-bottom: clamp(32px, 5vw, 56px);
}

.sf-nds-process .sf-nds-process__eyebrow,
.sf-nds-process .sf-nds-process__title,
.sf-nds-process .sf-nds-process__subtitle {
	grid-column: 1 / -1;
	width: 100%;
}

.sf-nds-process__eyebrow {
	display: block;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-process__title {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-process__subtitle {
	max-width: 60ch;
	margin: 0;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: clamp(18px, 1.6vw, 20px);
	line-height: 1.6;
}

/**
 * ========================================
 * NDS – Recondiționare sau second hand
 * ========================================
 */

.sf-nds-reconditioning-comparison {
	color: var(--nds-ink);
	background: var(--nds-steel);
}


/**
 * Antet
 */

.sf-nds-reconditioning-comparison__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;

	max-width: 780px;
	margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-reconditioning-comparison__eyebrow {
	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-reconditioning-comparison__title {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.015em;
	text-wrap: balance;
}


/**
 * Comparație principală
 */

.sf-nds-reconditioning-comparison__options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;

	margin-bottom: clamp(28px, 4vw, 42px);
}

.sf-nds-reconditioning-comparison__option {
	min-width: 0;
	padding: 22px;

	border-radius: 14px;
}

.sf-nds-reconditioning-comparison__option--used {
	color: var(--nds-ink);
	background: var(--nds-white);
	border: 1px dashed var(--nds-ink-2);
}

.sf-nds-reconditioning-comparison__option--reconditioned {
	color: var(--nds-white);
	background: var(--nds-ink);
	border: 1px solid var(--nds-ink);
}

.sf-nds-reconditioning-comparison__option-label {
	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-reconditioning-comparison__option--reconditioned
.sf-nds-reconditioning-comparison__option-label {
	color: var(--nds-steel-2);
}

.sf-nds-reconditioning-comparison__list {
	display: grid;
	gap: 8px;

	margin: 10px 0 0;
	padding: 0;

	font-family: var(--font-family);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;

	list-style: none;
}

.sf-nds-reconditioning-comparison__list li {
	position: relative;

	padding-left: 26px;
}

.sf-nds-reconditioning-comparison__option--used
.sf-nds-reconditioning-comparison__list li::before {
	position: absolute;
	left: 0;

	color: #a3341b;

	content: "✕";
}

.sf-nds-reconditioning-comparison__option--reconditioned
.sf-nds-reconditioning-comparison__list li::before {
	position: absolute;
	left: 0;

	color: var(--nds-accent);

	content: "✓";
}

.sf-nds-reconditioning-comparison__intro {
	grid-column: 1 / -1;

	max-width: 90ch;
	margin: 6px 0 0;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 17px;
	line-height: 1.65;
}


/**
 * Tabel
 */

.sf-nds-reconditioning-comparison__table {
	margin: 0 0 clamp(24px, 3vw, 36px);
}

.sf-nds-reconditioning-comparison__table-caption {
	margin-bottom: 10px;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
}

.sf-nds-reconditioning-comparison__table-scroll {
	overflow-x: auto;

	background: var(--nds-white);
	border: 1px solid var(--nds-steel-2);
	border-radius: 12px;
}

.sf-nds-reconditioning-comparison__table-scroll:focus-visible {
	outline: 3px solid var(--nds-blue);
	outline-offset: 3px;
}

.sf-nds-reconditioning-comparison__table table {
	width: 100%;
	min-width: 680px;

	border-collapse: collapse;

	font-family: var(--font-family);
	font-size: 15px;
	line-height: 1.5;
}

.sf-nds-reconditioning-comparison__table th,
.sf-nds-reconditioning-comparison__table td {
	padding: 11px 14px;

	border-bottom: 1px solid var(--nds-steel);

	text-align: left;
	vertical-align: top;
}

.sf-nds-reconditioning-comparison__table thead th {
	color: var(--nds-ink-2);
	background: #f4f6f9;

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.sf-nds-reconditioning-comparison__table tbody th {
	color: var(--nds-ink);
	font-weight: 600;
}

.sf-nds-reconditioning-comparison__table tbody tr:last-child > * {
	border-bottom: 0;
}

.sf-nds-reconditioning-comparison__conclusion {
	max-width: 80ch;
	margin: 12px 0 0;
	padding-left: 14px;

	color: var(--nds-ink);

	border-left: 3px solid var(--nds-accent);

	font-family: var(--font-family);
	font-size: 16px;
	line-height: 1.6;
}


/**
 * Avantaje
 */

.sf-nds-reconditioning-comparison__benefits {
	overflow: hidden;

	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;

	margin-top: 20px;

	background: var(--nds-steel-2);
	border: 1px solid var(--nds-steel-2);
	border-radius: 14px;
}

.sf-nds-reconditioning-comparison__benefit {
	min-width: 0;
	padding: 24px;

	background: var(--nds-white);
}

.sf-nds-reconditioning-comparison__benefit-title {
	margin: 0 0 8px;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-reconditioning-comparison__benefit-text {
	margin: 0;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 15.5px;
	line-height: 1.6;
}

.sf-nds-reconditioning-comparison__suppliers {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;

	margin-top: 12px;
}

.sf-nds-reconditioning-comparison__suppliers span {
	padding: 3px 8px;

	color: var(--nds-ink);

	border: 1px solid var(--nds-ink);
	border-radius: 6px;

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
}


/**
 * Responsive
 */

@media (max-width: 760px) {

	.sf-nds-reconditioning-comparison__options {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-reconditioning-comparison__benefits {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-reconditioning-comparison__intro {
		grid-column: auto;
	}

	.sf-nds-reconditioning-comparison__table-scroll {
		-webkit-overflow-scrolling: touch;
	}

	.sf-nds-reconditioning-comparison__benefit {
		padding: 20px;
	}
}

/**
 * ========================================
 * NDS – Defect întâlnit frecvent
 * ========================================
 */

.sf-nds-common-defect {
	color: var(--nds-ink);
	background: var(--nds-steel);
}

.sf-nds-common-defect__box {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	align-items: start;
	gap: 20px;

	padding: 22px 26px;

	background: var(--nds-white);
	border-left: 6px solid var(--nds-accent);
	border-radius: 0 14px 14px 0;
}

.sf-nds-common-defect__eyebrow {
	margin: 0;
	padding-top: 4px;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-common-defect__text {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family);
	font-size: 17px;
	line-height: 1.65;
}

@media (max-width: 760px) {

	.sf-nds-common-defect__box {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;

		padding: 18px;
	}

	.sf-nds-common-defect__eyebrow {
		padding-top: 0;
	}
}

.sf-nds-reconditioning-comparison--white {
	background: var(--nds-white);
}

/******************************
  NDS — RECTIFICARE ȘI KIT
*******************************/

.sf-nds-reconditioning {
  width: 100%;

  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-reconditioning *,
.sf-nds-reconditioning *::before,
.sf-nds-reconditioning *::after {
  box-sizing: border-box;
}


/******************************
  LAYOUT
*******************************/

.sf-nds-reconditioning__layout {
  display: grid;
  grid-template-columns:
    minmax(0, 1.4fr)
    minmax(320px, 1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: start;
}

.sf-nds-reconditioning__content {
  min-width: 0;
  max-width: 70ch;
}


/******************************
  TITLU
*******************************/

.sf-nds-reconditioning__title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.2;
  text-wrap: balance;
}


/******************************
  TEXT
*******************************/

.sf-nds-reconditioning__text {
  margin-top: 20px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}

.sf-nds-reconditioning__text > * {
  margin-top: 0;
  margin-bottom: 18px;
}

.sf-nds-reconditioning__text > *:last-child {
  margin-bottom: 0;
}

.sf-nds-reconditioning__text a {
  color: var(--nds-blue);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}


/******************************
  FURNIZORI
*******************************/

.sf-nds-reconditioning__suppliers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin-top: 16px;
}

.sf-nds-reconditioning__suppliers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 4px 9px;

  color: var(--nds-ink);
  background: transparent;
  border: 1px solid var(--nds-ink);
  border-radius: 6px;

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}


/******************************
  SIDEBAR
*******************************/

.sf-nds-reconditioning__sidebar {
  position: sticky;
  top: 100px;

  display: grid;
  gap: 14px;

  min-width: 0;
}


/******************************
  CARD CONTACT
*******************************/

.sf-nds-reconditioning__contact {
  padding: 28px 26px;

  color: var(--nds-white);
  background: var(--nds-ink);
  border: 1px solid var(--nds-ink);
  border-radius: 14px;
}

.sf-nds-reconditioning__eyebrow {
  display: block;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-reconditioning__contact-title {
  margin: 10px 0 16px;

  color: var(--nds-white);

  font-family: var(--font-family-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.18;
  text-wrap: balance;
}


/******************************
  BUTOANE
*******************************/

.sf-nds-reconditioning__actions {
  display: grid;
  gap: 10px;
}

.sf-nds-reconditioning__actions .btn,
.sf-nds-reconditioning__actions .btn:link,
.sf-nds-reconditioning__actions .btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  width: 100%;
  min-height: 42px;
  padding: 0 18px;

  border: 2px solid transparent;
  border-radius: 7px;

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;

  opacity: 1;
  visibility: visible;

  transition:
    color var(--transition-fast, 160ms ease),
    background-color var(--transition-fast, 160ms ease),
    border-color var(--transition-fast, 160ms ease),
    transform var(--transition-fast, 160ms ease);
}

.sf-nds-reconditioning__actions .btn svg {
  display: block;
  flex: 0 0 20px;

  width: 20px;
  height: 20px;
}


/* Buton telefon */

.sf-nds-reconditioning__actions .btn-apel,
.sf-nds-reconditioning__actions .btn-apel:link,
.sf-nds-reconditioning__actions .btn-apel:visited {
  color: #0E1B30;
  background-color: #EF570E;
  border-color: #EF570E;
}

.sf-nds-reconditioning__actions .btn-apel svg {
  color: #0E1B30;
}

.sf-nds-reconditioning__actions .btn-apel b {
  color: inherit;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.sf-nds-reconditioning__actions .btn-apel:hover {
  color: #0E1B30;
  background-color: #FFFFFF;
  border-color: #FFFFFF;

  transform: translateY(-1px);
}


/* Buton WhatsApp */

.sf-nds-reconditioning__actions .btn-wa,
.sf-nds-reconditioning__actions .btn-wa:link,
.sf-nds-reconditioning__actions .btn-wa:visited {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #FFFFFF;
}

.sf-nds-reconditioning__actions .btn-wa svg {
  color: #25D366;
}

.sf-nds-reconditioning__actions .btn-wa:hover {
  color: #0E1B30;
  background-color: #FFFFFF;
  border-color: #FFFFFF;

  transform: translateY(-1px);
}


/* Focus tastatură */

.sf-nds-reconditioning__actions .btn:focus-visible {
  outline: 3px solid #FFFFFF;
  outline-offset: 3px;
}


/******************************
  PROGRAM
*******************************/

.sf-nds-reconditioning__schedule {
  margin: 14px 0 0;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.4;
}

.sf-nds-reconditioning__schedule .stare {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  color: inherit;
}

.sf-nds-reconditioning__schedule .stare::before {
  content: "";

  display: block;
  flex: 0 0 8px;

  width: 8px;
  height: 8px;

  background: #16A060;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(22, 160, 96, .18);
}

.sf-nds-reconditioning__schedule .stare.inchis::before {
  background: var(--nds-steel-2, #C9D3DF);
  box-shadow: 0 0 0 3px rgba(201, 211, 223, .16);
}

.sf-nds-reconditioning__schedule b {
  color: var(--nds-white);
  font-weight: 600;
}


/******************************
  RECENZIE
*******************************/

.sf-nds-reconditioning__review {
  display: flex;
  flex-direction: column;
  gap: 12px;

  margin: 0;
  padding: 18px 20px;

  color: var(--nds-ink);
  background: #FFF8E1;
  border: 1px solid #F1DFA6;
  border-radius: 14px;
}

.sf-nds-reconditioning__stars {
  color: #C98E00;

  font-family: var(--font-family);
  font-size: 15px;
  line-height: 1;
  letter-spacing: 2px;
}

.sf-nds-reconditioning__review blockquote {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 16.5px;
  font-weight: 400;
  line-height: 1.5;
}

.sf-nds-reconditioning__review figcaption {
  margin-top: auto;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.sf-nds-reconditioning__review figcaption strong {
  color: var(--nds-ink);
  font-weight: 600;
}


/******************************
  TABLETĂ
*******************************/

@media (max-width: 900px) {

  .sf-nds-reconditioning__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-reconditioning__content {
    max-width: 760px;
  }

  .sf-nds-reconditioning__sidebar {
    position: static;
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-reconditioning__title {
    font-size: 30px;
  }

  .sf-nds-reconditioning__text {
    margin-top: 18px;

    font-size: 16px;
    line-height: 1.65;
  }

  .sf-nds-reconditioning__contact {
    padding: 20px;
  }

  .sf-nds-reconditioning__actions .btn {
    min-height: 48px;
    padding-right: 14px;
    padding-left: 14px;

    font-size: 15px;
  }
}


/******************************
  REDUCERE ANIMAȚII
*******************************/

@media (prefers-reduced-motion: reduce) {

  .sf-nds-reconditioning__actions .btn {
    transition: none;
  }
}

/******************************
  NDS — INFORMAȚII TEXT
*******************************/

.sf-nds-price-info {
  width: 100%;

  color: var(--nds-ink);
  background-color: var(--nds-white, #FFFFFF);
}

.sf-nds-price-info--gray {
  background-color:
    var(--nds-steel, var(--otel, #E7ECF2));
}

.sf-nds-process {
  width: 100%;

  background-color: var(--nds-white, #FFFFFF);
}

.sf-nds-process--gray {
  background-color:
    var(--nds-steel, var(--otel, #E7ECF2));
}

.sf-nds-reviews {
	background: var(--nds-white);
}

/**
 * ========================================
 * NDS – Service Sector 5 / Cum lucrăm
 * ========================================
 */

.sf-nds-service-workflow {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-service-workflow__grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1.4fr)
		minmax(300px, 1fr);
	align-items: start;
	gap: clamp(28px, 5vw, 72px);
}


/**
 * Conținut
 */

.sf-nds-service-workflow__content {
	max-width: 70ch;
}

.sf-nds-service-workflow__title {
	margin: 0 0 20px;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-service-workflow__content > p {
	margin: 0 0 18px;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 17px;
	line-height: 1.7;
}


/**
 * Etapele lucrării
 */

.sf-nds-service-workflow__steps {
	display: grid;
	gap: 12px;

	margin: 26px 0 0;
	padding: 0;

	list-style: none;
	counter-reset: nds-service-step;
}

.sf-nds-service-workflow__step {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: start;
	gap: 14px;

	counter-increment: nds-service-step;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 16px;
	line-height: 1.6;
}

.sf-nds-service-workflow__step::before {
	content: counter(nds-service-step);

	display: grid;
	place-items: center;

	width: 28px;
	height: 28px;
	margin-top: 1px;

	color: var(--nds-white);
	background: var(--nds-ink);
	border-radius: 50%;

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
}

.sf-nds-service-workflow__step strong {
	color: var(--nds-ink);
	font-weight: 700;
}


/**
 * Card lateral
 */

.sf-nds-service-workflow__sidebar {
	position: sticky;
	top: 100px;
}

.sf-nds-service-workflow__card {
	padding: clamp(22px, 3vw, 32px);

	color: var(--nds-white);
	background: var(--nds-ink);
	border: 1px solid var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-service-workflow__eyebrow {
	display: block;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-service-workflow__address {
	margin: 10px 0 18px;

	color: var(--nds-white);

	font-family: var(--font-family-display);
	font-size: clamp(21px, 2vw, 24px);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.015em;
}

.sf-nds-service-workflow__schedule {
	margin: 0 0 20px;
}

.sf-nds-service-workflow__status {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-service-workflow__status::before {
	content: "";

	flex: none;

	width: 9px;
	height: 9px;

	background: var(--nds-green);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(20, 122, 72, .22);
}

.sf-nds-service-workflow__status.is-closed::before,
.sf-nds-service-workflow__status.inchis::before {
	background: var(--nds-steel-2);
	box-shadow: 0 0 0 3px rgba(201, 211, 223, .18);
}

.sf-nds-service-workflow__status strong {
	color: var(--nds-white);
	font-weight: 600;
}


/**
 * Butoane
 */

.sf-nds-service-workflow__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sf-nds-service-workflow__button {
	display: inline-flex;
	flex: 1 1 150px;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: 54px;
	padding: 10px 18px;

	border: 2px solid var(--nds-white);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	transition:
		color var(--transition-fast),
		background-color var(--transition-fast),
		border-color var(--transition-fast),
		box-shadow var(--transition-fast),
		transform var(--transition-fast);
}

.sf-nds-service-workflow__button svg {
	flex: none;

	width: 22px;
	height: 22px;
}

.sf-nds-service-workflow__button--call,
.sf-nds-service-workflow__button--call:link,
.sf-nds-service-workflow__button--call:visited {
	color: var(--nds-white);
	background: var(--nds-accent);
	border-color: var(--nds-accent);
}

.sf-nds-service-workflow__button--route,
.sf-nds-service-workflow__button--route:link,
.sf-nds-service-workflow__button--route:visited {
	color: var(--nds-white);
	background: transparent;
	border-color: rgba(255, 255, 255, .72);
}

.sf-nds-service-workflow__button:hover {
	box-shadow: 0 3px 0 rgba(0, 0, 0, .28);
	transform: translateY(-1px);
}

.sf-nds-service-workflow__button--call:hover,
.sf-nds-service-workflow__button--call:focus-visible {
	color: var(--nds-white);
	background: #d94b0b;
	border-color: #d94b0b;
}

.sf-nds-service-workflow__button--route:hover,
.sf-nds-service-workflow__button--route:focus-visible {
	color: var(--nds-ink);
	background: var(--nds-white);
	border-color: var(--nds-white);
}


/**
 * Responsive
 */

@media (max-width: 900px) {

	.sf-nds-service-workflow__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-service-workflow__content {
		max-width: none;
	}

	.sf-nds-service-workflow__sidebar {
		position: static;
	}

	.sf-nds-service-workflow__card {
		max-width: 620px;
	}
}

@media (max-width: 520px) {

	.sf-nds-service-workflow__content > p {
		font-size: 16px;
	}

	.sf-nds-service-workflow__card {
		padding: 20px;
	}

	.sf-nds-service-workflow__actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-service-workflow__button {
		width: 100%;
	}
}

.sf-nds-reviews.sf-nds-reviews--gray {
	background: var(--nds-steel);
}

.sf-nds-service-workflow__button--call,
.sf-nds-service-workflow__button--call:link,
.sf-nds-service-workflow__button--call:visited {
	color: var(--nds-ink);
	background: var(--nds-accent);
	border-color: var(--nds-ink);
}

.sf-nds-service-workflow__button--call:hover,
.sf-nds-service-workflow__button--call:focus-visible {
	color: var(--nds-ink);
	background: #e8500c;
	border-color: var(--nds-ink);
}

/**
 * ========================================
 * NDS – Localizarea atelierului
 * ========================================
 */

.sf-nds-workshop-location {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-workshop-location__grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1.4fr)
		minmax(300px, 1fr);
	align-items: start;
	gap: clamp(28px, 5vw, 72px);
}


/**
 * Conținut
 */

.sf-nds-workshop-location__content {
	max-width: 70ch;
}

.sf-nds-workshop-location__title {
	margin: 0 0 20px;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-workshop-location__content > p {
	margin: 0 0 18px;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 17px;
	line-height: 1.7;
}


/**
 * Imagine
 */

.sf-nds-workshop-location__figure {
	margin: 22px 0;
	overflow: hidden;

	background: var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-workshop-location__figure img {
	display: block;

	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.sf-nds-workshop-location__figure figcaption {
	padding: 9px 12px;

	color: var(--nds-ink-2);
	background: var(--nds-white);

	font-family: var(--font-family);
	font-size: 13px;
	line-height: 1.45;
}


/**
 * Sidebar
 */

.sf-nds-workshop-location__sidebar {
	position: sticky;
	top: 100px;

	display: grid;
	gap: 14px;
}

.sf-nds-workshop-location__card {
	padding: clamp(22px, 3vw, 32px);

	color: var(--nds-white);
	background: var(--nds-ink);
	border: 1px solid var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-workshop-location__eyebrow {
	display: block;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-workshop-location__card-title {
	margin: 10px 0 18px;

	color: var(--nds-white);

	font-family: var(--font-family-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.015em;
}


/**
 * Acțiuni
 */

.sf-nds-workshop-location__actions {
	display: grid;
	gap: 10px;
}

.sf-nds-workshop-location__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	width: 100%;
	min-height: 56px;
	padding: 10px 20px;

	border: 2px solid var(--nds-ink);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	transition:
		color var(--transition-fast),
		background-color var(--transition-fast),
		border-color var(--transition-fast),
		box-shadow var(--transition-fast),
		transform var(--transition-fast);
}

.sf-nds-workshop-location__button svg {
	flex: none;

	width: 22px;
	height: 22px;
}

.sf-nds-workshop-location__button--call,
.sf-nds-workshop-location__button--call:link,
.sf-nds-workshop-location__button--call:visited {
	color: var(--nds-ink);
	background: var(--nds-accent);
	border-color: var(--nds-ink);
}

.sf-nds-workshop-location__button--call:hover,
.sf-nds-workshop-location__button--call:focus-visible {
	color: var(--nds-ink);
	background: #e8500c;
	border-color: var(--nds-ink);
}

.sf-nds-workshop-location__button--whatsapp,
.sf-nds-workshop-location__button--whatsapp:link,
.sf-nds-workshop-location__button--whatsapp:visited {
	color: var(--nds-white);
	background: transparent;
	border-color: var(--nds-white);
}

.sf-nds-workshop-location__button--whatsapp svg {
	color: #25d366;
}

.sf-nds-workshop-location__button--whatsapp:hover,
.sf-nds-workshop-location__button--whatsapp:focus-visible {
	color: var(--nds-white);
	background: rgba(255, 255, 255, .08);
	border-color: var(--nds-white);
}

.sf-nds-workshop-location__button:hover {
	box-shadow: 0 3px 0 rgba(0, 0, 0, .28);
	transform: translateY(-1px);
}


/**
 * Program
 */

.sf-nds-workshop-location__schedule {
	margin: 16px 0 0;
}

.sf-nds-workshop-location__status {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-workshop-location__status::before {
	content: "";

	flex: none;

	width: 9px;
	height: 9px;

	background: var(--nds-green);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(20, 122, 72, .22);
}

.sf-nds-workshop-location__status.is-closed::before,
.sf-nds-workshop-location__status.inchis::before {
	background: var(--nds-steel-2);
	box-shadow: 0 0 0 3px rgba(201, 211, 223, .18);
}

.sf-nds-workshop-location__status strong {
	color: var(--nds-white);
	font-weight: 600;
}


/**
 * Recenzie
 */

.sf-nds-workshop-location__review {
	display: flex;
	flex-direction: column;
	gap: 12px;

	margin: 0;
	padding: 20px;

	background: #fff8e1;
	border: 1px solid #f1dfa6;
	border-radius: 14px;
}

.sf-nds-workshop-location__stars {
	color: #c98e00;

	font-family: var(--font-family);
	font-size: 15px;
	line-height: 1;
	letter-spacing: 2px;
}

.sf-nds-workshop-location__review blockquote {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family);
	font-size: 16.5px;
	line-height: 1.5;
}

.sf-nds-workshop-location__review figcaption {
	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-workshop-location__review figcaption strong {
	color: var(--nds-ink);
	font-weight: 600;
}


/**
 * Responsive
 */

@media (max-width: 900px) {

	.sf-nds-workshop-location__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-workshop-location__content {
		max-width: none;
	}

	.sf-nds-workshop-location__sidebar {
		position: static;
	}

	.sf-nds-workshop-location__card,
	.sf-nds-workshop-location__review {
		max-width: 620px;
	}
}

@media (max-width: 520px) {

	.sf-nds-workshop-location__content > p {
		font-size: 16px;
	}

	.sf-nds-workshop-location__card {
		padding: 20px;
	}

	.sf-nds-workshop-location__card-title {
		font-size: 20px;
	}
}

/**
 * ========================================
 * NDS – Probleme casetă electrică
 * ========================================
 */

.sf-nds-electric-problems {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-electric-problems__grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1.4fr)
		minmax(300px, 1fr);
	align-items: start;
	gap: clamp(28px, 5vw, 72px);
}


/**
 * Conținut
 */

.sf-nds-electric-problems__content {
	max-width: 70ch;
}

.sf-nds-electric-problems__content h2 {
	margin: 1.4em 0 .5em;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-electric-problems__content h2:first-child {
	margin-top: 0;
}

.sf-nds-electric-problems__content h3 {
	margin: 1.2em 0 .4em;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.01em;
}

.sf-nds-electric-problems__content p {
	margin: 0 0 18px;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 17px;
	line-height: 1.7;
}


/**
 * Imagine
 */

.sf-nds-electric-problems__figure {
	margin: 22px 0;
	overflow: hidden;

	background: var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-electric-problems__figure img {
	display: block;

	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.sf-nds-electric-problems__figure figcaption {
	padding: 9px 12px;

	color: var(--nds-ink-2);
	background: var(--nds-white);

	font-family: var(--font-family);
	font-size: 13px;
	line-height: 1.45;
}


/**
 * Furnizori
 */

.sf-nds-electric-problems__suppliers {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;

	margin: -2px 0 22px;
}

.sf-nds-electric-problems__suppliers span {
	padding: 4px 9px;

	color: var(--nds-ink);
	border: 1px solid var(--nds-ink);
	border-radius: 6px;

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}


/**
 * Sidebar
 */

.sf-nds-electric-problems__sidebar {
	position: sticky;
	top: 100px;

	display: grid;
	gap: 14px;
}

.sf-nds-electric-problems__card {
	padding: clamp(22px, 3vw, 32px);

	color: var(--nds-white);
	background: var(--nds-ink);
	border: 1px solid var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-electric-problems__eyebrow {
	display: block;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-electric-problems__card-title {
	margin: 10px 0 18px;

	color: var(--nds-white);

	font-family: var(--font-family-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.015em;
}


/**
 * Butoane
 */

.sf-nds-electric-problems__actions {
	display: grid;
	gap: 10px;
}

.sf-nds-electric-problems__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	width: 100%;
	min-height: 56px;
	padding: 10px 20px;

	border: 2px solid var(--nds-ink);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	transition:
		color var(--transition-fast),
		background-color var(--transition-fast),
		border-color var(--transition-fast),
		box-shadow var(--transition-fast),
		transform var(--transition-fast);
}

.sf-nds-electric-problems__button svg {
	flex: none;

	width: 22px;
	height: 22px;
}

.sf-nds-electric-problems__button:hover {
	box-shadow: 0 3px 0 rgba(0, 0, 0, .28);
	transform: translateY(-1px);
}

.sf-nds-electric-problems__button--call,
.sf-nds-electric-problems__button--call:link,
.sf-nds-electric-problems__button--call:visited {
	color: var(--nds-ink);
	background: var(--nds-accent);
	border-color: var(--nds-ink);
}

.sf-nds-electric-problems__button--call:hover,
.sf-nds-electric-problems__button--call:focus-visible {
	color: var(--nds-ink);
	background: #e8500c;
	border-color: var(--nds-ink);
}

.sf-nds-electric-problems__button--whatsapp,
.sf-nds-electric-problems__button--whatsapp:link,
.sf-nds-electric-problems__button--whatsapp:visited {
	color: var(--nds-white);
	background: transparent;
	border-color: var(--nds-white);
}

.sf-nds-electric-problems__button--whatsapp svg {
	color: #25d366;
}

.sf-nds-electric-problems__button--whatsapp:hover,
.sf-nds-electric-problems__button--whatsapp:focus-visible {
	color: var(--nds-white);
	background: rgba(255, 255, 255, .08);
	border-color: var(--nds-white);
}


/**
 * Program
 */

.sf-nds-electric-problems__schedule {
	margin: 16px 0 0;
}

.sf-nds-electric-problems__status {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-electric-problems__status::before {
	content: "";

	flex: none;

	width: 9px;
	height: 9px;

	background: var(--nds-green);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(20, 122, 72, .22);
}

.sf-nds-electric-problems__status.is-closed::before,
.sf-nds-electric-problems__status.inchis::before {
	background: var(--nds-steel-2);
	box-shadow: 0 0 0 3px rgba(201, 211, 223, .18);
}

.sf-nds-electric-problems__status strong {
	color: var(--nds-white);
	font-weight: 600;
}


/**
 * Recenzie
 */

.sf-nds-electric-problems__review {
	display: flex;
	flex-direction: column;
	gap: 12px;

	margin: 0;
	padding: 20px;

	background: #fff8e1;
	border: 1px solid #f1dfa6;
	border-radius: 14px;
}

.sf-nds-electric-problems__stars {
	color: #c98e00;

	font-family: var(--font-family);
	font-size: 15px;
	line-height: 1;
	letter-spacing: 2px;
}

.sf-nds-electric-problems__review blockquote {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family);
	font-size: 16.5px;
	line-height: 1.5;
}

.sf-nds-electric-problems__review figcaption {
	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-electric-problems__review figcaption strong {
	color: var(--nds-ink);
	font-weight: 600;
}


/**
 * Responsive
 */

@media (max-width: 900px) {

	.sf-nds-electric-problems__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-electric-problems__content {
		max-width: none;
	}

	.sf-nds-electric-problems__sidebar {
		position: static;
	}

	.sf-nds-electric-problems__card,
	.sf-nds-electric-problems__review {
		max-width: 620px;
	}
}

@media (max-width: 520px) {

	.sf-nds-electric-problems__content p {
		font-size: 16px;
	}

	.sf-nds-electric-problems__card {
		padding: 20px;
	}

	.sf-nds-electric-problems__card-title {
		font-size: 20px;
	}
}

/******************************
  NDS — SIMPTOME EPS
*******************************/

.sf-nds-electric-symptoms {
  width: 100%;

  color: var(--nds-ink, #0E1B30);
  background-color:
    var(--nds-steel, var(--otel, #E7ECF2));
}

.sf-nds-electric-symptoms *,
.sf-nds-electric-symptoms *::before,
.sf-nds-electric-symptoms *::after {
  box-sizing: border-box;
}


/******************************
  HEADER
*******************************/

.sf-nds-electric-symptoms__header {
  display: grid;
  gap: 14px;

  max-width: 780px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-electric-symptoms__eyebrow {
  color: var(--nds-ink-2, #44536B);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-electric-symptoms__title {
  max-width: 24ch;
  margin: 0;

  color: var(--nds-ink, #0E1B30);

  font-family: var(--font-family-display);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.12;
  text-wrap: balance;
}

.sf-nds-electric-symptoms__lead {
  max-width: 60ch;
  margin: 0;

  color: var(--nds-ink-2, #44536B);

  font-family: var(--font-family);
  font-size: clamp(17px, 1.6vw, 20px);
  font-weight: 400;
  line-height: 1.6;
}


/******************************
  GRID
*******************************/

.sf-nds-electric-symptoms__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}


/******************************
  CARD
*******************************/

.sf-nds-electric-symptoms__card {
  display: flex;
  flex-direction: column;
  gap: 10px;

  min-width: 0;
  margin: 0;
  padding: 20px 20px 16px;

  color: var(--nds-ink, #0E1B30);
  background: var(--nds-white, #FFFFFF);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 14px;
}

.sf-nds-electric-symptoms__card-title {
  margin: 0;

  color: var(--nds-ink, #0E1B30);

  font-family: var(--font-family-display);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.2;
  text-wrap: balance;
}

.sf-nds-electric-symptoms__card-text {
  margin: 0;

  color: var(--nds-ink-2, #44536B);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}


/******************************
  LINK WHATSAPP
*******************************/

.sf-nds-electric-symptoms__whatsapp,
.sf-nds-electric-symptoms__whatsapp:link,
.sf-nds-electric-symptoms__whatsapp:visited {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-top: auto;
  padding-top: 12px;

  color: var(--nds-ink, #0E1B30);
  border-top: 1px dashed var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}

.sf-nds-electric-symptoms__whatsapp svg {
  display: block;
  flex: 0 0 18px;

  width: 18px;
  height: 18px;

  color: #25D366;
}

.sf-nds-electric-symptoms__whatsapp:hover {
  color: var(--nds-blue, #2A44A8);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sf-nds-electric-symptoms__whatsapp:focus-visible {
  outline: 3px solid var(--nds-blue, #2A44A8);
  outline-offset: 4px;
}


/******************************
  TABLETĂ
*******************************/

@media (max-width: 1080px) {

  .sf-nds-electric-symptoms__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-electric-symptoms__header {
    margin-bottom: 28px;
  }

  .sf-nds-electric-symptoms__title {
    font-size: 30px;
  }

  .sf-nds-electric-symptoms__lead {
    font-size: 17px;
  }

  .sf-nds-electric-symptoms__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-electric-symptoms__card {
    padding: 18px;
  }
}

/**
 * ========================================
 * NDS – Informații autorizare RAR
 * ========================================
 */

.sf-nds-rar-info {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-rar-info__grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1.4fr)
		minmax(300px, 1fr);
	align-items: start;
	gap: clamp(28px, 5vw, 72px);
}


/**
 * Conținut
 */

.sf-nds-rar-info__content {
	max-width: 70ch;
}

.sf-nds-rar-info__title {
	margin: 0 0 20px;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-rar-info__content > p {
	margin: 0 0 18px;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 17px;
	line-height: 1.7;
}


/**
 * Document RAR
 */

.sf-nds-rar-info__document {
	margin: 22px 0 0;
	overflow: hidden;

	background: var(--nds-white);
	border: 1px solid var(--nds-steel-2);
	border-radius: 14px;
}

.sf-nds-rar-info__document img {
	display: block;

	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;

	background: var(--nds-white);
}

.sf-nds-rar-info__document figcaption {
	padding: 10px 12px;

	color: var(--nds-ink-2);
	background: var(--nds-white);
	border-top: 1px solid var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 13px;
	line-height: 1.45;
}


/**
 * Sidebar
 */

.sf-nds-rar-info__sidebar {
	position: sticky;
	top: 100px;
}

.sf-nds-rar-info__card {
	padding: clamp(22px, 3vw, 32px);

	color: var(--nds-white);
	background: var(--nds-ink);
	border: 1px solid var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-rar-info__eyebrow {
	display: block;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-rar-info__card-title {
	margin: 10px 0 18px;

	color: var(--nds-white);

	font-family: var(--font-family-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.015em;
}


/**
 * Butoane
 */

.sf-nds-rar-info__actions {
	display: grid;
	gap: 10px;
}

.sf-nds-rar-info__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	width: 100%;
	min-height: 56px;
	padding: 10px 20px;

	border: 2px solid var(--nds-ink);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	transition:
		color var(--transition-fast),
		background-color var(--transition-fast),
		border-color var(--transition-fast),
		box-shadow var(--transition-fast),
		transform var(--transition-fast);
}

.sf-nds-rar-info__button svg {
	flex: none;

	width: 22px;
	height: 22px;
}

.sf-nds-rar-info__button:hover {
	box-shadow: 0 3px 0 rgba(0, 0, 0, .28);
	transform: translateY(-1px);
}

.sf-nds-rar-info__button--call,
.sf-nds-rar-info__button--call:link,
.sf-nds-rar-info__button--call:visited {
	color: var(--nds-ink);
	background: var(--nds-accent);
	border-color: var(--nds-ink);
}

.sf-nds-rar-info__button--call:hover,
.sf-nds-rar-info__button--call:focus-visible {
	color: var(--nds-ink);
	background: #e8500c;
	border-color: var(--nds-ink);
}

.sf-nds-rar-info__button--whatsapp,
.sf-nds-rar-info__button--whatsapp:link,
.sf-nds-rar-info__button--whatsapp:visited {
	color: var(--nds-white);
	background: transparent;
	border-color: var(--nds-white);
}

.sf-nds-rar-info__button--whatsapp svg {
	color: #25d366;
}

.sf-nds-rar-info__button--whatsapp:hover,
.sf-nds-rar-info__button--whatsapp:focus-visible {
	color: var(--nds-white);
	background: rgba(255, 255, 255, .08);
	border-color: var(--nds-white);
}


/**
 * Responsive
 */

@media (max-width: 900px) {

	.sf-nds-rar-info__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-rar-info__content {
		max-width: none;
	}

	.sf-nds-rar-info__sidebar {
		position: static;
	}

	.sf-nds-rar-info__card {
		max-width: 620px;
	}
}

@media (max-width: 520px) {

	.sf-nds-rar-info__content > p {
		font-size: 16px;
	}

	.sf-nds-rar-info__card {
		padding: 20px;
	}

	.sf-nds-rar-info__card-title {
		font-size: 20px;
	}
}

.sf-nds-reconditioning--gray {
  background-color:
    var(--nds-steel, var(--otel, #E7ECF2));
}

/******************************
  NDS — LUCRĂRI CASETE DIRECȚIE
*******************************/

.sf-nds-services {
  width: 100%;

  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-services *,
.sf-nds-services *::before,
.sf-nds-services *::after {
  box-sizing: border-box;
}


/* Header */

.sf-nds-services__header {
  max-width: 760px;
}

.sf-nds-services__eyebrow {
  display: block;

  margin-bottom: 10px;

  color: var(--nds-blue);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-services__title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(30px, 3.5vw, 44px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.15;
  text-wrap: balance;
}


/* Grid */

.sf-nds-services__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;

  margin-top: 28px;
}


/* Card */

.sf-nds-services__card,
.sf-nds-services__card:link,
.sf-nds-services__card:visited {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  min-width: 0;
  min-height: 100%;
  padding: 24px;

  color: var(--nds-ink);
  background: var(--nds-white);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 14px;

  text-decoration: none;

  transition:
    color var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    transform var(--transition-fast);
}

.sf-nds-services__card:hover {
  color: var(--nds-ink);
  border-color: var(--nds-ink);

  transform: translateY(-2px);
  box-shadow: 0 5px 0 rgba(239, 87, 14, .9);
}

.sf-nds-services__card:focus-visible {
  outline: 3px solid var(--nds-blue);
  outline-offset: 4px;
}


/* Icon */

.sf-nds-services__icon {
  display: flex;
  align-items: center;

  width: 72px;
  height: 48px;
  margin-bottom: 18px;

  color: var(--nds-ink);
}

.sf-nds-services__icon svg {
  display: block;

  width: 64px;
  height: 40px;

  overflow: visible;
}


/* Titlu card */

.sf-nds-services__card-title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(23px, 2vw, 28px);
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.15;
  text-wrap: balance;
}


/* Descriere */

.sf-nds-services__description {
  margin: 12px 0 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}


/* Link */

.sf-nds-services__more {
  display: inline-flex;
  align-items: center;
  gap: 5px;

  margin-top: auto;
  padding-top: 20px;

  color: var(--nds-blue);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.sf-nds-services__more span {
  transition: transform var(--transition-fast);
}

.sf-nds-services__card:hover .sf-nds-services__more {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sf-nds-services__card:hover .sf-nds-services__more span {
  transform: translateX(3px);
}


/******************************
  TABLETĂ
*******************************/

@media (max-width: 900px) {

  .sf-nds-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-nds-services__card:last-child {
    grid-column: 1 / -1;
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-services__title {
    font-size: 30px;
  }

  .sf-nds-services__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;

    margin-top: 24px;
  }

  .sf-nds-services__card,
  .sf-nds-services__card:last-child {
    grid-column: auto;

    padding: 20px;
  }

  .sf-nds-services__icon {
    margin-bottom: 16px;
  }

  .sf-nds-services__card-title {
    font-size: 25px;
  }

  .sf-nds-services__more {
    padding-top: 18px;
  }
}


/******************************
  REDUCERE ANIMAȚII
*******************************/

@media (prefers-reduced-motion: reduce) {

  .sf-nds-services__card,
  .sf-nds-services__more span {
    transition: none;
  }
}

/******************************
  TABLETĂ
*******************************/

@media (max-width: 992px) {

  .sf-nds-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-nds-services__card:last-child {
    grid-column: 1 / -1;
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-services__title {
    font-size: 30px;
  }

  .sf-nds-services__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;

    margin-top: 24px;
  }

  .sf-nds-services__card,
  .sf-nds-services__card:last-child {
    grid-column: auto;

    padding: 20px;
  }

  .sf-nds-services__icon {
    margin-bottom: 16px;
  }

  .sf-nds-services__card-title {
    font-size: 25px;
  }

  .sf-nds-services__more {
    padding-top: 18px;
  }
}

/******************************
  NDS — COMPARAȚIE CASETE
*******************************/

.sf-nds-comparison {
  width: 100%;

  color: var(--nds-ink);
  background: var(--nds-steel, var(--otel, #E7ECF2));
}

.sf-nds-comparison *,
.sf-nds-comparison *::before,
.sf-nds-comparison *::after {
  box-sizing: border-box;
}


/******************************
  HEADER
*******************************/

.sf-nds-comparison__header {
  display: grid;
  gap: 14px;

  max-width: 780px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-comparison__eyebrow {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-comparison__title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}


/******************************
  COMPARAȚIE
*******************************/

.sf-nds-comparison__summary {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);
  gap: 14px;
}


/* Carduri */

.sf-nds-comparison__option {
  min-width: 0;
  padding: 22px;

  border-radius: 14px;
}


/* Casetă second hand */

.sf-nds-comparison__option--bad {
  color: var(--nds-ink);
  background: var(--nds-white);
  border: 1px dashed var(--nds-ink-2);
}


/* Casetă recondiționată */

.sf-nds-comparison__option--good {
  color: var(--nds-white);
  background: var(--nds-ink);
  border: 1px solid var(--nds-ink);
}


/* Etichete */

.sf-nds-comparison__option-label {
  display: block;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-comparison__option--good
.sf-nds-comparison__option-label {
  color: var(--nds-steel-2, #C9D3DF);
}


/* Liste */

.sf-nds-comparison__option ul {
  display: grid;
  gap: 8px;

  margin: 10px 0 0;
  padding: 0;

  list-style: none;

  font-family: var(--font-family);
  font-weight: 600;
}

.sf-nds-comparison__option li {
  position: relative;

  margin: 0;
  padding-left: 26px;

  font-size: 16px;
  line-height: 1.5;
}

.sf-nds-comparison__option li::before {
  position: absolute;
  left: 0;
}

.sf-nds-comparison__option--bad li::before {
  content: "✕";

  color: #A3341B;
}

.sf-nds-comparison__option--good li::before {
  content: "✓";

  color: #EF570E;
}


/* Text sub carduri */

.sf-nds-comparison__summary-text {
  grid-column: 1 / -1;

  max-width: 90ch;
  margin: 6px 0 0;
  padding: 0;

  color: var(--nds-ink-2);
  background: transparent;
  border: 0;

  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.6;
}


/******************************
  TABEL
*******************************/

.sf-nds-comparison__table {
  margin: 0 0 clamp(24px, 3vw, 36px);

  overflow: visible;

  background: transparent;
  border: 0;
  border-radius: 0;
}

.sf-nds-comparison__caption {
  margin-bottom: 10px;
  padding: 0;

  color: var(--nds-ink);
  border: 0;

  font-family: var(--font-family-display);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.sf-nds-comparison__table-scroll {
  width: 100%;
  overflow-x: auto;

  background: var(--nds-white);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 12px;

  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.sf-nds-comparison__table-scroll:focus-visible {
  outline: 3px solid var(--nds-blue);
  outline-offset: 3px;
}

.sf-nds-comparison table {
  width: 100%;
  min-width: 560px;

  border-spacing: 0;
  border-collapse: collapse;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 15px;
  line-height: 1.45;
}

.sf-nds-comparison th,
.sf-nds-comparison td {
  padding: 11px 14px;

  border-right: 0;
  border-bottom: 1px solid var(--nds-steel, var(--otel, #E7ECF2));

  text-align: left;
  vertical-align: top;
}

.sf-nds-comparison thead th {
  color: var(--nds-ink-2);
  background: #F4F6F9;

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-comparison thead th:nth-child(2) {
  color: var(--nds-ink-2);
  background: #F4F6F9;
}

.sf-nds-comparison tbody th {
  width: auto;

  color: var(--nds-ink);
  background: transparent;

  font-weight: 600;
}

.sf-nds-comparison tbody td:nth-child(2) {
  background: transparent;
}

.sf-nds-comparison tbody tr:last-child > * {
  border-bottom: 0;
}


/* Concluzie */

.sf-nds-comparison__conclusion {
  max-width: 80ch;
  margin: 12px 0 0;
  padding: 0 0 0 14px;

  color: var(--nds-ink);
  background: transparent;
  border-top: 0;
  border-left: 3px solid #EF570E;

  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}


/******************************
  MOTIVE
*******************************/

.sf-nds-comparison__reasons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;

  margin-top: 20px;

  overflow: hidden;

  background: var(--nds-steel-2, #C9D3DF);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 14px;
}

.sf-nds-comparison__reason {
  min-width: 0;
  padding: 24px;

  background: var(--nds-white);
  border: 0;
  border-radius: 0;
}

.sf-nds-comparison__reason h3 {
  margin: 0 0 8px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.25;
}

.sf-nds-comparison__reason p {
  margin: 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 15.5px;
  line-height: 1.6;
}


/* Furnizori */

.sf-nds-comparison__suppliers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin-top: 12px;
}

.sf-nds-comparison__suppliers span {
  padding: 3px 8px;

  color: var(--nds-ink);
  border: 1px solid var(--nds-ink);
  border-radius: 6px;

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}


/******************************
  TABLETĂ
*******************************/

@media (max-width: 992px) {

  .sf-nds-comparison__reasons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-nds-comparison__reason:last-child {
    grid-column: 1 / -1;
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-comparison__title {
    font-size: 30px;
  }

  .sf-nds-comparison__summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-comparison__summary-text {
    grid-column: auto;
  }

  .sf-nds-comparison__option {
    padding: 20px;
  }

  .sf-nds-comparison__reasons {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-comparison__reason,
  .sf-nds-comparison__reason:last-child {
    grid-column: auto;

    padding: 20px;
  }
}

/**
 * ========================================
 * NDS – Informații casetă hidraulică
 * ========================================
 */

.sf-nds-hydraulic-info {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-hydraulic-info__grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1.4fr)
		minmax(300px, 1fr);
	align-items: start;
	gap: clamp(28px, 5vw, 72px);
}


/**
 * Conținut
 */

.sf-nds-hydraulic-info__content {
	max-width: 70ch;
}

.sf-nds-hydraulic-info__title {
	margin: 0 0 20px;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-hydraulic-info__content > p {
	margin: 0 0 18px;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 17px;
	line-height: 1.7;
}


/**
 * Imagine
 */

.sf-nds-hydraulic-info__figure {
	margin: 22px 0;
	overflow: hidden;

	background: var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-hydraulic-info__figure img {
	display: block;

	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: 50% 78%;
}

.sf-nds-hydraulic-info__figure figcaption {
	padding: 9px 12px;

	color: var(--nds-ink-2);
	background: var(--nds-white);

	font-family: var(--font-family);
	font-size: 13px;
	line-height: 1.45;
}


/**
 * Sidebar
 */

.sf-nds-hydraulic-info__sidebar {
	position: sticky;
	top: 100px;

	display: grid;
	gap: 14px;
}

.sf-nds-hydraulic-info__card {
	padding: clamp(22px, 3vw, 32px);

	color: var(--nds-white);
	background: var(--nds-ink);
	border: 1px solid var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-hydraulic-info__eyebrow {
	display: block;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-hydraulic-info__card-title {
	margin: 10px 0 18px;

	color: var(--nds-white);

	font-family: var(--font-family-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.015em;
}


/**
 * Butoane
 */

.sf-nds-hydraulic-info__actions {
	display: grid;
	gap: 10px;
}

.sf-nds-hydraulic-info__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	width: 100%;
	min-height: 56px;
	padding: 10px 20px;

	border: 2px solid var(--nds-ink);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	transition:
		color var(--transition-fast),
		background-color var(--transition-fast),
		border-color var(--transition-fast),
		box-shadow var(--transition-fast),
		transform var(--transition-fast);
}

.sf-nds-hydraulic-info__button svg {
	flex: none;

	width: 22px;
	height: 22px;
}

.sf-nds-hydraulic-info__button:hover {
	box-shadow: 0 3px 0 rgba(0, 0, 0, .28);
	transform: translateY(-1px);
}

.sf-nds-hydraulic-info__button--call,
.sf-nds-hydraulic-info__button--call:link,
.sf-nds-hydraulic-info__button--call:visited {
	color: var(--nds-ink);
	background: var(--nds-accent);
	border-color: var(--nds-ink);
}

.sf-nds-hydraulic-info__button--call:hover,
.sf-nds-hydraulic-info__button--call:focus-visible {
	color: var(--nds-ink);
	background: #e8500c;
	border-color: var(--nds-ink);
}

.sf-nds-hydraulic-info__button--whatsapp,
.sf-nds-hydraulic-info__button--whatsapp:link,
.sf-nds-hydraulic-info__button--whatsapp:visited {
	color: var(--nds-white);
	background: transparent;
	border-color: var(--nds-white);
}

.sf-nds-hydraulic-info__button--whatsapp svg {
	color: #25d366;
}

.sf-nds-hydraulic-info__button--whatsapp:hover,
.sf-nds-hydraulic-info__button--whatsapp:focus-visible {
	color: var(--nds-white);
	background: rgba(255, 255, 255, .08);
	border-color: var(--nds-white);
}


/**
 * Program
 */

.sf-nds-hydraulic-info__schedule {
	margin: 16px 0 0;
}

.sf-nds-hydraulic-info__status {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-hydraulic-info__status::before {
	content: "";

	flex: none;

	width: 9px;
	height: 9px;

	background: var(--nds-green);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(20, 122, 72, .22);
}

.sf-nds-hydraulic-info__status.is-closed::before,
.sf-nds-hydraulic-info__status.inchis::before {
	background: var(--nds-steel-2);
	box-shadow: 0 0 0 3px rgba(201, 211, 223, .18);
}

.sf-nds-hydraulic-info__status strong {
	color: var(--nds-white);
	font-weight: 600;
}


/**
 * Recenzie
 */

.sf-nds-hydraulic-info__review {
	display: flex;
	flex-direction: column;
	gap: 12px;

	margin: 0;
	padding: 20px;

	background: #fff8e1;
	border: 1px solid #f1dfa6;
	border-radius: 14px;
}

.sf-nds-hydraulic-info__stars {
	color: #c98e00;

	font-family: var(--font-family);
	font-size: 15px;
	line-height: 1;
	letter-spacing: 2px;
}

.sf-nds-hydraulic-info__review blockquote {
	margin: 0;

	color: var(--nds-ink);

	font-family: var(--font-family);
	font-size: 16.5px;
	line-height: 1.5;
}

.sf-nds-hydraulic-info__review figcaption {
	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-hydraulic-info__review figcaption strong {
	color: var(--nds-ink);
	font-weight: 600;
}


/**
 * Responsive
 */

@media (max-width: 900px) {

	.sf-nds-hydraulic-info__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-hydraulic-info__content {
		max-width: none;
	}

	.sf-nds-hydraulic-info__sidebar {
		position: static;
	}

	.sf-nds-hydraulic-info__card,
	.sf-nds-hydraulic-info__review {
		max-width: 620px;
	}
}

@media (max-width: 520px) {

	.sf-nds-hydraulic-info__content > p {
		font-size: 16px;
	}

	.sf-nds-hydraulic-info__card {
		padding: 20px;
	}

	.sf-nds-hydraulic-info__card-title {
		font-size: 20px;
	}
}

/**
 * ========================================
 * NDS – Reparații casete direcție camioane
 * ========================================
 */

.sf-nds-truck-repairs {
	color: var(--nds-ink);
	background: var(--nds-white);
}


/**
 * Echivalentul clasei .doua
 */

.sf-nds-truck-repairs__grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1.4fr)
		minmax(0, 1fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: start;
}


/**
 * Echivalentul clasei .text-lung
 */

.sf-nds-truck-repairs__content {
	max-width: 70ch;
}

.sf-nds-truck-repairs__title {
	margin: 0 0 .5em;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-truck-repairs__content p {
	margin: 0 0 1em;
}


/**
 * Echivalentul clasei .lipit
 */

.sf-nds-truck-repairs__sidebar {
	position: sticky;
	top: 100px;
}


/**
 * Echivalentul claselor .card și .card-ink
 */

.sf-nds-truck-repairs__card {
	padding: clamp(20px, 3vw, 32px);

	color: var(--nds-white);
	background: var(--nds-ink);
	border: 1px solid var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-truck-repairs__eyebrow {
	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-truck-repairs__card-title {
	margin: 10px 0 16px;

	color: var(--nds-white);

	font-family: var(--font-family-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
}


/**
 * Echivalentul claselor .btn-rand și .btn
 */

.sf-nds-truck-repairs__actions {
	display: grid;
	gap: 10px;
}

.sf-nds-truck-repairs__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: 56px;
	padding: 0 24px;

	border: 2px solid var(--nds-ink);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;

	transition:
		transform .12s,
		box-shadow .12s;
}

.sf-nds-truck-repairs__button svg {
	flex: none;

	width: 22px;
	height: 22px;
}

.sf-nds-truck-repairs__button:hover {
	transform: translateY(-1px);
	box-shadow: 0 3px 0 var(--nds-ink);
}

.sf-nds-truck-repairs__button:active {
	transform: none;
	box-shadow: none;
}


/**
 * Echivalentul clasei .btn-apel
 */

.sf-nds-truck-repairs__button--call,
.sf-nds-truck-repairs__button--call:link,
.sf-nds-truck-repairs__button--call:visited,
.sf-nds-truck-repairs__button--call:hover,
.sf-nds-truck-repairs__button--call:focus-visible {
	color: var(--nds-ink);
	background: var(--nds-accent);
	border-color: var(--nds-ink);
}

.sf-nds-truck-repairs__button--call strong {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}


/**
 * Echivalentul clasei .btn-wa în interiorul .card-ink
 */

.sf-nds-truck-repairs__button--whatsapp,
.sf-nds-truck-repairs__button--whatsapp:link,
.sf-nds-truck-repairs__button--whatsapp:visited,
.sf-nds-truck-repairs__button--whatsapp:hover,
.sf-nds-truck-repairs__button--whatsapp:focus-visible {
	color: var(--nds-white);
	background: var(--nds-ink);
	border-color: var(--nds-white);
}

.sf-nds-truck-repairs__button--whatsapp:hover {
	box-shadow: 0 3px 0 var(--nds-blue);
}

.sf-nds-truck-repairs__button--whatsapp svg {
	color: #25d366;
}


/**
 * Echivalentul clasei .stare
 */

.sf-nds-truck-repairs__schedule {
	margin: 16px 0 0;

	font-size: 15px;
}

.sf-nds-truck-repairs__status {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.35;
}

.sf-nds-truck-repairs__status::before {
	content: "";

	flex: none;

	width: 9px;
	height: 9px;

	background: var(--nds-green);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(20, 122, 72, .18);
}

.sf-nds-truck-repairs__status.inchis::before,
.sf-nds-truck-repairs__status.is-closed::before {
	background: var(--nds-ink-2);
	box-shadow: 0 0 0 3px rgba(68, 83, 107, .18);
}

.sf-nds-truck-repairs__status strong {
	color: var(--nds-white);
	font-weight: 500;
}


/**
 * Echivalentul clasei .recenzie
 */

.sf-nds-truck-repairs__review-wrap {
	margin-top: 14px;
}

.sf-nds-truck-repairs__review {
	display: flex;
	flex-direction: column;
	gap: 12px;

	margin: 0;
	padding: 20px;

	background: #fff8e1;
	border: 1px solid #f1dfa6;
	border-radius: 14px;
}

.sf-nds-truck-repairs__stars {
	color: #c98e00;

	font-size: 15px;
	letter-spacing: 2px;
}

.sf-nds-truck-repairs__review blockquote {
	margin: 0;

	font-size: 16.5px;
	line-height: 1.5;
}

.sf-nds-truck-repairs__review figcaption {
	margin-top: auto;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-truck-repairs__review figcaption strong {
	color: var(--nds-ink);
	font-weight: 500;
}


/**
 * Responsive identic cu rcd.css
 */

@media (max-width: 760px) {

	.sf-nds-truck-repairs__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-truck-repairs__sidebar {
		position: static;
	}
}

/**
 * ========================================
 * NDS – Detaliu serviciu cu sidebar
 * Componentă reutilizabilă
 * ========================================
 */

.sf-nds-service-detail {
	color: var(--nds-ink);
	background: var(--nds-white);
}

.sf-nds-service-detail__grid {
	display: grid;
	grid-template-columns:
		minmax(0, 1.4fr)
		minmax(0, 1fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: start;
}

.sf-nds-service-detail__content {
	max-width: 70ch;
}

.sf-nds-service-detail__title {
	margin: 0 0 .5em;

	color: var(--nds-ink);

	font-family: var(--font-family-display);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.sf-nds-service-detail__content p {
	margin: 0 0 1em;
}

.sf-nds-service-detail__sidebar {
	position: sticky;
	top: 100px;
}


/**
 * Card
 */

.sf-nds-service-detail__card {
	padding: clamp(20px, 3vw, 32px);

	color: var(--nds-white);
	background: var(--nds-ink);
	border: 1px solid var(--nds-ink);
	border-radius: 14px;
}

.sf-nds-service-detail__eyebrow {
	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-nds-service-detail__card-title {
	margin: 10px 0 16px;

	color: var(--nds-white);

	font-family: var(--font-family-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
}


/**
 * Butoane
 */

.sf-nds-service-detail__actions {
	display: grid;
	gap: 10px;
}

.sf-nds-service-detail__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: 56px;
	padding: 0 24px;

	border: 2px solid var(--nds-ink);
	border-radius: 10px;

	font-family: var(--font-family);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;

	transition:
		transform .12s,
		box-shadow .12s;
}

.sf-nds-service-detail__button svg {
	flex: none;

	width: 22px;
	height: 22px;
}

.sf-nds-service-detail__button:hover {
	transform: translateY(-1px);
	box-shadow: 0 3px 0 var(--nds-ink);
}

.sf-nds-service-detail__button:active {
	transform: none;
	box-shadow: none;
}

.sf-nds-service-detail__button--call,
.sf-nds-service-detail__button--call:link,
.sf-nds-service-detail__button--call:visited,
.sf-nds-service-detail__button--call:hover,
.sf-nds-service-detail__button--call:focus-visible {
	color: var(--nds-ink);
	background: var(--nds-accent);
	border-color: var(--nds-ink);
}

.sf-nds-service-detail__button--call strong {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.sf-nds-service-detail__button--whatsapp,
.sf-nds-service-detail__button--whatsapp:link,
.sf-nds-service-detail__button--whatsapp:visited,
.sf-nds-service-detail__button--whatsapp:hover,
.sf-nds-service-detail__button--whatsapp:focus-visible {
	color: var(--nds-white);
	background: var(--nds-ink);
	border-color: var(--nds-white);
}

.sf-nds-service-detail__button--whatsapp:hover {
	box-shadow: 0 3px 0 var(--nds-blue);
}

.sf-nds-service-detail__button--whatsapp svg {
	color: #25d366;
}


/**
 * Program
 */

.sf-nds-service-detail__schedule {
	margin: 16px 0 0;

	font-size: 15px;
}

.sf-nds-service-detail__status {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	color: var(--nds-steel-2);

	font-family: var(--font-family);
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.35;
}

.sf-nds-service-detail__status::before {
	content: "";

	flex: none;

	width: 9px;
	height: 9px;

	background: var(--nds-green);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(20, 122, 72, .18);
}

.sf-nds-service-detail__status.inchis::before,
.sf-nds-service-detail__status.is-closed::before {
	background: var(--nds-ink-2);
	box-shadow: 0 0 0 3px rgba(68, 83, 107, .18);
}

.sf-nds-service-detail__status strong {
	color: var(--nds-white);
	font-weight: 500;
}


/**
 * Recenzie
 */

.sf-nds-service-detail__review-wrap {
	margin-top: 14px;
}

.sf-nds-service-detail__review {
	display: flex;
	flex-direction: column;
	gap: 12px;

	margin: 0;
	padding: 20px;

	background: #fff8e1;
	border: 1px solid #f1dfa6;
	border-radius: 14px;
}

.sf-nds-service-detail__stars {
	color: #c98e00;

	font-size: 15px;
	letter-spacing: 2px;
}

.sf-nds-service-detail__review blockquote {
	margin: 0;

	font-size: 16.5px;
	line-height: 1.5;
}

.sf-nds-service-detail__review figcaption {
	margin-top: auto;

	color: var(--nds-ink-2);

	font-family: var(--font-family);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.sf-nds-service-detail__review figcaption strong {
	color: var(--nds-ink);
	font-weight: 500;
}


/**
 * Responsive identic cu rcd.css
 */

@media (max-width: 760px) {

	.sf-nds-service-detail__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.sf-nds-service-detail__sidebar {
		position: static;
	}
}

/******************************
  NDS — UTILAJE INDUSTRIALE
*******************************/

.sf-nds-industrial-steering {
  width: 100%;

  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-industrial-steering *,
.sf-nds-industrial-steering *::before,
.sf-nds-industrial-steering *::after {
  box-sizing: border-box;
}


/******************************
  LAYOUT
*******************************/

.sf-nds-industrial-steering__layout {
  display: grid;
  grid-template-columns:
    minmax(0, 1.4fr)
    minmax(320px, 1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: start;
}

.sf-nds-industrial-steering__content {
  min-width: 0;
  max-width: 70ch;
}


/******************************
  TITLU
*******************************/

.sf-nds-industrial-steering__title {
  margin: 0 0 .5em;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}


/******************************
  TEXT
*******************************/

.sf-nds-industrial-steering__text {
  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 17px;
  line-height: 1.6;
}

.sf-nds-industrial-steering__text p {
  margin: 0 0 1em;
}

.sf-nds-industrial-steering__text > *:last-child {
  margin-bottom: 0;
}

.sf-nds-industrial-steering__text a {
  color: var(--nds-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}


/******************************
  IMAGINE
*******************************/

.sf-nds-industrial-steering__image {
  margin: 18px 0 22px;

  overflow: hidden;

  background: var(--nds-ink);
  border-radius: 14px;
}

.sf-nds-industrial-steering__image img {
  display: block;

  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;

  object-fit: cover;
}

.sf-nds-industrial-steering__image figcaption {
  padding: 8px 12px;

  color: var(--nds-ink-2);
  background: var(--nds-white);

  font-family: var(--font-family);
  font-size: 13px;
  line-height: 1.4;
}


/******************************
  SIDEBAR
*******************************/

.sf-nds-industrial-steering__sidebar {
  position: sticky;
  top: 100px;

  display: grid;
  gap: 14px;

  min-width: 0;
}


/******************************
  CARD CONTACT
*******************************/

.sf-nds-industrial-steering__contact {
  padding: clamp(20px, 3vw, 32px);

  color: var(--nds-white);
  background: var(--nds-ink);
  border: 1px solid var(--nds-ink);
  border-radius: 14px;
}

.sf-nds-industrial-steering__eyebrow {
  display: block;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-industrial-steering__contact-title {
  margin: 10px 0 16px;

  color: var(--nds-white);

  font-family: var(--font-family-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.25;
  text-wrap: balance;
}


/******************************
  BUTOANE
*******************************/

.sf-nds-industrial-steering__actions {
  display: grid;
  gap: 10px;
}

.sf-nds-industrial-steering__actions .btn,
.sf-nds-industrial-steering__actions .btn:link,
.sf-nds-industrial-steering__actions .btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  width: 100%;
  min-height: 56px;
  padding: 0 24px;

  border: 2px solid var(--nds-ink);
  border-radius: 7px;

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;

  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}

.sf-nds-industrial-steering__actions .btn svg {
  display: block;
  flex: 0 0 22px;

  width: 22px;
  height: 22px;
}


/* Telefon */

.sf-nds-industrial-steering__actions .btn-apel,
.sf-nds-industrial-steering__actions .btn-apel:link,
.sf-nds-industrial-steering__actions .btn-apel:visited {
  color: var(--nds-ink);
  background: #EF570E;
  border-color: var(--nds-ink);
}

.sf-nds-industrial-steering__actions .btn-apel:hover {
  color: var(--nds-ink);

  transform: translateY(-1px);
  box-shadow: 0 3px 0 var(--nds-ink);
}

.sf-nds-industrial-steering__actions .btn-apel b {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}


/* WhatsApp */

.sf-nds-industrial-steering__actions .btn-wa,
.sf-nds-industrial-steering__actions .btn-wa:link,
.sf-nds-industrial-steering__actions .btn-wa:visited {
  color: var(--nds-white);
  background: var(--nds-ink);
  border-color: var(--nds-white);
}

.sf-nds-industrial-steering__actions .btn-wa svg {
  color: #25D366;
}

.sf-nds-industrial-steering__actions .btn-wa:hover {
  color: var(--nds-white);

  transform: translateY(-1px);
  box-shadow: 0 3px 0 var(--nds-blue);
}

.sf-nds-industrial-steering__actions .btn:focus-visible {
  outline: 3px solid var(--nds-white);
  outline-offset: 3px;
}


/******************************
  PROGRAM
*******************************/

.sf-nds-industrial-steering__schedule {
  margin: 16px 0 0;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 15px;
  line-height: 1.5;
}

.sf-nds-industrial-steering__schedule .stare {
  color: var(--nds-steel-2, #C9D3DF);
}

.sf-nds-industrial-steering__schedule .stare b {
  color: var(--nds-white);
  font-weight: 500;
}


/******************************
  RECENZIE
*******************************/

.sf-nds-industrial-steering__review {
  display: flex;
  flex-direction: column;
  gap: 12px;

  margin: 0;
  padding: 20px;

  color: var(--nds-ink);
  background: #FFF8E1;
  border: 1px solid #F1DFA6;
  border-radius: 14px;
}

.sf-nds-industrial-steering__stars {
  color: #C98E00;

  font-family: var(--font-family);
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 1;
}

.sf-nds-industrial-steering__review blockquote {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 16.5px;
  line-height: 1.5;
}

.sf-nds-industrial-steering__review figcaption {
  margin-top: auto;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.sf-nds-industrial-steering__review figcaption strong {
  color: var(--nds-ink);
  font-weight: 500;
}


/******************************
  TABLETĂ ȘI MOBIL
*******************************/

@media (max-width: 900px) {

  .sf-nds-industrial-steering__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-industrial-steering__content {
    max-width: 70ch;
  }

  .sf-nds-industrial-steering__sidebar {
    position: static;
  }
}


@media (max-width: 760px) {

  .sf-nds-industrial-steering__title {
    font-size: 30px;
  }

  .sf-nds-industrial-steering__text {
    font-size: 16.5px;
  }

  .sf-nds-industrial-steering__contact {
    padding: 20px;
  }

  .sf-nds-industrial-steering__contact-title {
    font-size: 21px;
  }

  .sf-nds-industrial-steering__actions .btn {
    min-height: 54px;
    padding: 0 16px;

    font-size: 15.5px;
  }
}


/******************************
  REDUCERE ANIMAȚII
*******************************/

@media (prefers-reduced-motion: reduce) {

  .sf-nds-industrial-steering__actions .btn {
    transition: none;
  }
}

.sf-nds-industrial-steering--gray {
  background: var(--nds-steel, var(--otel, #E7ECF2));
}

/******************************
  NDS — PROCES CLIENȚI LOCALI
*******************************/

/* Pași */

.sf-nds-local-process__steps {
  display: grid;
  gap: 4px;

  margin: 20px 0 0;
  padding: 0;

  list-style: none;
}

.sf-nds-local-process__step {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 14px;
  align-items: start;

  min-width: 0;
}

.sf-nds-local-process__number {
  display: grid;
  place-items: center;

  width: 28px;
  height: 28px;

  color: var(--nds-white);
  background: var(--nds-ink);
  border-radius: 50%;

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.sf-nds-local-process__step-content {
  padding-top: 1px;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.55;
}

.sf-nds-local-process__step-content strong {
  color: var(--nds-ink);
  font-weight: 700;
}

.sf-nds-local-process__step-content span {
  color: var(--nds-ink);
}


/* Traseu */

.sf-nds-local-process__route,
.sf-nds-local-process__route:link,
.sf-nds-local-process__route:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 56px;
  margin-top: 20px;
  padding: 0 24px;

  color: var(--nds-ink);
  background: transparent;
  border: 2px solid var(--nds-ink);
  border-radius: 7px;

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
  text-decoration: none;

  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}

.sf-nds-local-process__route svg {
  flex: 0 0 22px;

  width: 22px;
  height: 22px;
}

.sf-nds-local-process__route:hover {
  color: var(--nds-white);
  background: var(--nds-ink);

  transform: translateY(-1px);
  box-shadow: 0 3px 0 #EF570E;
}

.sf-nds-local-process__route:focus-visible {
  outline: 3px solid var(--nds-blue);
  outline-offset: 3px;
}


/* A doua zonă de conținut */

.sf-nds-local-process__content-title {
  margin: 1.4em 0 .5em;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}

.sf-nds-local-process__subtitle {
  margin: 1.2em 0 .4em;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.25;
}


/* Recenzii */

.sf-nds-local-process__reviews-label {
  display: block;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-local-process__reviews {
  display: grid;
  gap: 12px;

  margin-top: 12px;
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-local-process__step {
    gap: 12px;
  }

  .sf-nds-local-process__step-content {
    font-size: 15.5px;
  }

  .sf-nds-local-process__route {
    width: 100%;
    min-height: 54px;
    padding: 0 16px;

    font-size: 15.5px;
  }

  .sf-nds-local-process__content-title {
    font-size: 30px;
  }
}


/******************************
  REDUCERE ANIMAȚII
*******************************/

@media (prefers-reduced-motion: reduce) {

  .sf-nds-local-process__route {
    transition: none;
  }
}

/**
 * ========================================
 * NDS – Simptome principale
 * ========================================
 */

.sf-nds-symptoms-preview {
  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-symptoms-preview--gray {
  background: var(--nds-steel);
}


/**
 * Antet
 */

.sf-nds-symptoms-preview__header {
  display: grid;
  gap: 14px;

  max-width: 780px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-symptoms-preview__eyebrow {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sf-nds-symptoms-preview__title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.015em;
  text-wrap: balance;
}


/**
 * Carduri
 */

.sf-nds-symptoms-preview__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.sf-nds-symptoms-preview__card {
  display: flex;
  flex-direction: column;
  gap: 10px;

  min-width: 0;
  padding: 20px 20px 16px;

  background: var(--nds-white);
  border: 1px solid var(--nds-steel-2);
  border-radius: 14px;
}

.sf-nds-symptoms-preview__card-title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.015em;
  text-wrap: balance;
}

.sf-nds-symptoms-preview__card-text {
  margin: 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 15px;
  line-height: 1.55;
}


/**
 * Link WhatsApp
 */

.sf-nds-symptoms-preview__whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-top: auto;
  padding-top: 12px;

  color: var(--nds-ink);
  border-top: 1px dashed var(--nds-steel-2);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;

  transition: color var(--transition-fast);
}

.sf-nds-symptoms-preview__whatsapp:link,
.sf-nds-symptoms-preview__whatsapp:visited {
  color: var(--nds-ink);
}

.sf-nds-symptoms-preview__whatsapp:hover,
.sf-nds-symptoms-preview__whatsapp:focus-visible {
  color: var(--nds-blue);
}

.sf-nds-symptoms-preview__whatsapp svg {
  flex: 0 0 auto;

  width: 18px;
  height: 18px;

  color: #1a9e4b;
}


/**
 * Link către toate simptomele
 */

.sf-nds-symptoms-preview__all {
  margin: 20px 0 0;
}

.sf-nds-symptoms-preview__all a {
  color: var(--nds-blue);

  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-underline-offset: 3px;
}

.sf-nds-symptoms-preview__all a:link,
.sf-nds-symptoms-preview__all a:visited {
  color: var(--nds-blue);
}

.sf-nds-symptoms-preview__all a:hover,
.sf-nds-symptoms-preview__all a:focus-visible {
  color: var(--nds-ink);
}


/**
 * Responsive
 */

@media (max-width: 1080px) {

  .sf-nds-symptoms-preview__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {

  .sf-nds-symptoms-preview__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-symptoms-preview__card {
    padding: 18px 18px 15px;
  }

  .sf-nds-symptoms-preview__card-title {
    font-size: 19px;
  }
}

/**
 * Informații locale alternative
 */

.sf-nds-hero__custom-meta {
  display: grid;
  gap: 12px;
}

.sf-nds-hero__custom-meta-text,
.sf-nds-hero__custom-meta-link {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 15px;
  line-height: 1.55;
}

.sf-nds-hero__custom-meta-link a {
  color: var(--nds-blue);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sf-nds-hero__custom-meta-link a:link,
.sf-nds-hero__custom-meta-link a:visited {
  color: var(--nds-blue);
}

.sf-nds-hero__custom-meta-link a:hover,
.sf-nds-hero__custom-meta-link a:focus-visible {
  color: var(--nds-ink);
}

/******************************
  NDS — CINE SUNTEM
*******************************/

.sf-nds-about__suppliers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin-top: 12px;
  margin-bottom: 1em;
}

.sf-nds-about__suppliers span {
  padding: 3px 8px;

  color: var(--nds-ink);
  border: 1px solid var(--nds-ink);
  border-radius: 6px;

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

/**
 * ========================================
 * NDS – Atelierul în fapte
 * ========================================
 */

.sf-nds-workshop-facts {
  color: var(--nds-ink);
  background: var(--nds-steel);
}


/**
 * Antet
 */

.sf-nds-workshop-facts__header {
  display: grid;
  gap: 14px;

  max-width: 780px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-workshop-facts__eyebrow {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sf-nds-workshop-facts__title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.015em;
  text-wrap: balance;
}


/**
 * Cifrele principale
 */

.sf-nds-workshop-facts__highlights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;

  overflow: hidden;

  background: var(--nds-steel-2);
  border: 1px solid var(--nds-steel-2);
  border-radius: 14px;
}

.sf-nds-workshop-facts__highlight {
  display: grid;
  align-content: start;
  gap: 6px;

  min-width: 0;
  padding: 22px;

  background: var(--nds-white);
}

.sf-nds-workshop-facts__highlight strong {
  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}

.sf-nds-workshop-facts__highlight span {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 15px;
  line-height: 1.5;
}


/**
 * Fișa atelierului
 */

.sf-nds-workshop-facts__details {
  margin-top: clamp(28px, 4vw, 44px);
  padding: 20px 22px;

  background: var(--nds-steel);
  border-radius: 14px;
}

.sf-nds-workshop-facts__details-title {
  margin: 0 0 10px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.sf-nds-workshop-facts__lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(28px, 5vw, 64px);
}

.sf-nds-workshop-facts__list {
  min-width: 0;
  margin: 0;
}

.sf-nds-workshop-facts__list > div {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 12px;

  padding: 8px 0;

  border-top: 1px solid var(--nds-steel-2);

  font-family: var(--font-family);
  font-size: 14.5px;
  line-height: 1.45;
}

.sf-nds-workshop-facts__list dt {
  color: var(--nds-ink-2);
  font-weight: 600;
}

.sf-nds-workshop-facts__list dd {
  min-width: 0;
  margin: 0;

  color: var(--nds-ink);
}


/**
 * Responsive
 */

@media (max-width: 1080px) {

  .sf-nds-workshop-facts__highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-nds-workshop-facts__lists {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-nds-workshop-facts__list + .sf-nds-workshop-facts__list > div:first-child {
    border-top: 1px solid var(--nds-steel-2);
  }
}

@media (max-width: 760px) {

  .sf-nds-workshop-facts__details {
    padding: 18px;
  }

  .sf-nds-workshop-facts__list > div {
    grid-template-columns: 104px minmax(0, 1fr);
  }
}

@media (max-width: 480px) {

  .sf-nds-workshop-facts__highlights {
    grid-template-columns: minmax(0, 1fr);
  }
}

/******************************
  HERO — FOTOGRAFIE ATELIER
*******************************/

.sf-nds-hero__drawings--photo {
  display: block;

  width: 100%;
  margin-top: clamp(32px, 4vw, 48px);
}

.sf-nds-hero__workshop-photo {
  position: relative;

  width: 100%;
  margin: 0;

  overflow: hidden;

  background: var(--nds-ink);
  border-radius: 14px;
}

.sf-nds-hero__workshop-photo img {
  display: block;

  width: 100%;
  height: clamp(300px, 31vw, 430px);

  object-fit: cover;
  object-position: 50% 66%;
}

.sf-nds-hero__workshop-photo figcaption {
  position: absolute;
  bottom: 14px;
  left: 14px;

  margin: 0;
  padding: 5px 10px;

  color: var(--nds-ink);
  background: var(--nds-white);
  border-radius: 6px;

  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}


/******************************
  TABLETĂ
*******************************/

@media (max-width: 992px) {

  .sf-nds-hero__drawings--photo {
    margin-top: 32px;
  }

  .sf-nds-hero__workshop-photo img {
    height: clamp(270px, 42vw, 390px);
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-hero__drawings--photo {
    margin-top: 26px;
  }

  .sf-nds-hero__workshop-photo img {
    height: clamp(220px, 62vw, 320px);

    object-position: 50% 68%;
  }

  .sf-nds-hero__workshop-photo figcaption {
    bottom: 10px;
    left: 10px;
  }
}

/******************************
  NDS — PAGINI LEGALE
*******************************/

.sf-nds-legal {
  width: 100%;

  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-legal *,
.sf-nds-legal *::before,
.sf-nds-legal *::after {
  box-sizing: border-box;
}


/* Conținut */

.sf-nds-legal__content {
  width: 100%;
  max-width: 820px;
}


/* Introducere */

.sf-nds-legal__header {
  margin-bottom: clamp(36px, 5vw, 56px);
  padding-bottom: clamp(28px, 4vw, 40px);

  border-bottom: 1px solid var(--nds-steel-2, #C9D3DF);
}

.sf-nds-legal__eyebrow {
  display: block;
  margin-bottom: 12px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-legal__title {
  max-width: 20ch;
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.15;
  text-wrap: balance;
}

.sf-nds-legal__intro {
  max-width: 65ch;
  margin: 18px 0 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 17px;
  line-height: 1.7;
}


/* Corpul paginii */

.sf-nds-legal__body {
  display: grid;
  gap: clamp(32px, 4vw, 44px);
}

.sf-nds-legal__section {
  scroll-margin-top: 110px;
}

.sf-nds-legal__section h3 {
  margin: 0 0 14px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(20px, 2vw, 23px);
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.25;
  text-wrap: balance;
}

.sf-nds-legal__section p {
  margin: 0 0 16px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 15.5px;
  line-height: 1.75;
}

.sf-nds-legal__section p:last-child {
  margin-bottom: 0;
}


/* Linkuri */

.sf-nds-legal a,
.sf-nds-legal a:link,
.sf-nds-legal a:visited {
  color: var(--nds-blue);

  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.sf-nds-legal a:hover {
  color: var(--nds-ink);
}

.sf-nds-legal a:focus-visible {
  outline: 3px solid var(--nds-blue);
  outline-offset: 3px;
}


/* Contact */

.sf-nds-legal__contact {
  padding: clamp(22px, 4vw, 30px);

  color: var(--nds-ink);
  background: var(--nds-steel, #E7ECF2);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 14px;
}

.sf-nds-legal__contact-label {
  display: block;
  margin-bottom: 10px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-legal__contact h3 {
  margin-bottom: 20px;
}

.sf-nds-legal__contact-details {
  display: grid;
  gap: 12px;

  margin: 0;

  font-style: normal;
}

.sf-nds-legal__contact-details p {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;

  margin: 0;
}

.sf-nds-legal__contact-details strong {
  color: var(--nds-ink);
  font-weight: 600;
}

.sf-nds-legal__contact-details span {
  color: var(--nds-ink-2);
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-legal__header {
    margin-bottom: 32px;
    padding-bottom: 26px;
  }

  .sf-nds-legal__title {
    font-size: 30px;
  }

  .sf-nds-legal__intro {
    font-size: 16px;
    line-height: 1.65;
  }

  .sf-nds-legal__body {
    gap: 30px;
  }

  .sf-nds-legal__section h3 {
    font-size: 20px;
  }

  .sf-nds-legal__section p {
    font-size: 15.5px;
    line-height: 1.7;
  }

  .sf-nds-legal__contact {
    padding: 20px;
  }

  .sf-nds-legal__contact-details p {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }
}

/******************************
  CONȚINUT PAGINI LEGALE
*******************************/

.sf-nds-legal__section h4 {
  margin: 24px 0 8px;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}

.sf-nds-legal__section ul,
.sf-nds-legal__section ol {
  display: grid;
  gap: 9px;

  margin: 0 0 18px;
  padding-left: 22px;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 15.5px;
  line-height: 1.7;
}

.sf-nds-legal__section li::marker {
  color: var(--nds-blue);
}

.sf-nds-legal__section li strong {
  color: var(--nds-ink);
  font-weight: 600;
}


/* Tabel cookie-uri */

.sf-nds-legal__table-wrap {
  width: 100%;
  margin: 20px 0;
  overflow-x: auto;

  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 12px;

  -webkit-overflow-scrolling: touch;
}

.sf-nds-legal__table {
  width: 100%;
  min-width: 680px;

  border: 0;
  border-collapse: collapse;

  font-family: var(--font-family);
  font-size: 14.5px;
  line-height: 1.55;
  text-align: left;
}

.sf-nds-legal__table th,
.sf-nds-legal__table td {
  padding: 15px 16px;

  border-right: 1px solid var(--nds-steel-2, #C9D3DF);
  border-bottom: 1px solid var(--nds-steel-2, #C9D3DF);

  vertical-align: top;
}

.sf-nds-legal__table tr > *:last-child {
  border-right: 0;
}

.sf-nds-legal__table tbody tr:last-child > * {
  border-bottom: 0;
}

.sf-nds-legal__table thead th {
  color: var(--nds-white);
  background: var(--nds-ink);

  font-weight: 600;
}

.sf-nds-legal__table tbody th {
  width: 180px;

  color: var(--nds-ink);
  background: var(--nds-steel, #E7ECF2);

  font-weight: 600;
}

.sf-nds-legal__table td {
  color: var(--nds-ink-2);
  background: var(--nds-white);
}

.sf-nds-legal__note {
  padding: 14px 16px;

  color: var(--nds-ink-2);
  background: var(--nds-steel, #E7ECF2);
  border-left: 4px solid var(--nds-blue);
  border-radius: 0 8px 8px 0;

  font-size: 14px !important;
  line-height: 1.6 !important;
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-legal__section ul,
  .sf-nds-legal__section ol {
    font-size: 15px;
  }

  .sf-nds-legal__table-wrap {
    margin-right: calc(-1 * clamp(16px, 4vw, 40px));
    width: calc(100% + clamp(16px, 4vw, 40px));

    border-right: 0;
    border-radius: 12px 0 0 12px;
  }
}

.sf-nds-legal__intro {
  max-width: none;
  margin: 18px 0 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 17px;
  line-height: 1.7;
}

.sf-nds-legal__content {
  width: 100%;
  max-width: none;
}

.sf-nds-legal__title {
  width: 100%;
  max-width: none;
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.15;
  text-wrap: balance;
}

/******************************
  NDS — GALERIE ATELIER
*******************************/

.sf-nds-workshop-gallery {
  width: 100%;

  color: var(--nds-ink);
  background: var(--nds-steel, #E7ECF2);
}

.sf-nds-workshop-gallery *,
.sf-nds-workshop-gallery *::before,
.sf-nds-workshop-gallery *::after {
  box-sizing: border-box;
}


/* Grid */

.sf-nds-workshop-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}


/* Card */

.sf-nds-workshop-gallery__card {
  min-width: 0;
  margin: 0;
  overflow: hidden;

  color: var(--nds-ink);
  background: var(--nds-white);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 14px;
}


/* Imagine */

.sf-nds-workshop-gallery__card img {
  display: block;

  width: 100%;
  height: clamp(210px, 22vw, 270px);

  object-fit: cover;
  object-position: 50% 76%;
}


/* Descriere */

.sf-nds-workshop-gallery__card figcaption {
  display: grid;
  gap: 3px;

  padding: 13px 16px 14px;
}

.sf-nds-workshop-gallery__card figcaption strong {
  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.sf-nds-workshop-gallery__card figcaption small {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.4;
}


/******************************
  TABLETĂ
*******************************/

@media (max-width: 900px) {

  .sf-nds-workshop-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sf-nds-workshop-gallery__card:last-child {
    grid-column: 1 / -1;
  }

  .sf-nds-workshop-gallery__card img {
    height: clamp(210px, 36vw, 280px);
  }

  .sf-nds-workshop-gallery__card:last-child img {
    height: clamp(230px, 42vw, 320px);
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-workshop-gallery__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .sf-nds-workshop-gallery__card:last-child {
    grid-column: auto;
  }

  .sf-nds-workshop-gallery__card img,
  .sf-nds-workshop-gallery__card:last-child img {
    height: clamp(210px, 62vw, 280px);
  }

  .sf-nds-workshop-gallery__card figcaption {
    padding: 12px 14px 13px;
  }
}


/******************************
  FULL BLEED BLOCK
*******************************/

.sf-full-bleed {
  position: relative;

  width: 100vw;
  max-width: none !important;

  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);

  box-sizing: border-box;
}


/*
 * Elementele full-bleed folosesc 100vw, care poate include
 * și lățimea scrollbarului vertical. Tăiem doar depășirea
 * orizontală, fără să afectăm scrollul vertical.
 *
 * Header-ul este acum fixed, deci overflow-x pe html/body
 * nu îi mai afectează comportamentul.
 */

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.wp-site-blocks,
.entry-content,
.wp-block-post-content {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}


/* Fallback pentru browsere fără overflow: clip */

@supports not (overflow: clip) {

  html,
  body,
  .wp-site-blocks,
  .entry-content,
  .wp-block-post-content {
    overflow-x: hidden;
  }
}

/******************************
  NDS — PAGINA MULȚUMIM
*******************************/

.sf-nds-thank-you {
  width: 100%;

  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-thank-you *,
.sf-nds-thank-you *::before,
.sf-nds-thank-you *::after {
  box-sizing: border-box;
}


/******************************
  HERO
*******************************/

.sf-nds-thank-you__hero {
  width: 100%;
  padding:
    clamp(32px, 5vw, 64px)
    0
    clamp(36px, 5vw, 64px);

  color: var(--nds-white);
  background: var(--nds-ink);
}

.sf-nds-thank-you__hero-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(320px, 1fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: start;
}

.sf-nds-thank-you__content {
  min-width: 0;
}

.sf-nds-thank-you__eyebrow {
  display: block;

  margin-bottom: 14px;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-thank-you__title {
  max-width: 20ch;
  margin: 0;

  color: var(--nds-white);

  font-family: var(--font-family-display);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 800;
  letter-spacing: -.015em;
  line-height: 1.1;
  text-wrap: balance;
}

.sf-nds-thank-you__lead {
  max-width: 60ch;
  margin: 20px 0 0;

  color: var(--nds-steel-2, #C9D3DF);

  font-family: var(--font-family);
  font-size: clamp(17px, 1.6vw, 20px);
  font-weight: 400;
  line-height: 1.6;
}


/******************************
  FIȘĂ CONTACT
*******************************/

.sf-nds-thank-you__contact {
  display: grid;
  gap: 16px;

  min-width: 0;
  padding: 22px;

  color: var(--nds-ink);
  background: var(--nds-white);
  border: 2px solid var(--nds-white);
  border-radius: 14px;
  box-shadow: 6px 6px 0 var(--nds-orange, #EF570E);
}

.sf-nds-thank-you__contact-title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}

.sf-nds-thank-you__actions {
  display: grid;
  gap: 10px;
}


/******************************
  BUTOANE
*******************************/

.sf-nds-thank-you__button,
.sf-nds-thank-you__button:link,
.sf-nds-thank-you__button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  width: 100%;
  min-height: 56px;
  padding: 0 20px;

  border: 2px solid var(--nds-ink);
  border-radius: 10px;

  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;

  transition:
    color var(--transition-fast, .15s ease),
    background-color var(--transition-fast, .15s ease),
    border-color var(--transition-fast, .15s ease),
    box-shadow var(--transition-fast, .15s ease),
    transform var(--transition-fast, .15s ease);
}

.sf-nds-thank-you__button svg {
  display: block;
  flex: 0 0 22px;

  width: 22px;
  height: 22px;
}

.sf-nds-thank-you__button:hover {
  transform: translateY(-1px);
}

.sf-nds-thank-you__button:active {
  transform: none;
}

.sf-nds-thank-you__button:focus-visible {
  outline: 3px solid var(--nds-blue);
  outline-offset: 3px;
}


/* WhatsApp */

.sf-nds-thank-you__button--whatsapp,
.sf-nds-thank-you__button--whatsapp:link,
.sf-nds-thank-you__button--whatsapp:visited {
  color: var(--nds-white);
  background: var(--nds-ink);
  border-color: var(--nds-ink);
}

.sf-nds-thank-you__button--whatsapp svg {
  color: #25D366;
}

.sf-nds-thank-you__button--whatsapp:hover {
  color: var(--nds-white);
  background: var(--nds-blue);
  border-color: var(--nds-blue);
  box-shadow: 0 3px 0 var(--nds-ink);
}


/* Telefon */

.sf-nds-thank-you__button--phone,
.sf-nds-thank-you__button--phone:link,
.sf-nds-thank-you__button--phone:visited {
  color: var(--nds-ink);
  background: var(--nds-orange, #EF570E);
  border-color: var(--nds-ink);
}

.sf-nds-thank-you__button--phone:hover {
  color: var(--nds-ink);
  background: var(--nds-white);
  border-color: var(--nds-ink);
  box-shadow: 0 3px 0 var(--nds-ink);
}

.sf-nds-thank-you__button--phone b {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}


/******************************
  CE SĂ PREGĂTEȘTI
*******************************/

.sf-nds-thank-you__prepare {
  width: 100%;

  color: var(--nds-ink);
  background: var(--nds-white);
}

.sf-nds-thank-you__prepare-header {
  display: grid;
  gap: 14px;

  max-width: 780px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.sf-nds-thank-you__prepare-eyebrow {
  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sf-nds-thank-you__prepare-title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.15;
  text-wrap: balance;
}


/******************************
  CARDURI
*******************************/

.sf-nds-thank-you__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.sf-nds-thank-you__card {
  display: grid;
  align-content: start;
  gap: 10px;

  min-width: 0;
  padding: 22px;

  color: var(--nds-ink);
  background: var(--nds-white);
  border: 1px solid var(--nds-steel-2, #C9D3DF);
  border-radius: 14px;
}

.sf-nds-thank-you__card-title {
  margin: 0;

  color: var(--nds-ink);

  font-family: var(--font-family-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.25;
  text-wrap: balance;
}

.sf-nds-thank-you__card p {
  margin: 0;

  color: var(--nds-ink-2);

  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.6;
}

.sf-nds-thank-you__card a {
  color: var(--nds-blue);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sf-nds-thank-you__card a:hover {
  color: var(--nds-ink);
}


/******************************
  TABLETĂ
*******************************/

@media (max-width: 900px) {

  .sf-nds-thank-you__hero-grid {
    grid-template-columns:
      minmax(0, 1.15fr)
      minmax(290px, .85fr);
    gap: 28px;
  }

  .sf-nds-thank-you__contact {
    padding: 20px;
  }

  .sf-nds-thank-you__button,
  .sf-nds-thank-you__button:link,
  .sf-nds-thank-you__button:visited {
    padding-right: 14px;
    padding-left: 14px;

    font-size: 15px;
  }
}


/******************************
  MOBIL
*******************************/

@media (max-width: 760px) {

  .sf-nds-thank-you__hero {
    padding-top: 28px;
    padding-bottom: 40px;
  }

  .sf-nds-thank-you__hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .sf-nds-thank-you__title {
    font-size: clamp(32px, 9vw, 40px);
  }

  .sf-nds-thank-you__lead {
    margin-top: 16px;

    font-size: 17px;
  }

  .sf-nds-thank-you__contact {
    padding: 18px;

    box-shadow: 4px 4px 0 var(--nds-orange, #EF570E);
  }

  .sf-nds-thank-you__button,
  .sf-nds-thank-you__button:link,
  .sf-nds-thank-you__button:visited {
    min-height: 54px;
  }

  .sf-nds-thank-you__prepare-header {
    margin-bottom: 26px;
  }

  .sf-nds-thank-you__cards {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .sf-nds-thank-you__card {
    padding: 18px;
  }
}


/******************************
  REDUCERE ANIMAȚII
*******************************/

@media (prefers-reduced-motion: reduce) {

  .sf-nds-thank-you__button {
    transition: none;
  }
}


.sf-nds-footer__legal a:hover,
.sf-nds-footer__legal a:focus-visible,
.sf-nds-footer__legal .sf-cookie-settings-trigger:hover,
.sf-nds-footer__legal .sf-cookie-settings-trigger:focus-visible {
	color: var(--nds-orange) !important;
}