/* Хуваалцсан хуудсуудыг (бүтээгдэхүүн, төлбөр) утсанд тохируулна.
 *
 * Эдгээр хуудсанд PC/мобайл гэсэн тусдаа хувилбар байхгүй тул нэг хуудсаа
 * хоёуланд нь ажиллуулна. Загварууд нь inline style тул media query-д
 * !important шаардлагатай.
 */

@media (max-width: 820px) {

  /* ---- Ерөнхий ---- */
  .rs-pad { padding-left: 16px !important; padding-right: 16px !important; }

  /* ---- Бүтээгдэхүүний хуудас ---- */
  /* Галерей ба мэдээллийг дээр доор нь */
  .pd-top {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    padding: 18px 16px 40px !important;
  }
  .pd-title { font-size: 22px !important; }
  .pd-price { font-size: 27px !important; }
  /* Худалдан авах товчнууд багтахгүй тул мөр таслана */
  .pd-actions { flex-wrap: wrap !important; gap: 10px !important; }
  .pd-actions > a, .pd-actions > span { flex: 1 1 100% !important; }
  .pd-related { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
  .pd-tabpanel { padding: 32px 16px 24px !important; }
  .pd-tab { padding: 15px 14px !important; font-size: 13.5px !important; }
  .pd-tabs { justify-content:flex-start !important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch; }
  .pd-tabs::-webkit-scrollbar { display:none; }
  .pd-tabs button { flex:0 0 auto; }
  /* Хоёр баганат блокуудыг нэг багана болгоно */
  .pd-split { grid-template-columns: 1fr !important; gap: 14px !important; }

  /* ---- Төлбөрийн хуудас ---- */
  .co-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 22px 16px 60px !important;
  }
  /* Хураангуй нь наалдац хийхгүй, доод талд нь орно */
  .co-summary { position: static !important; }
  .co-two { grid-template-columns: 1fr !important; }
  .co-card { padding: 20px 18px !important; }

  /* ---- Толгой ба хөл ---- */
  .rs-header { padding: 10px 12px !important; min-height: 60px; }
  .rs-header-left { gap: 12px !important; min-width: 0; }
  .rs-logo { position: static !important; transform: none !important; font-size: 21px !important; white-space: nowrap; }
  .rs-brand-story { display: none !important; }
  .rs-header-actions { gap: 4px !important; }
  .rs-header-icon { width: 34px;height:34px;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto; }
  .rs-cart-count { position:absolute;right:-1px;top:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#2a54e6;color:#fff;font-size:9px;font-weight:800;line-height:17px;text-align:center; }
  .pd-page { padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important; }
  .product-bottom-nav { position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,430px);background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:9px 0 calc(11px + env(safe-area-inset-bottom));z-index:50; }
  .product-bottom-nav a { display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#8a90a3;position:relative; }
  .product-bottom-nav svg { width:22px;height:22px; }
  .product-cart-tab .rs-cart-count { right:4px;top:-7px; }
  .rs-footer { padding: 34px 16px 30px !important; }
  .rs-footer-row { flex-direction: column !important; gap: 20px !important; }
}

@media (min-width: 821px) {
  .product-bottom-nav { display: none; }
  .rs-cart-count { position:absolute;right:-8px;top:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#2a54e6;color:#fff;font-size:9px;font-weight:800;line-height:17px;text-align:center; }
  .rs-cart-icon { position: relative; }
}

/* Маш нарийн дэлгэц */
@media (max-width: 380px) {
  .pd-related { grid-template-columns: 1fr !important; }
}