/**
 * Ana sayfa vitrin — cihaz ince ayarı
 *
 * Legion Pro      ~2560×1600 (16:10)
 * HP Elite x2 vb. ~1280×800 / 1920×1280 tablet
 * Mobil           768 / 480 / 390 / 360
 */

/* ── Legion Pro / geniş laptop ─────────────────────────────────────────── */

@media (min-width: 1440px) {
  body.awp-hv-layout {
    --awp-hv-wrap-max: 1280px;
    --awp-hv-section-pad-y: 2.35rem;
  }

  .awp-hv-wrap,
  .awp-hb-component-wrap {
    width: min(var(--awp-hv-wrap-max, 1280px), calc(100% - 2.5rem));
  }

  .awp-hv-hero {
    padding: 2.75rem 0 3.25rem;
  }

  .awp-hv-hero__grid {
    gap: 2rem;
  }

  .awp-hv-hero__title {
    font-size: clamp(1.85rem, 2.4vw, 2.75rem);
  }

  .awp-hv-section {
    padding: var(--awp-hv-section-pad-y, 2.35rem) 0;
  }

  .awp-hv-head {
    margin-bottom: 1.15rem;
  }
}

@media (min-width: 1680px) {
  body.awp-hv-layout {
    --awp-hv-wrap-max: 1320px;
  }

  .awp-hv-hero__visual {
    min-height: 260px;
  }
}

@media (min-width: 1920px) {
  body.awp-hv-layout {
    --awp-hv-wrap-max: 1360px;
  }

  .awp-hv-hero {
    padding: 3rem 0 3.5rem;
  }

  .awp-hv-hero__grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 2.25rem;
  }

  .awp-hv-hero__title {
    font-size: clamp(2rem, 2.2vw, 2.85rem);
  }

  .awp-hv-hero__sub {
    font-size: 1.05rem;
    max-width: 40rem;
  }

  .awp-hv-products.awp-hv-products--layout-rail {
    --awp-hv-rail-cols: var(--awp-hv-prod-cols, 4) !important;
  }

  .awp-hv-cats .awp-hv-rail {
    --awp-hv-rail-cols: var(--awp-hv-cat-cols, 5) !important;
  }

  .awp-hv-showcase {
    grid-template-columns: repeat(var(--awp-hv-showcase-cols, 5), minmax(0, 1fr));
  }

  .awp-hv-h {
    font-size: clamp(1.35rem, 1.6vw, 1.65rem);
  }
}

@media (min-width: 2560px) {
  body.awp-hv-layout {
    --awp-hv-wrap-max: 1480px;
  }

  .awp-hv-wrap,
  .awp-hb-component-wrap {
    width: min(var(--awp-hv-wrap-max, 1480px), calc(100% - 3rem));
  }

  .awp-hv-products.awp-hv-products--layout-grid .awp-hv-rail__track {
    grid-template-columns: repeat(var(--awp-hv-prod-cols, 4), minmax(0, 1fr));
    gap: 1.15rem;
  }
}

/* ── HP tablet / tablet yatay (901–1366) ─────────────────────────────── */

@media (min-width: 901px) and (max-width: 1366px) {
  body.awp-hv-layout {
    --awp-hv-rail-gap: 0.72rem;
    --awp-hv-section-pad-y: 1.75rem;
  }

  .awp-hv-wrap,
  .awp-hb-component-wrap {
    width: min(1180px, calc(100% - 2rem));
  }

  .awp-hv-hero {
    padding: 2rem 0 2.35rem;
  }

  .awp-hv-hero__grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.82fr);
    gap: 1.15rem;
    align-items: center;
  }

  .awp-hv-hero__title {
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    line-height: 1.2;
  }

  .awp-hv-hero__sub {
    font-size: 0.94rem;
    margin-bottom: 0.85rem;
  }

  .awp-hv-hero__visual {
    min-height: 168px;
  }

  .awp-hv-pills {
    gap: 0.55rem 0.85rem;
    margin-bottom: 1rem;
    font-size: 0.78rem;
  }

  .awp-hv-section {
    padding: var(--awp-hv-section-pad-y, 1.75rem) 0;
  }

  .awp-hv-head {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
  }

  .awp-hv-h {
    font-size: 1.2rem;
  }

  .awp-hv-more {
    font-size: 0.82rem;
  }

  .awp-hv-products.awp-hv-products--layout-rail,
  .awp-hv-products .awp-hv-rail {
    --awp-hv-rail-cols: var(--awp-hv-prod-cols-tablet, 3) !important;
  }

  .awp-hv-products--layout-grid .awp-hv-rail__track {
    grid-template-columns: repeat(var(--awp-hv-prod-cols-tablet, 3), minmax(0, 1fr));
    gap: 0.72rem;
  }

  .awp-hv-cats .awp-hv-rail {
    --awp-hv-rail-cols: var(--awp-hv-cat-cols-tablet, 3) !important;
  }

  .awp-hv-showcase {
    grid-template-columns: repeat(var(--awp-hv-showcase-cols-tablet, 3), minmax(0, 1fr));
    gap: 0.72rem;
  }

  .awp-hv-rail__track {
    gap: var(--awp-hv-rail-gap, 0.72rem);
  }

  .awp-hv-rail__btn {
    width: 36px;
    height: 36px;
  }

  .awp-hv-prod h3 {
    font-size: 0.88rem;
  }

  .awp-hv-prod__chip,
  .awp-hv-prod__cta,
  .awp-hv-btn {
    min-height: 44px;
  }

  .awp-hv-how,
  .awp-hv-split {
    gap: 1.15rem;
  }

  #awp-promo-bar {
    min-height: 50px;
    gap: 10px;
    padding-inline: 12px;
  }

  .awp-promo-bar__main {
    font-size: 0.95rem;
  }

  .awp-promo-bar__cd-value {
    min-width: 2.35rem;
    padding: 0.34rem 0.44rem;
    font-size: 0.9rem;
  }
}

/* ── Tablet dikey (768–900) ──────────────────────────────────────────── */

@media (min-width: 768px) and (max-width: 900px) {
  .awp-hv-wrap,
  .awp-hb-component-wrap {
    width: min(1180px, calc(100% - 1.75rem));
  }

  .awp-hv-hero {
    padding: 1.75rem 0 2rem;
  }

  .awp-hv-hero__title {
    font-size: clamp(1.35rem, 4vw, 1.85rem);
  }

  .awp-hv-section {
    padding: 1.55rem 0;
  }

  .awp-hv-products--layout-grid .awp-hv-rail__track {
    gap: 0.65rem;
  }

  .awp-hv-prod__media {
    min-height: 0;
  }

  .awp-hv-showcase {
    gap: 0.65rem;
  }

  .awp-hv-news__inner {
    gap: 1rem;
  }
}

/* ── Mobil (≤768) ────────────────────────────────────────────────────── */

