.hero-slider{position:relative}.hero-slide[hidden]{display:none!important}.hero-slide-extra{background-size:auto 100%;background-position:right center;background-color:#eee5d8}.hero-slide h2{font-size:clamp(30px,3.2vw,48px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 16px}.hero-slide h2 em{font-style:normal;color:var(--red)}.hero-slider-controls{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:5px 8px;background:#ffffffeb;border:1px solid #e9e1d9;border-radius:30px;box-shadow:0 2px 12px #0000000c}.hero-slider-controls button{display:grid;place-items:center;border:0;background:transparent;color:#222;width:30px;height:28px;border-radius:50%;cursor:pointer}.hero-slider-controls button:focus-visible{outline:2px solid var(--red);outline-offset:3px}.hero-slider-dots{display:flex;gap:8px}.hero-slider-dots button{width:9px;height:9px;padding:0;background:#cbbfb3}.hero-slider-dots button[aria-pressed=true]{background:var(--red);transform:scale(1.2)}.hero-slide{animation:ugur-slide-in .45s ease}@keyframes ugur-slide-in{from{opacity:.4}to{opacity:1}}@media(max-width:600px){.hero-slide h2{font-size:30px;max-width:260px;letter-spacing:-1px}.hero-slide-extra{background-size:auto 60%;background-position:right bottom}.hero-slide-extra:before{background:linear-gradient(180deg,#eee5d8 15%,#eee5d8d9 45%,#eee5d800 70%)}.hero-slider-controls{bottom:9px}.hero-slide .hero-content{padding-bottom:55px}}@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}}

@media(min-width:601px){.hero-slider .hero-slide{background-size:auto 100%;background-position:right center;background-color:#e4d6c3}.hero-slider .hero-slide:before{background:linear-gradient(90deg,#eee5d833 0%,#eee5d811 36%,transparent 55%)}}
@media(max-width:600px){.hero-slider .hero-slide{background-size:auto 65%;background-position:72% bottom;background-color:#eee5d8}.hero-slider .hero-slide:before{background:linear-gradient(180deg,#eee5d8 0%,#eee5d8 30%,#eee5d8e8 45%,transparent 72%)}.hero-slider .hero-description{max-width:235px}}
