/* Extra small devices (portrait phones, up to 575.98px) */

.banner3 {
  padding: 6.4rem 0;
  background-position: 45% center
}

.category-grid img {
  min-height: 24rem;
}

.banner-fixed.content-middle .banner-content {
  top: 50%;
  transform: translateY(-50%);
}

.category-grid .banner-content {
  left: 4rem;
}

.text-right .banner-content {
  left: 4rem;
}

.banner figure img {
  display: block;
  width: 100%;
  height: auto;
}

.banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 1rem;
  
}

.banner-sale .banner-content {
  left: 11%;
  top: auto;
  bottom: 13%;
}

.row {
  margin-right: 0px !important;
}

.row>* {
  position: relative;
  padding-right: 0px !important;
}

.gap-1 {
  gap: 10px !important;
}

.Row-7 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  grid-gap: 20px; /* İstediğiniz boşluk miktarını ayarlayabilirsiniz */
}

.product-variation-price {
  padding-top: 0px !important;
}

.account {
  line-height: 1.6;
}

.icon-box-icon  {
  margin-bottom: 0px !important;
}

.intro-slider .banner-content {
  top: 57% !important;
}

.footer-text {
  max-width: 300px;
  padding-top: 20px;
  color: rgb(225, 225, 225);
  max-width: 240px;
}

h3 {
  font-size: 1.5em;
}

.owl-stage {
  margin-bottom: 30px;
}

.product-gallery {
  display: flex;
  flex-wrap: wrap;
  position: sticky;
  flex-direction: column-reverse;
  padding: 40px 40px 40px 0;
}

.product-details {
  margin-top: 20px !important;
}

.r-10 {
  border-radius: 0.6rem !important;
}

.r-t {
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
}

.r-b {
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

.r-tl {
  border-top-left-radius: 0.6rem;
}

.r-tr {
  border-top-right-radius: 0.6rem;
}

.r-bl {
  border-bottom-left-radius: 0.6rem;
}

.r-br {
  border-bottom-right-radius: 0.6rem;
}

#logout:hover {
  color: #034080;
}

.product-stock-status, .product-price, .amount {
  text-wrap: nowrap;
}

.header-transparent {
  background: linear-gradient(180deg, rgba(0,0,0,1) 7%, rgba(255,255,255,0) 61%);
}


.address-box {
  border: 1px solid rgba(0, 0, 0, 0.067);
  border-radius: 0.6rem;
  padding: 10px 35px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.delivery-address, .bill-address {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 12px;
  border: 1px solid #ff5b00;
  padding: 5px;
  cursor: pointer;
}

.personal-bill-address-radio-button {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 1px solid #ff5b00;
  padding: 5px;
  cursor: pointer;
}

.delivery-address:checked, .bill-address:checked {
  background-color: #ff5b00;
}

.personal-bill-address-radio-button:checked {
  background-color: #ff5b00;
}

.add-btn {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 0.6rem;
  background-color: #ff5b00;
  border: 1px solid #ff5b00;
  color: white;
  cursor: pointer;
}

.styled-scroll {
    /* Scroll çubuğu genel stilleri */
    scrollbar-width: thin; /* İnce scroll çubuğu */

}

.styled-scroll::-webkit-scrollbar {
    /* WebKit (Chrome, Safari, Opera) scroll çubuğu stilleri */
    width: 6px; /* Scroll çubuğu genişliği */
    scrollbar-gutter: stable;
     width: 5px;
  height: 5px;
  background-color: rgba(54, 98, 162, .05);
  margin-top: 10px;
  border-radius: 50px;

}

.styled-scroll::-webkit-scrollbar-thumb {
    /* WebKit (Chrome, Safari, Opera) scroll çubuğu başparmağı stilleri */
    background-color: #ff5b00; /* Scroll çubuğu rengi */
    border-radius: 50px;
  

}

.styled-scroll::-webkit-scrollbar-track {
    /* WebKit (Chrome, Safari, Opera) scroll çubuğu iz sürücüsü stilleri */
    background-color: transparent; /* Scroll çubuğu arka planı */
}

/* Firefox için stil */
.styled-scroll {
    scrollbar-color: #ff590079 transparent;
}

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.419);
  z-index: 1000000000000000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal {
  max-width: 600px;
  width: 600px;
  max-height: 600px;
  height: auto;
  background-color: white;
  padding: 15px;
  border-radius: 0.6rem;
  overflow-y: auto;
}

label {
  cursor: pointer;
}

.modal-close-btn {
  color: #034080;
  border: none;
  background-color: transparent;
  font-size: 24px;
  cursor: pointer;
}

#add-delivery-address-modal {
  display: none;
}

#edit-delivery-address-modal {
  display: none;
}

#add-bill-address-modal {
  display: none;
}

#edit-bill-address-modal {
  display: none;
}

#corporate-billing-address-area {
  display: none;
}

#delete-pop-up {
  display: none;
}


.corporate-billing-address-area {
  display: none;
}

#search-box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000000000;
  background-color: rgba(0, 0, 0, 0.764);
  display: none;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

.search-box {
  border-radius: 0.6rem;
}

.btn-search {
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

.form-control {
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;

}

.insta:hover {
  border-color: #E1306C;
  background-color: #E1306C !important;
}

.pr-20 {
  padding-right: 20px !important;
}

@media(max-width:1200px) {
  .call {
    display: none !important;
  }
}

@media(max-width:991px) {
    .footer-text {
      max-width: 100%; 
      padding-bottom: 20px;
    }

    .Row-7 {
      margin-left: 0px;
    }

    .pr-20 {
      padding-right: 0px !important;
    }

     #wide-device-lang-menu {
      display: none !important;
    } 
}