@media (max-width: 768px) {
  body.awp-hv-layout {
    --awp-hv-rail-gap: 0.62rem;
    --awp-hv-section-pad-y: 1.35rem;
  }

  .awp-hv-wrap,
  .awp-hb-component-wrap {
    width: min(1180px, calc(100% - 1.25rem));
  }

  .awp-hv-hero {
    padding: 1.35rem 0 1.65rem;
  }

  .awp-hv-hero__title {
    font-size: clamp(1.28rem, 5.2vw, 1.72rem);
    margin-bottom: 0.55rem;
  }

  .awp-hv-hero__sub {
    font-size: 0.88rem;
    line-height: 1.55;
    margin-bottom: 0.75rem;
  }

  .awp-hv-pills {
    gap: 0.45rem 0.65rem;
    margin-bottom: 0.85rem;
    font-size: 0.74rem;
  }

  .awp-hv-hero__actions {
    gap: 0.5rem;
  }

  .awp-hv-hero__actions .awp-hv-btn {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 0;
    padding-inline: 0.85rem;
    font-size: 0.86rem;
  }

  .awp-hv-section {
    padding: var(--awp-hv-section-pad-y, 1.35rem) 0;
  }

  .awp-hv-head {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.75rem;
  }

  .awp-hv-h {
    font-size: 1.08rem;
    line-height: 1.25;
  }

  .awp-hv-more {
    font-size: 0.78rem;
    white-space: nowrap;
  }

  .awp-hv-rail__track {
    gap: var(--awp-hv-rail-gap, 0.62rem);
    scroll-padding-inline: 0.25rem;
  }

  .awp-hv-prod h3 {
    font-size: 0.84rem;
    line-height: 1.35;
  }

  .awp-hv-prod__spec,
  .awp-hv-prod__kicker {
    font-size: 0.72rem;
  }

  .awp-hv-prod__chip {
    min-height: 36px;
    padding: 0.28rem 0.5rem;
    font-size: 0.74rem;
  }

  .awp-hv-prod__cta,
  .awp-hv-btn {
    min-height: 44px;
    font-size: 0.84rem;
  }

  .awp-hv-cat {
    min-height: 44px;
  }

  .awp-hv-showcase__card {
    border-radius: var(--awp-hv-radius, 6px);
  }

  .awp-hv-news__form {
    gap: 0.5rem;
  }

  .awp-hv-news__form input,
  .awp-hv-news__form .awp-hv-btn {
    min-height: 44px;
  }

  .awp-hb-hero__inner,
  .awp-hb-banner__inner {
    min-height: clamp(220px, 42vw, 320px);
  }
}

/* ── Mobil geniş telefon (≤480) ──────────────────────────────────────── */

@media (max-width: 480px) {
  body.awp-hv-layout {
    --awp-hv-section-pad-y: 1.15rem;
  }

  .awp-hv-wrap,
  .awp-hb-component-wrap {
    width: min(1180px, calc(100% - 1rem));
  }

  .awp-hv-hero {
    padding: 1.15rem 0 1.45rem;
  }

  .awp-hv-hero__title {
    font-size: clamp(1.18rem, 6vw, 1.48rem);
  }

  .awp-hv-hero__actions .awp-hv-btn {
    flex: 1 1 100%;
  }

  .awp-hv-products .awp-hv-rail,
  .awp-hv-products.awp-hv-products--layout-rail {
    --awp-hv-rail-cols: var(--awp-hv-prod-cols-mobile, 2) !important;
  }

  .awp-hv-cats .awp-hv-rail {
    --awp-hv-rail-cols: var(--awp-hv-cat-cols-mobile, 2) !important;
  }

  .awp-hv-showcase {
    grid-template-columns: repeat(var(--awp-hv-showcase-cols-mobile, 2), minmax(0, 1fr));
    gap: 0.55rem;
  }

  .awp-hv-prod__discount {
    font-size: 0.62rem;
    padding: 0.22rem 0.45rem 0.22rem 0.55rem;
  }

  .awp-hv-prod__now {
    font-size: 0.92rem;
  }

  .awp-hv-how__step {
    gap: 0.55rem;
  }

  .awp-hv-how__n,
  .awp-hv-steps__n {
    width: 28px;
    height: 28px;
    font-size: 0.82rem;
  }

  .awp-hv-how__steps::before {
    left: 13px;
  }

  .awp-hb-cta__grid {
    grid-template-columns: 1fr !important;
    gap: 0.65rem;
  }
}

/* ── iPhone / dar telefon (≤390) ───────────────────────────────────── */

@media (max-width: 390px) {
  .awp-hv-h {
    font-size: 1rem;
  }

  .awp-hv-prod h3 {
    font-size: 0.8rem;
  }

  .awp-hv-prod__body {
    padding: 0.62rem 0.65rem 0.72rem;
  }

  .awp-hv-prod__chips {
    gap: 0.28rem;
  }

  .awp-hv-prod__chip {
    min-height: 34px;
    font-size: 0.7rem;
  }

  .awp-hv-cat__label {
    font-size: 0.76rem;
  }

  .awp-hv-trust {
    gap: 0.45rem;
    font-size: 0.72rem;
  }
}

