/* ============================================================
   CGT DESIGN SYSTEM v3.0 — CONTAINER / PRODUCT DETAIL (MOBILE)
   File: style_css/container/mobile.css
   ============================================================ */

/* TABLET (max 960px) — stack grid */
@media (max-width: 960px) {
  .pd-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .pd-gallery {
    position: static;
  }

  .pd-rel-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* SMALL TABLET (max 640px) */
@media (max-width: 640px) {
  .pd-rel-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* MOBILE (max 600px) */
@media (max-width: 600px) {
  .pd-back {
    padding: 16px 14px 0;
  }

  .pd-grid {
    padding: 18px 14px;
    gap: 20px;
  }

  .pd-title {
    font-size: 1.35rem;
    margin-bottom: 14px;
  }

  .pd-price-final {
    font-size: 2rem;
  }

  .pd-trust {
    grid-template-columns: repeat(2, 1fr);
  }

  .pd-thumb {
    width: 60px;
    height: 60px;
  }

  .pd-btn-primary,
  .pd-btn-ebook {
    padding: 13px 16px;
    font-size: 0.92rem;
  }

  .pd-desc-box {
    padding: 14px 16px;
    font-size: 0.86rem;
  }

  .pd-related {
    padding: 32px 0 40px;
  }

  .pd-related-inner {
    padding: 0 14px;
  }

  .pd-related-title {
    font-size: 1.05rem;
  }
}