/* =========================================================
   ZURYKON — Responsive overrides
   ========================================================= */

/* Large desktop refinements */
@media (min-width: 1440px) {
  .zk-hero__content {
    padding-bottom: 6.5rem;
  }
}

/* Laptop */
@media (max-width: 1200px) {
  .zk-nav__list {
    gap: 0.65rem;
  }

  .zk-featured {
    grid-template-columns: 1.15fr 1fr;
  }

  .zk-feature-card--large {
    min-height: 540px;
  }

  .zk-carousel__slide {
    flex-basis: calc((100% - 2rem) / 3);
  }

  .zk-guides-grid:not(.zk-guides-grid--page) {
    grid-template-columns: repeat(2, 1fr);
  }

  .zk-lookbook__slide {
    grid-template-columns: minmax(0, 1.25fr) minmax(14rem, 0.85fr);
  }
}

/* Tablet / small laptop */
@media (max-width: 1024px) {
  .zk-nav__list {
    display: none;
  }

  .zk-menu-toggle {
    display: inline-flex;
  }

  .zk-nav__inner {
    grid-template-columns: auto 1fr;
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
  }

  .zk-nav__actions {
    justify-self: end;
  }

  .zk-icon-btn--bag {
    display: none;
  }

  .zk-featured {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .zk-feature-card--large {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 420px;
  }

  .zk-editorial {
    grid-template-columns: 1fr;
  }

  .zk-editorial--sticky .zk-editorial__copy {
    position: static;
  }

  .zk-editorial__support {
    width: min(100%, 320px);
  }

  .zk-footer__grid {
    grid-template-columns: 1.2fr 1fr 1fr;
  }

  .zk-cat-intro {
    grid-template-columns: 1fr;
  }

  .zk-carousel__slide {
    flex-basis: calc((100% - 1rem) / 2);
  }

  .zk-lookbook__slide {
    grid-template-columns: minmax(0, 1.15fr) minmax(12rem, 0.9fr);
    min-height: min(48vh, 460px);
  }

  .zk-lookbook__media {
    min-height: min(48vh, 460px);
  }
}

/* Tablet portrait */
@media (max-width: 768px) {
  .zk-container,
  .zk-container--wide {
    width: min(100% - (var(--zk-gutter) * 2), var(--zk-container));
  }

  .zk-section {
    padding: var(--zk-section-y) 0;
  }

  .zk-section__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .zk-hero {
    min-height: min(78svh, 720px);
  }

  .zk-hero__content {
    width: min(100% - (var(--zk-gutter) * 2), var(--zk-container));
    margin-left: max(var(--zk-gutter), calc((100% - var(--zk-container)) / 2));
    margin-right: auto;
    padding: 3.5rem 0 4.5rem;
  }

  .zk-hero__scroll {
    display: none;
  }

  .zk-featured {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .zk-feature-card,
  .zk-feature-card--large {
    grid-column: auto;
    grid-row: auto;
    min-height: 360px;
  }

  .zk-split {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .zk-split__panel {
    min-height: min(42vh, 420px);
  }

  .zk-split__cta {
    opacity: 1;
    transform: none;
  }

  .zk-trend-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.35rem 0.9rem;
  }

  /* Peek scroll — avoids tiny 2-up cards on narrow tablets/phones */
  .zk-carousel__slide {
    flex: 0 0 min(70vw, 280px);
  }

  .zk-lookbook__slide {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .zk-lookbook__media {
    min-height: min(52vw, 360px);
  }

  .zk-lookbook__copy {
    border-left: 1px solid var(--zk-line);
    border-top: 0;
  }

  .zk-guides-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .zk-guide-article,
  .zk-guide-article:nth-child(even) {
    grid-template-columns: 1fr;
    direction: ltr;
  }

  .zk-footer__grid {
    grid-template-columns: 1fr 1fr;
  }

  .zk-footer__brand {
    grid-column: 1 / -1;
  }

  .zk-footer__vertical {
    display: none;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .zk-nav__inner {
    width: min(100% - (var(--zk-gutter) * 2), var(--zk-container-wide));
    min-height: 72px;
  }

  .zk-logo__text {
    font-size: 1.05rem;
    letter-spacing: 0.22em;
  }

  .zk-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .zk-btn {
    width: 100%;
  }

  .zk-product__name {
    font-size: 1rem;
  }

  .zk-product__desc {
    display: none;
  }

  .zk-trend-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .zk-feature-card,
  .zk-feature-card--large {
    min-height: 300px;
  }

  .zk-lookbook__media {
    min-height: min(56vw, 300px);
  }

  .zk-footer__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .zk-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .zk-page-hero {
    padding-top: 3rem;
  }

  .zk-editorial__title {
    font-size: clamp(1.7rem, 8vw, 2.4rem);
  }

  .zk-guides-grid {
    grid-template-columns: 1fr;
  }

  .zk-carousel__slide {
    flex: 0 0 min(78vw, 260px);
  }
}

/* Small mobile */
@media (max-width: 360px) {
  .zk-trend-grid {
    gap: 1.1rem 0.65rem;
  }

  .zk-feature-card__body,
  .zk-split__content {
    padding: 1.25rem;
  }
}

/* Touch-friendly: always show split CTA on coarse pointers */
@media (hover: none) {
  .zk-split__cta {
    opacity: 1;
    transform: none;
  }

  .zk-feature-card__media img,
  .zk-split__media img,
  .zk-product__media img,
  .zk-carousel__card img,
  .zk-guide-card__media img {
    transform: none !important;
  }
}