/* ── Küçük telefon (≤360) ──────────────────────────────────────────── */

@media (max-width: 360px) {
  .awp-hv-wrap,
  .awp-hb-component-wrap {
    width: min(1180px, calc(100% - 0.75rem));
  }

  .awp-hv-hero__title {
    font-size: 1.12rem;
  }

  .awp-hv-products--layout-grid .awp-hv-rail__track {
    gap: 0.48rem;
  }

  .awp-hv-showcase {
    gap: 0.48rem;
  }

  .awp-hv-prod__cta {
    padding-inline: 0.55rem;
    font-size: 0.8rem;
  }

  .awp-hv-more {
    font-size: 0.72rem;
  }
}

/* ── Dokunmatik hedefler (tablet + mobil) ────────────────────────────── */

@media (max-width: 1366px) and (hover: none), (max-width: 1366px) and (pointer: coarse) {
  .awp-hv-rail__btn,
  .awp-hv-prod__thumb,
  .awp-hv-prod__wish,
  .awp-hv-prod__swatch,
  .awp-hv-prod__step-btn {
    min-width: 44px;
    min-height: 44px;
  }

  .awp-hv-cat,
  .awp-hv-nav__all {
    min-height: 44px;
  }
}

/* ── Home Builder bileşenleri ─────────────────────────────────────────── */

@media (min-width: 1440px) {
  .awp-hb-hero__inner {
    padding-block: 3.25rem;
    min-height: max(var(--awp-hb-height, 480px), 420px);
  }

  .awp-home-builder-component h2 {
    font-size: clamp(1.45rem, 2vw, 2.1rem);
  }
}

@media (min-width: 1920px) {
  .awp-hb-hero__inner h2,
  .awp-hb-hero__inner h3 {
    font-size: clamp(2.15rem, 3.5vw, 3.6rem);
  }

  .awp-hb-grid {
    gap: 1.15rem;
  }
}

@media (min-width: 901px) and (max-width: 1366px) {
  .awp-hb-hero__inner {
    min-height: clamp(320px, 38vw, 420px);
    padding: 2.25rem max(1rem, calc((100% - 1180px) / 2));
  }

  .awp-hb-hero__inner h2,
  .awp-hb-hero__inner h3 {
    font-size: clamp(1.65rem, 3.8vw, 2.65rem);
  }

  .awp-hb-banner__inner {
    min-height: clamp(220px, 28vw, 280px);
    padding: 1.65rem;
  }

  .awp-hb-grid {
    grid-template-columns: repeat(var(--awp-hb-cols-tablet, 3), minmax(0, 1fr));
    gap: 0.85rem;
  }

  .awp-home-builder-categories,
  .awp-home-builder-products {
    padding: 1.75rem 0;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .awp-hb-hero__inner {
    min-height: clamp(280px, 44vw, 360px);
    padding: 1.85rem 1rem;
  }

  .awp-hb-hero__inner h2,
  .awp-hb-hero__inner h3 {
    font-size: clamp(1.45rem, 4.5vw, 2rem);
  }
}

@media (max-width: 768px) {
  .awp-hb-hero__inner {
    min-height: clamp(240px, 52vw, 340px);
    padding: 1.35rem 0.85rem;
  }

  .awp-hb-hero__inner h2,
  .awp-hb-hero__inner h3 {
    font-size: clamp(1.35rem, 6vw, 1.85rem);
    margin-bottom: 0.75rem;
  }

  .awp-home-builder-categories,
  .awp-home-builder-products,
  .awp-home-builder-banner,
  .awp-home-builder-cta {
    padding: 1.35rem 0;
  }

  .awp-hb-banner__inner {
    min-height: 200px;
    padding: 1.15rem;
  }

  .awp-hb-cta__inner {
    gap: 1rem;
    padding: 1.15rem;
  }
}

@media (max-width: 480px) {
  .awp-hb-product-card h3 {
    font-size: 0.88rem;
  }
}