/* HepsiTenis Kurumsal Slider */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ht-slider { position: relative; border-bottom: 1px solid var(--ht-border); }
.ht-slider__viewport { position: relative; overflow: hidden; }
.ht-slider__track { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; transition: transform .4s ease; }
.ht-slide { position: relative; width: 100%; height: 420px; display: flex; align-items: center; justify-content: center; }
@media (max-width: 980px) { .ht-slide { height: 280px; } }

/* Letterbox container */
.ht-slide__box { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ht-slide__img { position: absolute; inset: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(255,255,255,.9); }

/* Overlay content */
.ht-slide__content { position: absolute; left: 0; right: 0; bottom: 52px; z-index: 2; color: var(--ht-dark); padding: 0 18px; width: 100%; display:flex; justify-content:center; align-items:center; }
.ht-slide__content .ht-container { padding: 0; width: 100%; display:flex; justify-content:center; }
.ht-slide__panel { position: relative; display: flex; flex-direction: column; gap: 14px; align-items: center; max-width: min(540px, 90vw); margin: 0 auto; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; backdrop-filter: none; text-align: center; }
.ht-slide__panel::before { display: none; }
.ht-slide__title { font-size: clamp(24px, 3.4vw, 38px); line-height: 1.18; font-weight: 700; margin: 0; color: var(--ht-dark); letter-spacing: -0.012em; font-family: "Helvetica Neue", Helvetica, Arial, var(--ht-font-heading); text-align: center; }
.ht-slide__subtitle { margin: 0; color: var(--ht-gray-700); font-size: clamp(15px, 1.45vw, 18px); line-height: 1.55; font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; max-width: 480px; }
.ht-slide__actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.ht-slide__actions .ht-btn--primary { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 13px 36px; border-radius: 999px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: var(--ht-green-600); background: transparent; border: 2px solid rgba(27,94,32,.9); box-shadow: 0 14px 30px rgba(12,50,20,.14); overflow: hidden; z-index: 0; transition: color .2s ease, transform .18s ease, box-shadow .18s ease; isolation: isolate; }
.ht-slide__actions .ht-btn--primary::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(145deg, #1c4726 0%, var(--ht-green) 52%, var(--ht-green-600) 100%); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; z-index: -2; }
.ht-slide__actions .ht-btn--primary::after { content: ""; position: absolute; top: 50%; left: -40%; width: 28%; height: 160%; border-radius: 20%; background: rgba(255,255,255,.45); transform: translateY(-50%) rotate(18deg); opacity: 0; transition: transform .35s ease, opacity .35s ease; z-index: -1; }
.ht-slide__actions .ht-btn--primary:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 24px 46px rgba(12,50,20,.28); }
.ht-slide__actions .ht-btn--primary:hover::before { transform: scaleX(1); }
.ht-slide__actions .ht-btn--primary:hover::after { transform: translate(180%, -50%) rotate(18deg); opacity: .9; }
.ht-slide__actions .ht-btn--primary:active { transform: translateY(0); box-shadow: 0 16px 32px rgba(12,50,20,.26); }
.ht-slide__actions .ht-btn--primary:focus-visible { outline: 3px solid rgba(27,94,32,.28); outline-offset: 4px; color: #fff; }
.ht-slide__actions .ht-btn--primary:focus-visible::before { transform: scaleX(1); }
@media (max-width: 980px){
  .ht-slide__content { bottom: 28px; }
  .ht-slide { height: 300px; }
  .ht-slide__panel { max-width: 94vw; gap: 12px; }
}

@media (max-width: 640px){
  .ht-slide { height: 260px; }
  .ht-slide__content { bottom: 22px; }
  .ht-slide__title { font-size: 24px; }
  .ht-slide__subtitle { font-size: 15px; }
  .ht-slide__actions { gap: 12px; }
}

/* Arrows */
.ht-slider__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 42px; height: 42px; border-radius: 999px; background: #fff; color: var(--ht-dark); border: 1px solid var(--ht-border); display:flex; align-items:center; justify-content:center; cursor: pointer; box-shadow: 0 6px 18px rgba(2,6,23,.10); }
.ht-slider__arrow:hover { border-color: var(--ht-green); color: var(--ht-green); }
.ht-slider__arrow--prev { left: 12px; }
.ht-slider__arrow--next { right: 12px; }

/* Dots with preview */
.ht-slider__dots { position: absolute; bottom: 12px; left: 0; right: 0; display:flex; align-items:center; justify-content:center; gap: 8px; z-index: 6; }
.ht-slider__dot { position: relative; width: 12px; height: 12px; border-radius: 999px; background: rgba(15,23,42,.25); border: 1px solid rgba(15,23,42,.25); cursor: pointer; }
.ht-slider__dot.is-active { background: var(--ht-green); border-color: var(--ht-green); }
.ht-slider__dot:hover { background: var(--ht-green-600); border-color: var(--ht-green-600); }
.ht-slider__thumb { position: absolute; left: 50%; transform: translateX(-50%) translateY(-8px); bottom: 100%; width: 140px; height: 80px; border-radius: 10px; overflow: hidden; border: 1px solid var(--ht-border); box-shadow: 0 10px 30px rgba(2,6,23,.10); background: #fff; display:none; }
.ht-slider__dot:hover .ht-slider__thumb { display:block; }
.ht-slider__thumb img { width: 100%; height: 100%; object-fit: cover; display:block; }

/* Corporate background default if none provided inline */
.ht-slider { background: linear-gradient(140deg, #e8ffe1 0%, #ffffff 40%, #f5ffe0 100%); }