/* ═══════════════════════════════════════════════════════════
   PRODUTO — MOBILE OVERRIDE  (max-width: 640px)
   Este arquivo tem prioridade máxima para telas de celular.
═══════════════════════════════════════════════════════════ */
@media screen and (max-width: 640px) {

  /* ── BREADCRUMB ─────────────────────────────────────── */
  .pd-breadcrumb   { padding: 8px 12px; font-size: 11px; }

  /* ── SEÇÃO PRINCIPAL ────────────────────────────────── */
  .pd-section      { padding: 10px 12px 24px !important; overflow-x: hidden; }
  .pd-inner        { display: block !important; width: 100% !important; }

  /* ── GALERIA ────────────────────────────────────────── */
  .pd-gallery      { width: 100%; position: static !important; }
  .pd-gallery-main {
    width: 100% !important;
    height: 260px !important;
    aspect-ratio: unset !important;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .pd-gallery-main img,
  .pd-gallery-main video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .pd-thumbs-wrap  { gap: 6px; }
  .pd-thumb        { width: 56px !important; height: 56px !important; flex-shrink: 0; }
  .pd-thumb-prev,
  .pd-thumb-next   { width: 26px !important; height: 26px !important; font-size: 14px; flex-shrink: 0; }

  /* ── INFO DO PRODUTO ────────────────────────────────── */
  .pd-info         { width: 100% !important; padding-top: 4px; }
  .pd-urgency      { margin-bottom: 8px; gap: 6px; flex-wrap: wrap; }
  .urgency-badge   { font-size: 11px; padding: 3px 9px; }
  .urgency-views   { font-size: 11px; }

  .pd-title        { font-size: 16px !important; line-height: 1.35; margin-bottom: 8px; }

  .pd-stars        { margin-bottom: 10px; gap: 5px; }
  .stars-fill      { font-size: 13px; }
  .stars-score     { font-size: 12px; }
  .stars-count     { font-size: 11px; }

  /* ── CORES ──────────────────────────────────────────── */
  .pd-colors       { margin-bottom: 12px; }
  .pd-colors-label { font-size: 12px; margin-bottom: 6px; }
  .pd-color-opts   { gap: 6px; flex-wrap: wrap; }
  .pd-color-opt    { padding: 6px 10px; font-size: 12px; border-radius: 6px; }
  .pd-color-dot    { width: 12px; height: 12px; }

  /* ── PREÇO ──────────────────────────────────────────── */
  .pd-price-box    { padding: 12px !important; border-radius: 9px; margin-bottom: 12px; }
  .pd-price-row    { gap: 8px; margin-bottom: 2px; }
  .pd-price-old    { font-size: 12px; }
  .pd-badge-off    { font-size: 10px; padding: 2px 6px; }
  .pd-price-main   { font-size: 26px !important; letter-spacing: -0.5px; margin-bottom: 6px; }
  .pd-price-main small { font-size: 13px; }
  .pd-pix-row      { font-size: 12px; }
  .pd-pix-badge    { font-size: 10px; padding: 2px 6px; }
  .pd-inst         { font-size: 12px; }

  /* ── BOTÕES ─────────────────────────────────────────── */
  .pd-btns         { gap: 8px; margin-bottom: 12px; }
  .pd-btn-cart     { width: 100%; padding: 14px !important; font-size: 14px !important; border-radius: 8px; }
  .pd-btn-wpp      { width: 100%; padding: 13px !important; font-size: 14px !important; border-radius: 8px; }

  /* ── SELOS ──────────────────────────────────────────── */
  .pd-seals        { grid-template-columns: 1fr 1fr !important; gap: 6px !important; margin-bottom: 12px; }
  .pd-seal         { padding: 9px 8px !important; font-size: 11px !important; gap: 5px; border-radius: 7px; }
  .pd-seal svg     { width: 13px !important; height: 13px !important; flex-shrink: 0; }
  .pd-seal span    { font-size: 11px; line-height: 1.2; }

  /* ── ACCORDION ──────────────────────────────────────── */
  .pd-accordion    { border-radius: 8px; }
  .acc-btn         { padding: 13px 12px !important; font-size: 13px; }
  .acc-panel       { padding: 0 12px 12px !important; font-size: 13px; }
  .acc-panel li    { font-size: 12px; }

  /* ── FEATURES ───────────────────────────────────────── */
  .features-section,
  .features-section--dark { overflow-x: hidden; }
  .features-title-box    { padding: 24px 14px 16px !important; }
  .features-title-box h2 { font-size: 17px !important; }
  .ft-card               { grid-template-columns: 1fr !important; min-height: auto !important; }
  .ft-card--left .ft-video,
  .ft-card--right .ft-video { order: 1 !important; }
  .ft-card--left .ft-text,
  .ft-card--right .ft-text  { order: 2 !important; }
  .ft-video              { aspect-ratio: 16/9; }
  .ft-text               { padding: 18px 14px !important; }
  .ft-text h3            { font-size: 16px !important; margin-bottom: 10px; }
  .ft-text p             { font-size: 13px !important; margin-bottom: 16px; max-width: 100%; }
  .ft-btn                { padding: 10px 20px; font-size: 12px; }
  .ft-sublabel           { font-size: 10px; }

  /* ── FAQ DARK ───────────────────────────────────────── */
  .pd-faq          { padding: 28px 12px !important; overflow-x: hidden; }
  .pd-faq-inner    { gap: 20px !important; }
  .pd-faq-text h2  { font-size: 17px !important; margin-bottom: 14px; }
  .faq-btn         { padding: 13px 0; }
  .faq-btn h3      { font-size: 13px; }
  .faq-panel       { font-size: 13px; }
}

@media screen and (max-width: 400px) {
  .pd-gallery-main { height: 210px !important; }
  .pd-title        { font-size: 14px !important; }
  .pd-price-main   { font-size: 22px !important; }
  .pd-thumb        { width: 48px !important; height: 48px !important; }
  .pd-btn-cart,
  .pd-btn-wpp      { font-size: 13px !important; padding: 12px !important; }
  .features-title-box h2 { font-size: 15px !important; }
  .ft-text h3      { font-size: 14px !important; }
  .pd-seal span    { font-size: 10px; }
}