body{
  background-color: #f7f2e3;
}
.main-menu li.active > a{
  color:var(--theme-color);
}
.slick-arrow {
  left: -15px;
}
.slick-arrow.slick-next {
  right: -15px;
}
#slider {
  border-radius: 12px !important;
}
.ls-layers {
  border-radius: 12px;
}
.certifica-links ul{
  padding: 0;
  margin: 0;
}
.certifica-links li {
  font-family: var(--body-font);
  display: inline-block;
  padding-right: 15px;  
  position: relative;
}
.certifica-links .certifica-etbis{
  width: 60px;
}
.certifica-links .certifica-helal{
  width: 80px;
}
.certifica-links .certifica-yerli{
  width: 80px;
}

.category-section { margin: 80px 0; }
.category-section h2 { font-size: 35px; font-weight: 800; text-align: left; }
.category-section.hidden { display: none; }

.th-pagination .active a{
  background-color: var(--theme-color);
  color: #f7f2e3;
}
.media {
    -webkit-box-align: start;
    -ms-flex-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    align-items: flex-start;
}
.box-item .icon {
    background-color: transparent;
    color: #d0142d;
    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-top: -10px;
}
.box-item .icon i {
    line-height: 1;
    font-size: 49px;
    font-size: 3.0625rem;
}
.box-item .media-left {
    margin-right: 1.7rem;
}
.media-left, .media-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (min-width: 1300px) {  
  .container-logo-header{    
    padding-left: calc(var(--header-container-gutters) / 2) !important;
    padding-right: calc(var(--header-container-gutters) / 2) !important;
  }
}



.swiper-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
  }
  
  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .slide-content {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 15px; /* Resimlere yuvarlak köşe ekler */
  }
  
  .static-image,
  .gif-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    border-radius: 15px; /* Görsellere ve GIF'lere yuvarlak köşe */
  }
  
  .static-image {
    opacity: 1;
    transform: scale(1);
  }
  
  .gif-image {
    opacity: 0;
    transform: scale(0.8);
  }
  
  .slide-content:hover .static-image {
    opacity: 0;
    transform: scale(0.8);
  }
  
  .slide-content:hover .gif-image {
    opacity: 1;
    transform: scale(1);
  }
    /* Swiper navigasyon ve pagination stilleri */
    .swiper-button-prev,
    .swiper-button-next {
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      width: 40px;
      height: 40px;
    }
    
    .swiper-pagination-bullet-active {
      background: #ff6200;
    }
    .sub-title .icon{
      width: 40px;
    }
    .th-social ul {
      padding-left:0;
    }
    .ls-background-videos, .ls-bg-video-overlay, .ls-layers, .ls-slide-backgrounds, .ls-slide-effects{
  
      overflow: unset;
    }
    .ls-button-layer-left{
      /*margin-left: -10px !important;*/
    }
    .ls-button-layer-right{
      margin-left: 15px !important;
    }
  /* tıkla gelsin parlama efekti*/
  
/* Image container styling */
.image-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Image styling (kalp atışı + parlama) */
.image-container img {
  display: block;
  max-width: 100%;
  height: auto;
  filter: brightness(100%);
  transform-origin: center;
  animation: heartbeat 2s ease-in-out infinite, 
             brightnessPulse 1.8s ease-in-out infinite;
  will-change: transform, filter;
  z-index: 2;
}

/* Otomatik parlama halkası */
.image-container::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  pointer-events: none;
  animation: shinePulse 2s ease-in-out infinite;
  transform: translate(-50%, -50%);
  z-index: 1; /* resmi kapatmasın */
}

/* === Animations === */

/* Daha yavaş ve küçük kalp atışı */
@keyframes heartbeat {
  0%   { transform: scale(1); }
  20%  { transform: scale(1.05); }
  40%  { transform: scale(0.97); }
  60%  { transform: scale(1.05); }
  80%  { transform: scale(0.99); }
  100% { transform: scale(1); }
}

/* Parlaklık hafif titreşim */
@keyframes brightnessPulse {
  0%   { filter: brightness(100%); }
  50%  { filter: brightness(112%); }
  100% { filter: brightness(100%); }
}
  /* parlama efekti bitiş */ 
  /* Responsive ayarlar */
  @media (max-width: 768px) {
    .slide-content {
      height: 200px;
      border-radius: 10px; /* Mobilde daha küçük radius */
    }
    .static-image,
    .gif-image {
      border-radius: 10px;
    }
    .th-product .product-title {
      font-size: 18px;
    }
    .image-container{
      max-width: 100px !important;
     /* margin-left:35px;*/
      position: absolute;
      right: 15%;
      top: 0%;
      margin-top: 13px !important;
    }
    .image-container img {
      width: 70px;
      
    }
    .header-logo {
      padding-top: 10px;
    }
    .header-logo img{
      width: unset !important;
      
    }
    .slider1{
      padding-left:15px !important;
      padding-right: 15px !important;
    }
    .slider2{
      padding-left:15px !important;
      padding-right: 15px !important;
    }
  } 
  @media (max-width: 1024px) {
    .header-logo img{
      height: 90px;
      width: unset !important;
    }
  }
  .cta-wrap .cta-single:not(:last-child)::before {
    position: absolute;
    height: 200px;
    width: 2px;
    content: "";
    background-image: url(../img/cta-sp.svg);
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
}
.cta-wrap .cta-single {
    position: relative;
}
.cta-info h2 {
    font-size: 66px;
}

.text-shadow-simple {  
  text-shadow: 3px 4px 4px rgba(0,0,0,1);
}
.text-shadow-soft { 
  text-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
.text-shadow-neon {
  color: #0ff;
  font-weight: 700;
  font-size: 48px;
  text-shadow:
    0 0 2px #0ff,
    0 0 6px #0ff,
    0 0 12px rgba(0,255,255,0.4);
}
.text-outline {
  color: white;
  font-size: 48px;
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
}
/* text kabartma*/
.text-bevel {
  font-size: 36px;
  color: #222;
  text-shadow:
    0 1px 0 #fff,   /* üstte hafif ışık */
    0 -1px 0 #000;  /* altta gölge */
}
.product-about .text p {
  font-size:18px;
}
.burger-menuleri{
  /*min-height: 467px;*/
}
.mfp-content{
  max-width: 950px !important;
}
/*.category-section {
  display: none;
}*/
.resim-desktop {
    display: block !important;
}
.resim-mobil {
    display: none !important;
}

@media (max-width: 768px) {
    .resim-desktop { display: none !important; }
    .resim-mobil { display: block !important; }
}