/* Slider pagina principala - utilajedefasonare.ro */
.udf-hero{--red:#ee1c25;--dark:#1d2026;--ink:#333;position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:#eef0f3 url(textura.jpg) center/cover;font-family:"Roboto",Arial,sans-serif;isolation:isolate}
.udf-hero *{box-sizing:border-box}
.udf-hero__track{position:relative;height:clamp(500px,41vw,760px)}
.udf-slide{position:absolute;inset:0;background:var(--bg) right center/cover no-repeat;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.udf-slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.udf-slide__media{display:none}
.udf-slide__inner{position:relative;height:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center}
.udf-slide__text{width:min(560px,46%);padding-bottom:20px}
.udf-kicker{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 18px}
.udf-kicker:before{content:"";width:34px;height:3px;background:var(--red)}
.udf-title{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:clamp(34px,3.6vw,58px);line-height:1.08;color:var(--dark);margin:0 0 20px;letter-spacing:-.01em}
.udf-title em{font-style:normal;color:var(--red)}
.udf-lead{font-size:clamp(16px,1.15vw,18px);line-height:1.6;color:#4a4f57;margin:0 0 30px;max-width:480px}
.udf-actions{display:flex;flex-wrap:wrap;gap:12px}
.udf-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none!important;border:2px solid var(--red);transition:background .25s,color .25s,transform .25s}
.udf-btn--solid{background:var(--red);color:#fff!important}
.udf-btn--solid:hover{background:var(--dark);border-color:var(--dark)}
.udf-btn--ghost{background:transparent;color:var(--dark)!important;border-color:var(--dark)}
.udf-btn--ghost:hover{background:var(--dark);color:#fff!important}
.udf-btn svg{width:18px;height:18px;flex:none}
/* animatii text */
.udf-slide .udf-kicker,.udf-slide .udf-title,.udf-slide .udf-lead,.udf-slide .udf-actions{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.udf-slide.is-active .udf-kicker{opacity:1;transform:none;transition-delay:.25s}
.udf-slide.is-active .udf-title{opacity:1;transform:none;transition-delay:.4s}
.udf-slide.is-active .udf-lead{opacity:1;transform:none;transition-delay:.55s}
.udf-slide.is-active .udf-actions{opacity:1;transform:none;transition-delay:.7s}
/* navigare */
.udf-hero__nav{position:absolute;left:0;right:0;bottom:clamp(40px,5.4vw,96px);z-index:3;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:18px}
.udf-dots{display:flex;gap:10px}
.udf-dot{width:34px;height:4px;padding:0;border:0;background:rgba(29,32,38,.25);cursor:pointer;position:relative;overflow:hidden}
.udf-dot span{position:absolute;inset:0;background:var(--red);transform:scaleX(0);transform-origin:left}
.udf-dot.is-active span{animation:udfBar var(--dur,6.5s) linear forwards}
.udf-hero.is-paused .udf-dot.is-active span{animation-play-state:paused}
@keyframes udfBar{to{transform:scaleX(1)}}
.udf-arrows{display:flex;gap:8px;margin-left:auto}
.udf-arrow{width:48px;height:48px;border:0;background:var(--dark);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s}
.udf-arrow:hover{background:var(--red)}
.udf-arrow svg{width:20px;height:20px}
.udf-hero :focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media (max-width:1199px){.udf-slide{background-position:72% center}.udf-slide__text{width:52%}}
/* telefon si tableta: poza sus, text jos */
@media (max-width:991px){
  .udf-hero__track{height:auto;display:grid}
  .udf-slide{position:relative;grid-area:1/1;background:none;inset:auto}
  .udf-slide__media{display:block;position:relative;aspect-ratio:9/7;max-height:62vh;width:100%;background:var(--bgm) center/cover no-repeat;clip-path:polygon(0 0,100% 0,100% 88%,86% 100%,0 100%)}
  .udf-slide__media:after{content:"";position:absolute;left:0;top:0;width:38%;height:10px;background:var(--red)}
  .udf-slide.is-active .udf-slide__media{animation:udfZoomM 7s ease-out both}
  .udf-slide__inner{height:auto;display:block;padding:26px 20px 92px}
  .udf-slide__text{width:100%;padding:0}
  .udf-kicker{font-size:12px;margin-bottom:12px}
  .udf-title{font-size:clamp(28px,7.4vw,40px);margin-bottom:14px}
  .udf-lead{font-size:16px;margin-bottom:22px}
  .udf-hero__nav{bottom:24px}
}
@keyframes udfZoomM{from{background-size:108%}to{background-size:100%}}
@media (max-width:480px){.udf-btn{flex:1 1 100%;justify-content:center}.udf-arrow{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.udf-slide,.udf-slide *{transition:none!important;animation:none!important}}