/* Global stil dosyası */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Permanent+Marker&family=Quicksand:wght@400;500;600;700&display=swap');

/* Tema değiştiğinde bozulabilecek elementleri düzelt */
body {
  min-height: 100vh;
  touch-action: pan-y;
}

img {
  max-width: 100%;
  height: auto;
}

.btn-floating-bottom {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
}

.bg-head{background-repeat: no-repeat;background-attachment: fixed;background-position: center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding:50px 30px;background-color:var(--bs-primary);}
.bg-head:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.2;content: "";-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;z-index: 0;background:var(--bs-primary);}

/* Mobil optimizasyonları */
html {
    overflow-x: hidden !important;
    width: 100% !important;
    position: relative !important;
    max-width: 100% !important;
}

body {
    min-height: 100vh;
    touch-action: pan-y !important;
    overflow-x: hidden !important;
    width: 100% !important;
    position: relative !important;
    max-width: 100% !important;
}

img {
    max-width: 100%;
    height: auto;
}

.container, 
.container-fluid, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl, 
.container-xxl {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.main-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Yatay kaydırmayı kesinlikle engellemek için ek önlemler */
* {
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, 
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, 
    .col-sm, .col-md, .col-lg, .col-xl, .col-xxl {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .product-col {
        width: 100%;
    }
}