/* ---------------------------------------------------------------------------
   Web shell yerlesim sozlesmesi (DynamicPage / WebSurface)

   NEDEN VAR: shell markup'i Bootstrap 5'e gore yazilmis (container-fluid px-0,
   row g-0, row g-3). Ama tenant temalari Bootstrap 4 tarzi bir .row kurali
   servis ediyor:

       .row { margin-right: -15px; margin-left: -15px; }

   BS5'in g-* yardimcilari degisken tabanli oldugu icin (--bs-gutter-x) bu
   kurali EZEMIYOR; g-0 yazsan da marj -15px kaliyor. Ustelik container'da
   px-0 var, yani negatif marji telafi edecek padding de yok. Sonuc: shell
   viewport'u iki yandan 15px asiyor ve mobilde yatay kaydirma cikiyor.

   Canli olcum (kandogroup.com.tr, 375px, 2026-08-25): viewport=375
   scrollWidth=390, BES SAYFANIN HEPSINDE tam 15px tasma.

   COZUM: shell'in kendi satir/kolon kutularinda hem negatif marj hem de onu
   dengeleyen kolon padding'i sifirlaniyor. Ikisi zaten birbirini goturuyordu;
   modul icerigi bu yuzden dogru yerde duruyordu (hero 0..375) ve yalniz
   KUTULAR disari sarkiyordu. Ikisini birlikte sifirlamak modul geometrisini
   BIREBIR AYNI birakip tasmayi kaldiriyor - olculdu: tasma 15 -> 0, hero ve
   features 0..375'te degismedi.

   Kapsam bilincli olarak dar: yalniz .web-shell-root altindaki shell
   elemanlari. Genel .row / [class*="col-"] hedeflenmiyor ki modullerin kendi
   ic grid'leri ve tema bilesenleri etkilenmesin.
   --------------------------------------------------------------------------- */

.web-shell-root > .row,
.web-shell-root .web-shell-module-grid {
    margin-left: 0;
    margin-right: 0;
}

.web-shell-root > .row > .web-shell-region,
.web-shell-root .web-shell-module-grid > .module-wrapper {
    padding-left: 0;
    padding-right: 0;
}