.et-about {
  position:relative;
  z-index:0;
  overflow-x:hidden;
  overflow-y:visible;
  padding:clamp(44px,7vw,96px) 0;
}

/* Eliminat gutter-ul lateral pe desktop (nu mai aplicăm --et-adaptive-gutter) */
/* @media (min-width: 992px) {
  .et-about {
    padding-left: var(--et-adaptive-gutter);
    padding-right: var(--et-adaptive-gutter);
  }
  .et-about:has(.container) { padding-left: 0; padding-right: 0; }
} */

.et-about::after {
  content:"";
  position:absolute;
  top:6px;
  right:0;
  width:42vw;
  aspect-ratio:1 / 0.85;
  background:url("../img/shape_bg.png") no-repeat center / contain;
  opacity:1;
  pointer-events:none;
  transform:translateX(18%);
}
@media (min-width:768px){
  .et-about::after { top:-6px; width:clamp(160px,24vw,260px); transform:translateX(24%); opacity:.9; }
}
@media (min-width:992px){
  .et-about::after { top:-10px; width:clamp(180px,22vw,260px); transform:translateX(28%); opacity:.95; }
}
@media (min-width:1200px){
  .et-about::after { top:-14px; width:clamp(180px,20vw,260px); transform:translateX(32%); }
}
@media (min-width:1400px){
  .et-about::after { top:-20px; width:clamp(180px,18vw,280px); transform:translateX(24%); }
}
@media (max-width:420px){
  .et-about::after { display:none; }
}

.et-about-wrap {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(20px,4vw,40px);
  width:100%;
}

.et-about p { color:#75787B; }

.et-about-title {
  font-weight:600;
  font-size:38px;
  line-height:1.12;
  margin:0 0 10px;
  color:#111;
  letter-spacing:-0.02em;
}
.et-about-text {
  font-size:clamp(15px,1.8vw,16px);
  line-height:1.65;
  margin-bottom:16px;
}
.et-about-text p { margin:0 0 10px; }

.et-about-cta .et-btn.et-btn--primary {
  background:#154ADC;
  color:#fff;
  border-radius:28px;
  height:44px; min-height:44px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  transition:transform .18s ease, box-shadow .22s ease, background-color .18s ease, color .18s ease;
}
.et-about-cta .et-btn__icon {
  margin-left:8px;
  border-color: transparent;
  background: transparent;
  color:#154ADC;
  transition:transform .18s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
}
.et-about-cta .et-btn.et-btn--primary:hover,
.et-about-cta .et-btn.et-btn--primary:focus-visible {
  background:#123EC7;
  box-shadow:0 10px 24px rgba(21,74,220,0.28), 0 2px 6px rgba(0,0,0,0.06);
  transform:translateY(-1px);
}
.et-about-cta .et-btn.et-btn--primary:active {
  transform:translateY(0);
  box-shadow:0 6px 16px rgba(21,74,220,0.22);
}
.et-about-cta .et-btn.et-btn--primary:hover .et-btn__icon,
.et-about-cta .et-btn.et-btn--primary:focus-visible .et-btn__icon { transform:translateX(2px); }

.et-about-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(18px,3vw,28px);
  width:100%;
  min-width:0;
}

.et-about-card {
  display:flex;
  flex-direction:column;
  transition:opacity .6s ease, transform .6s ease;
  position:relative;
  min-width:0;
}
.et-about-icon {
  width:44px; height:44px;
  border-radius:10px;
  background:#E6EEFF;
  color:#154ADC;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
  font-size:22px;
  flex-shrink:0;
  will-change:transform;
}
.et-about-icon--img img {
  width:28px; height:28px; object-fit:contain; display:block;
}

.et-about-card-title {
  font-size:clamp(18px,2.2vw,22px);
  line-height:1.28;
  font-weight:800;
  color:#222;
  margin:0 0 6px;
  position:relative;
}
.et-card-title-link {
  position:relative;
  display:inline-block;
  padding-right:34px;
  text-decoration:none;
  color:inherit;
  line-height:1.25;
  background:none !important;
  outline:none;
}
.et-card-title-link::before {
  content:"";
  position:absolute;
  left:0; bottom:-4px;
  width:100%; height:2px;
  background:#154ADC;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s ease;
  border-radius:2px;
}
.et-card-title-link::after {
  content:"→";
  position:absolute;
  top:50%; right:6px;
  transform:translateY(-50%) translateX(-4px);
  opacity:0;
  font-weight:700;
  font-size:18px;
  color:#154ADC;
  transition:opacity .22s ease, transform .22s ease;
}
.et-card-title-link:hover::before,
.et-card-title-link:focus-visible::before { transform:scaleX(1); }
.et-card-title-link:hover::after,
.et-card-title-link:focus-visible::after {
  opacity:1;
  transform:translateY(-50%) translateX(2px);
}
.et-card-title-link:focus-visible {
  box-shadow:0 0 0 3px rgba(21,74,220,0.18);
  border-radius:6px;
}