@media(max-width:950px) {
  .container, .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
  }
}


@media (min-width: 575.98px) {
  .d-sm-flex { display: flex !important; }
  .flex-sm-row { flex-direction: row !important; }
  .flex-sm-column { flex-direction: column !important; }
  .flex-sm-row-reverse { flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { flex-direction: column-reverse !important; }
  .justify-content-sm-start { justify-content: flex-start !important; }
  .justify-content-sm-end { justify-content: flex-end !important; }
  .justify-content-sm-center { justify-content: center !important; }
  .justify-content-sm-between { justify-content: space-between !important; }
  .justify-content-sm-around { justify-content: space-around !important; }
  .align-items-sm-start { align-items: flex-start !important; }
  .align-items-sm-end { align-items: flex-end !important; }
  .align-items-sm-center { align-items: center !important; }
  .align-items-sm-baseline { align-items: baseline !important; }
  .align-items-sm-stretch { align-items: stretch !important; }
}

@media (max-width: 575.98px) {
  .container, .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .w-sm-100 {
    width: 100% !important; 
  }

  .mr-sm-0 {
    margin: 0 !important;
  }

 
}

/* Small devices (landscape phones, up to 767.98px) */
@media (min-width: 767.98px) {
  .d-md-flex { display: flex !important; }
  .flex-md-row { flex-direction: row !important; }
  .flex-md-column { flex-direction: column !important; }
  .flex-md-row-reverse { flex-direction: row-reverse !important; }
  .flex-md-column-reverse { flex-direction: column-reverse !important; }
  .justify-content-md-start { justify-content: flex-start !important; }
  .justify-content-md-end { justify-content: flex-end !important; }
  .justify-content-md-center { justify-content: center !important; }
  .justify-content-md-between { justify-content: space-between !important; }
  .justify-content-md-around { justify-content: space-around !important; }
  .align-items-md-start { align-items: flex-start !important; }
  .align-items-md-end { align-items: flex-end !important; }
  .align-items-md-center { align-items: center !important; }
  .align-items-md-baseline { align-items: baseline !important; }
  .align-items-md-stretch { align-items: stretch !important; }
 

  
}

@media(max-width:768px) {
  .product-gallery {
    padding: 0px;
    padding-top: 40px;
  }

  .product-details {
    padding-top: 0px !important;
  }

  .container, .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
  }
}

/* Medium devices (tablets, up to 991.98px) */
@media (min-width: 991.98px) {
  .d-lg-flex { display: flex !important; }
  .flex-lg-row { flex-direction: row !important; }
  .flex-lg-column { flex-direction: column !important; }
  .flex-lg-row-reverse { flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { flex-direction: column-reverse !important; }
  .justify-content-lg-start { justify-content: flex-start !important; }
  .justify-content-lg-end { justify-content: flex-end !important; }
  .justify-content-lg-center { justify-content: center !important; }
  .justify-content-lg-between { justify-content: space-between !important; }
  .justify-content-lg-around { justify-content: space-around !important; }
  .align-items-lg-start { align-items: flex-start !important; }
  .align-items-lg-end { align-items: flex-end !important; }
  .align-items-lg-center { align-items: center !important; }
  .align-items-lg-baseline { align-items: baseline !important; }
  .align-items-lg-stretch { align-items: stretch !important; }
}

/* Large devices (desktops, up to 1199.98px) */
@media (min-width: 1199.98px) {
  .d-xl-flex { display: flex !important; }
  .flex-xl-row { flex-direction: row !important; }
  .flex-xl-column { flex-direction: column !important; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { flex-direction: column-reverse !important; }
  .justify-content-xl-start { justify-content: flex-start !important; }
  .justify-content-xl-end { justify-content: flex-end !important; }
  .justify-content-xl-center { justify-content: center !important; }
  .justify-content-xl-between { justify-content: space-between !important; }
  .justify-content-xl-around { justify-content: space-around !important; }
  .align-items-xl-start { align-items: flex-start !important; }
  .align-items-xl-end { align-items: flex-end !important; }
  .align-items-xl-center { align-items: center !important; }
  .align-items-xl-baseline { align-items: baseline !important; }
  .align-items-xl-stretch { align-items: stretch !important; }
}

/* Extra large devices (large desktops, up to 1399.98px) */
@media (min-width: 1399.98px) {
  .d-xxl-flex { display: flex !important; }
  .flex-xxl-row { flex-direction: row !important; }
  .flex-xxl-column { flex-direction: column !important; }
  .flex-xxl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse { flex-direction: column-reverse !important; }
  .justify-content-xxl-start { justify-content: flex-start !important; }
  .justify-content-xxl-end { justify-content: flex-end !important; }
  .justify-content-xxl-center { justify-content: center !important; }
  .justify-content-xxl-between { justify-content: space-between !important; }
  .justify-content-xxl-around { justify-content: space-around !important; }
  .align-items-xxl-start { align-items: flex-start !important; }
  .align-items-xxl-end { align-items: flex-end !important; }
  .align-items-xxl-center { align-items: center !important; }
  .align-items-xxl-baseline { align-items: baseline !important; }
  .align-items-xxl-stretch { align-items: stretch !important; }
}