/* ===================================================
   responsive-guard.css — global yatay taşma koruması
   Tüm storefront sayfalarında geçerli. Güvenli, konservatif.
   =================================================== */

/* Sayfa asla yatay kaymasın */
html, body{ max-width: 100%; overflow-x: hidden; }

/* Yaygın taşma kaynakları asla kabı aşmasın */
img, svg, video, iframe, canvas, embed, object{ max-width: 100%; height: auto; }
table{ max-width: 100%; }

/* Uzun metin/kod/IBAN gibi kesintisiz diziler sarsın */
pre, code, kbd, samp{ white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; max-width: 100%; }

/* Çok uzun kelime/link/e-posta satırı taşırmasın */
p, li, td, th, dd, dt, span, strong, small, a, h1, h2, h3, h4, h5{ overflow-wrap: break-word; }

/* Yatayda taşabilen tablo/blok alanları kendi içinde kaydırılabilir olsun
   (sayfanın tamamını değil) */
.table-scroll, .order-scroll{ overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }