/*! custom.css v1.0 */

/* ==========================================================================

Custom CSS Stylesheet. This is where you should add your own styles!

========================================================================== */

/*
* Simple style overrides or custom adds
*/

.some-css-selector {font-size:13px;}


/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */
.container{
   width:100%;
}
@media only screen and (min-width : 1440px){
      .container{ width:80%; }
      .container-slider{ width:80%;  
            margin-right: auto;
            margin-left: auto;
            padding-left: 15px;
            padding-right: 15px;
      }
}



@media only screen and (min-width : 1200px) and (max-width : 1440px){
      .container{ width:80%; }
      .container-slider{ width:80%;  
            margin-right: auto;
            margin-left: auto;
            padding-left: 15px;
            padding-right: 15px;
      }
}

@media only screen and (min-width : 1200px) and (max-width: 1199px){
      .container{ width:95%; }
      .container-slider{ width:100%;  
            margin-right: auto;
            margin-left: auto;
      }

}


@media only screen and (min-width: 992px) and (max-width: 1199px){
      .container{ width:100%; }
      .container-slider{ width:100%;  
            margin-right: auto;
            margin-left: auto;
      }

}

@media only screen and (min-width : 320px)  and (max-width: 992px){
      .container{ width:100%; }
      .container-slider{ width:100%;   
            margin-right: auto;
            margin-left: auto;
      }

}



.site-header .header-links-container {float: right; height:auto; margin-right: 10px !important;}

.mb-02{
      margin-bottom: 2px;
}
.mb-04{
      margin-bottom: 4px;
}
.mb-04{
      margin-bottom: 6px;
}
.mb-08{
      margin-bottom: 8px;
}
.mb-2{
      margin-bottom: 20px;
}
.mb-4{
      margin-bottom: 40px;
}
.mb-5{
      margin-bottom: 50px;
}
.mb-6{
      margin-bottom: 60px;
}
.mb-8{
      margin-bottom: 80px;
}
.mb-10{
      margin-bottom: 100px;
}


.mt-2{
      margin-top 20px;
}
.mt-4{
      margin-top 40px;
}
.mt-5{
      margin-top 50px;
}
.mt-6{
      margin-top 60px;
}
.mt-8{
      margin-top 80px;
}
.mt-10{
      margin-top: 100px;
}


.ml-10{
      margin-left 10px;
}
.ml-20{
      margin-left 20px;
}
.ml-30{
      margin-left 30px;
}
.ml-40{
      margin-left 40px;
}



.mr-10{
      margin-right 10px;
}
.mr-20{
      margin-right 20px;
}
.mr-30{
      margin-right 30px;
}
.mr-40{
      margin-right 40px;
}

.fs-6{
      font-size: 6px !important;
      line-height: 1;
}

.fs-8{
      font-size: 8px !important;
      line-height: 1;
}
.fs-10{
      font-size: 10px !important;
      line-height: 1;
}
.fs-11{
      font-size: 11px !important;
      line-height: 1;
}
.fs-12{
      font-size: 12px !important;
      line-height: 1;
}
.fs-13{
      font-size: 13px !important;
      line-height: 1;
}
.fs-14{
      font-size: 14px !important;
      line-height: 1;
}
.fs-15{
      font-size: 15px !important;
      line-height: 1;
}
.fs-16{
      font-size: 16px !important;
      line-height: 1;
}
.fs-18{
      font-size: 18px !important;
      line-height: 1;
}
.fs-20{
      font-size: 20px !important;
      line-height: 1;
}
.fs-22{
      font-size: 22px !important;
      line-height: 1;
}
.fs-24{
      font-size: 24px !important;
      line-height: 1;
}
.fs-26{
      font-size: 26px !important;
      line-height: 1;
}
.fs-28{
      font-size: 28px !important;
      line-height: 1;
}
.fs-30{
      font-size: 30px !important;
      line-height: 1;
}
.fs-price-tax{
      color: #aaa;

}

.fw-100{
      font-weight: 100!important;
}
.fw-200{
      font-weight: 200!important;
}
.fw-300{
      font-weight: 300!important;
}
.fw-400{
      font-weight: 400!important;
}
.fw-500{
      font-weight: 500!important;
}


.product-list-item .kw-actions button,
.kl-store-page ul.products li.product .product-list-item .kw-actions button { text-transform: uppercase; display: inline-block; 
      background: #6e7365; color: #fff; font-size: 10px; line-height: 1; padding: 6px 10px; white-space: nowrap; margin-bottom: 3px; 
      position: relative; float: right; clear: right; font-weight: 600; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);} 
      .product-list-item .kw-actions button:hover,
      .kl-store-page ul.products li.product .product-list-item .kw-actions button:hover {background:#333; }


      .addresses-page-content-box {
          min-height: 150px;
          border: solid 1px #e2e2e2;
          border-radius: 4px;
          position: relative;
          overflow: hidden;
    }
    .addresses-page-content-box .addresses-page-content-box-header {
          background-color: #fafafa;
          border-bottom: solid 1px #e2e2e2;
          height: 42px;
          padding: 15px 15px;
          align-items: center;
          justify-content: space-between;
    }
    .addresses-page-content-box .addresses-page-content-box-header .addresses-page-content-box-header-commercial-badge {
          background-color: #E6E6E6;
          padding: 2px 5px;
          border-radius: 2px;
          line-height: 1;
    }
    .addresses-page-content-box .address-page-content-box-body-skeleton {
          margin-top: 10px;
    }
    .addresses-page-content-box .address-page-content-box-body {
          margin: 14px 15px;
    }
    .addresses-page-content-box .address-page-content-box-body span {
          line-height: 24px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
    }
    .addresses-page-content-box .address-page-content-box-actions {
          align-items: center;
          justify-content: space-between;
          position: absolute;
          bottom: 15px;
          left: 15px;
          right: 15px;
    }

    .required-field {
        border: 1px solid red;
  }


  .legalpage {background: #fff; padding: 30px 40px; border-radius: 3px; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);}

  .form-panel-bg{ 
      background-color: #FFF;
      border-radius: 10px 10px 10px 10px;
      padding: 10px 0px;
}

.all-center {
    display: flex;
    justify-content: center; /* Yatay olarak ortala */
    align-items: center; /* Dikey olarak ortala */
}

.tc-p{
      color:#707466 !important; line-height:1.3; margin:0 0 5px}
}

.arama{
      max-width: 300px;
      min-width: 100px;
      width: 15%;
}



.textbtn {
  background:none;
  border:none;
  margin:0;
  padding:0;
  cursor: pointer;
}


.textseparator{      
  width: 100%;
  height: 1px;
  background-color: #ccc; /* Separator rengi */
  margin: 20px 0; /* İstenilen boşluk */
}