/**
 * Toxic Luv — responsive layout (mobile ≤639px, tablet 640–1099px, desktop ≥1100px)
 */

.site-html,
.site-body.toxic-public {
  overflow-x: clip;
}

.site-body.toxic-public img,
.site-body.toxic-public video,
.site-body.toxic-public iframe {
  max-width: 100%;
  height: auto;
}

/* —— Header —— */
@media (max-width: 1099px) {
  .site-body.toxic-public .tp-header__bar {
    grid-template-columns: 1fr auto;
    gap: 0.5rem 0.75rem;
  }

  .site-body.toxic-public .tp-header__brand {
    justify-self: start;
  }
}

@media (max-width: 479px) {
  .site-body.toxic-public .tp-header__bar {
    padding-inline: 0.85rem;
  }

  .site-body.toxic-public .tp-header__logo {
    height: 28px;
  }

  .site-body.toxic-public .tp-header__buy-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .site-body.toxic-public .tp-header__actions .tp-btn--accent.tp-btn--sm {
    padding: 0.55rem 0.75rem;
    min-width: 2.5rem;
  }

  .site-body.toxic-public .tp-header__actions {
    gap: 0.4rem;
  }
}

/* —— Typography & panels —— */
@media (max-width: 639px) {
  .site-body.toxic-public {
    --tp-wrap: min(1240px, calc(100% - 1.5rem));
    --tp-section: clamp(3rem, 8vw, 4.5rem);
  }

  .site-body.toxic-public .tp-panel {
    padding: 1.25rem;
  }

  .site-body.toxic-public .tp-inner-hero {
    padding-bottom: 1.5rem;
  }

  .site-body.toxic-public .tp-inner-hero__sub {
    font-size: 0.95rem;
    line-height: 1.6;
  }

  .site-body.toxic-public .tp-blog-article__title {
    max-width: none;
  }
}

/* —— Buttons / CTAs —— */
@media (max-width: 639px) {
  .site-body.toxic-public .tp-book-shop__actions,
  .site-body.toxic-public .tp-product__actions,
  .site-body.toxic-public .tp-contact-form__actions,
  .site-body.toxic-public .tp-contact-cta__actions,
  .site-body.toxic-public .tp-footer__cta,
  .site-body.toxic-public .tp-cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  .site-body.toxic-public .tp-book-shop__actions .tp-btn,
  .site-body.toxic-public .tp-product__actions .tp-btn,
  .site-body.toxic-public .tp-contact-form__actions .tp-btn,
  .site-body.toxic-public .tp-contact-cta__actions .tp-btn,
  .site-body.toxic-public .tp-footer__cta .tp-btn,
  .site-body.toxic-public .tp-cta-row .tp-btn {
    width: 100%;
    justify-content: center;
  }

  .site-body.toxic-public .tp-hero__cta {
    flex-direction: column;
    align-items: stretch;
  }

  .site-body.toxic-public .tp-hero__cta .tp-btn {
    width: 100%;
  }
}

/* —— Home hero —— */
@media (max-width: 639px) {
  .site-body.toxic-public--home .tp-hero--mason {
    min-height: auto;
    padding-bottom: 2rem;
  }

  .site-body.toxic-public--home .tp-hero__stage {
    min-height: 300px;
    margin-top: 0.5rem;
  }

  .site-body.toxic-public--home .tp-hero__author {
    width: 38%;
    max-width: 160px;
  }

  .site-body.toxic-public--home .tp-hero__chip {
    font-size: 0.55rem;
    padding: 0.35rem 0.65rem;
  }

  .site-body.toxic-public--home .tp-hero__scroll {
    margin-left: clamp(0.85rem, 3vw, 1.5rem);
  }

  .site-body.toxic-public--home .tp-contact-cta__title {
    max-width: none;
    font-size: clamp(2rem, 9vw, 2.75rem);
  }

  .site-body.toxic-public--home .tp-book-shop__visual {
    min-height: 280px;
  }

  .site-body.toxic-public--home .tp-loader__logo {
    width: min(260px, 88vw);
    height: auto;
  }
}

/* —— Tablet —— */
@media (min-width: 640px) and (max-width: 1099px) {
  .site-body.toxic-public--home .tp-memoir-grid__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-body.toxic-public .tp-footer__kicker {
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    padding-inline: 0.5rem;
  }
}

/* —— Footer —— */
@media (max-width: 639px) {
  .site-body.toxic-public .tp-footer__stage {
    padding-inline: 0.5rem;
  }

  .site-body.toxic-public .tp-footer__quote p {
    font-size: clamp(1.35rem, 6vw, 2rem);
  }

  .site-body.toxic-public .tp-footer__email {
    font-size: 0.9rem;
    word-break: break-all;
  }

  .site-body.toxic-public .tp-footer__base-inner {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  .site-body.toxic-public .tp-footer__copy {
    font-size: 0.72rem;
    line-height: 1.5;
  }
}

/* —— Contact page —— */
@media (max-width: 959px) {
  .site-body.toxic-public .tp-contact-page__layout {
    gap: 1.25rem;
  }
}

/* —— Product tabs (detail) —— */
@media (max-width: 639px) {
  .site-body.toxic-public .tp-product-tabs__nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 0.35rem;
    padding-bottom: 0.25rem;
  }

  .site-body.toxic-public .tp-product-tabs__nav::-webkit-scrollbar {
    display: none;
  }

  .site-body.toxic-public .tp-product-tabs__btn {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* —— Blog article sidebar stacks below content on tablet —— */
@media (max-width: 1023px) {
  .site-body.toxic-public .tp-blog-article__sidebar {
    order: 2;
  }
}

/* Touch: disable custom cursor */
@media (hover: none), (max-width: 1099px) {
  .site-body.toxic-public .tp-cursor {
    display: none !important;
  }
}