.et-about-card-text {
  margin:0 0 12px;
  font-size:15px;
  line-height:1.6;
  min-width:0;
  word-wrap:break-word;
}

.et-about-img {
  position:relative;
  border-radius:16px;
  overflow:hidden;
  margin:0;
  background:#eef2f7;
  border:1px solid #f1f1f1;
}
.et-about-img img {
  width:100%; height:auto;
  display:block;
  border-radius:16px;
  aspect-ratio:4 / 3;
  object-fit:cover;
  transition:transform .35s ease;
  will-change:transform;
}
.et-about-img::before,
.et-about-img::after {
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  opacity:0; transition:opacity .25s ease;
}
.et-about-img::before {
  box-shadow:
    inset 0 0 0 2px rgba(21,74,220,0.15),
    inset 0 12px 28px rgba(255,255,255,0.18);
}
.et-about-img::after {
  background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.18));
  backdrop-filter:blur(6px) saturate(120%);
  -webkit-backdrop-filter:blur(6px) saturate(120%);
}
.et-about-card:hover .et-about-img::before,
.et-about-card:focus-within .et-about-img::before,
.et-about-card:hover .et-about-img::after,
.et-about-card:focus-within .et-about-img::after { opacity:1; }
.et-about-card:hover .et-about-img img,
.et-about-card:focus-within .et-about-img img { transform:scale(1.018); }

@media (min-width:992px){
  .et-about-wrap {
    grid-template-columns:minmax(300px,480px) 1fr;
    align-items:start;
  }
  .et-about-grid {
    grid-template-columns:repeat(3,minmax(220px,1fr));
    align-items:start;
  }
  
  @container (inline-size < 1150px) {
    .et-about-grid { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
  }
  .et-about-card-title { min-height:52px; }
  .et-about-card-text { min-height:72px; }
  .et-about-img { margin-top:auto; }
}

@media (min-width:992px) and (max-width:1250px){
  .et-about-grid { grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); }
  .et-about-wrap { grid-template-columns:minmax(260px,400px) 1fr; }
}

@media (max-width:991.98px){
  .et-about { padding-top:36px; }
  .et-about-wrap { gap:22px; }
  .et-about-left { text-align:left; }
  .et-about-cta { margin-top:6px; }
  .et-about-card { padding-right:2px; }
  .et-about-img img { aspect-ratio:16 / 10; }
}

@media (max-width:767.98px){
  .et-about-grid { gap:20px; }
  .et-about-card {
    background:#fff;
    border:1px solid #ECF0F5;
    border-radius:18px;
    padding:18px 18px 20px;
    box-shadow:0 2px 6px rgba(0,0,0,0.04);
  }
  .et-about-card::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    pointer-events:none;
    box-shadow:0 4px 16px -6px rgba(0,0,0,0.06);
    opacity:0;
    transition:opacity .3s;
  }
  .et-about-card:hover::after,
  .et-about-card:focus-within::after { opacity:1; }
  .et-about-card-title { font-size:20px; margin-bottom:4px; }
  .et-about-card-text { font-size:14.5px; line-height:1.55; margin-bottom:10px; }
  .et-about-icon {
    width:40px; height:40px;
    font-size:20px;
    border-radius:12px;
    margin-bottom:8px;
  }
  .et-about-icon--img img { width:26px; height:26px; }
  .et-about { padding-top:38px; padding-bottom:56px; }
  
}

.et-about-card.highlight,
.et-about-card.is-highlight {
  border:2px solid #154ADC !important;
  padding:16px 16px 18px;
  box-shadow:0 4px 18px -6px rgba(21,74,220,0.25);
}

.et-about-card-title a.et-card-title-link {
  padding-top:2px;
  padding-bottom:2px;
}

.et-animate .et-about-left,
.et-animate .et-about-card {
  opacity:0;
  transform:translateY(20px);
  will-change:opacity, transform;
}
@media (max-width:991.98px){
  .et-animate .et-about-left,
  .et-animate .et-about-card { transform:translateY(26px); }
}
.et-about.is-inview .et-about-left,
.et-about.is-inview .et-about-card {
  opacity:1;
  transform:none;
}
.et-about .et-about-card {
  transition-delay:calc(var(--i,0) * 90ms + 120ms);
}
.et-about.is-inview .et-about-left { transition-delay:60ms; }

@media (prefers-reduced-motion:reduce){
  .et-animate .et-about-left,
  .et-animate .et-about-card,
  .et-about .et-about-card,
  .et-about .et-about-left {
    transition:none !important;
    transform:none !important;
    opacity:1 !important;
  }
}

/* Admin/editor preview helpers (dacă previzualizezi în wp-admin): */
.wp-admin .et-about-editor-preview,
.wp-admin .et-about { overflow:visible !important; }
.wp-admin .et-about .container {
  max-width:var(--wp--style--global--content-size, 1200px);
  margin-inline:auto;
  padding-left:clamp(12px,2.4vw,40px);
  padding-right:clamp(12px,2.4vw,40px);
}
.wp-admin .et-about::after { opacity:.45; }