/* Canlıdan çıkarılan Elementor içerikleri için ortak temel (Elementor ve Woodmart yüklenmeden).
   Sayfaya özel kurallar assets/css/el/<sayfa>.css içinde (.el-kok altında). Burada yalnızca:
   kap genişliği, tam genişlik bölümler, durum sınıfları (açık akordeon vb.), simge yazı tipi yerine CSS çizimleri. */

/* Woodmart kabı: 1370 px içerik + 15 px yan boşluk */
.el-sayfa{max-width:1400px;margin-inline:auto;padding-inline:15px}
.el-kok{color:var(--metin);font:400 15px/1.6 var(--f-govde)}
.el-kok img{max-width:100%;height:auto}
.el-kok a{color:inherit}
.el-kok p:empty{display:none}

/* Tam genişlik (Woodmart "section stretch") */
.el-kok .wd-section-stretch{max-width:none!important;--width:auto}
.el-kok{--wd-scroll-w:0px;--wd-sticky-nav-w:0px}

/* Akordeon: açık hâl (Woodmart betiğinin eklediği .wd-active sınıfı) */
.el-kok .wd-accordion-title{cursor:pointer}
.el-kok .wd-accordion-item.wd-active>.wd-accordion-content{display:block;opacity:1}
.el-kok .wd-accordion-opener{position:relative;display:inline-block;flex:none;width:1em;height:1em;color:currentColor}
.el-kok .wd-accordion-opener::before,.el-kok .wd-accordion-opener::after{content:"";position:absolute;left:10%;right:10%;top:50%;height:2px;margin-top:-1px;background:currentColor;font-family:inherit;transition:transform .25s}
.el-kok .wd-opener-style-plus .wd-accordion-opener::after{transform:rotate(90deg)}
.el-kok .wd-accordion-item.wd-active .wd-opener-style-plus .wd-accordion-opener::after,
.el-kok .wd-opener-style-plus .wd-accordion-item.wd-active .wd-accordion-opener::after{transform:rotate(0)}
.el-kok .wd-opener-style-arrow .wd-accordion-opener::before{display:none}
.el-kok .wd-opener-style-arrow .wd-accordion-opener::after{left:25%;right:auto;width:.4em;height:.4em;top:30%;background:none;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.el-kok .wd-accordion-item.wd-active .wd-opener-style-arrow .wd-accordion-opener::after{transform:rotate(-135deg);top:45%}

/* Karusel: kaydırmalı şerit (Swiper yerine) */
.el-kok .wd-carousel{--wd-carousel-overflow:hidden}
.el-kok .wd-carousel-wrap{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;transform:none!important;cursor:grab}
.el-kok .wd-carousel-wrap::-webkit-scrollbar{display:none}
.el-kok .wd-carousel-wrap.el-surukle{cursor:grabbing;scroll-snap-type:none}
.el-kok .wd-carousel-item{scroll-snap-align:start;transform:none!important}
.el-kok .wd-carousel{--wd-col:var(--wd-col-lg)}
@media (max-width:1024px){.el-kok .wd-carousel{--wd-col:var(--wd-col-md)}}
@media (max-width:768.98px){.el-kok .wd-carousel{--wd-col:var(--wd-col-sm)}}
.el-kok .wd-carousel{--wd-gap:var(--wd-gap-lg)}
@media (max-width:768.98px){.el-kok .wd-carousel{--wd-gap:var(--wd-gap-sm,var(--wd-gap-lg))}}
.el-kok .wd-arrow-inner::after{content:"";font-family:inherit;width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0}
.el-kok .wd-prev .wd-arrow-inner::after{transform:rotate(135deg);margin-left:4px}
.el-kok .wd-next .wd-arrow-inner::after{transform:rotate(-45deg);margin-right:4px}
.el-kok .swiper-notification{display:none}

/* Elementor görünürlük sınıfları (Elementor kırılımları: tablet ≤1024, mobil ≤767) */
@media (min-width:1025px){.el-kok .elementor-hidden-desktop{display:none!important}}
@media (min-width:768px) and (max-width:1024px){.el-kok .elementor-hidden-tablet{display:none!important}}
@media (max-width:767px){.el-kok .elementor-hidden-mobile{display:none!important}}

/* Video: kontrolsüz tam genişlik */
.el-kok video{max-width:100%;display:block}
.el-kok :is(i,em){font-style:italic}
.el-kok :is(b,strong){font-weight:bolder}
/* Woodmart simge yazı tipi (woodmart-font) yüklenmiyor: simge karakterleri yerine CSS çizimleri her zaman kazansın */
.el-kok .wd-accordion-opener::before,.el-kok .wd-accordion-opener::after,.el-kok .wd-arrow-inner::after{content:""!important;font-family:inherit!important}
.el-kok .wd-accordion-opener{font-size:20px}

/* Elementor giriş animasyonları (canlıdaki gibi kaydırınca belirir). Betik yoksa (html.js yok) içerik baştan görünür. */
html.js .el-kok [data-el-anim]:not(.el-anim-tamam){opacity:0}
.el-kok .el-anim-tamam{animation-duration:1.25s;animation-fill-mode:both;animation-delay:var(--el-gecikme,0ms)}
.el-kok .el-anim-tamam[data-el-anim="fadeIn"]{animation-name:el-fadeIn}
.el-kok .el-anim-tamam[data-el-anim="fadeInUp"]{animation-name:el-fadeInUp}
.el-kok .el-anim-tamam[data-el-anim="fadeInDown"]{animation-name:el-fadeInDown}
.el-kok .el-anim-tamam[data-el-anim="fadeInLeft"]{animation-name:el-fadeInLeft}
.el-kok .el-anim-tamam[data-el-anim="fadeInRight"]{animation-name:el-fadeInRight}
.el-kok .el-anim-tamam[data-el-anim="zoomIn"]{animation-name:el-zoomIn}
.el-kok .el-anim-tamam[data-el-anim="slideInUp"]{animation-name:el-slideInUp}
.el-kok .el-anim-tamam[data-el-anim="slideInLeft"]{animation-name:el-slideInLeft}
.el-kok .el-anim-tamam[data-el-anim="slideInRight"]{animation-name:el-slideInRight}
.el-kok .el-anim-tamam[data-el-anim="bounceIn"]{animation-name:el-zoomIn}
@keyframes el-fadeIn{from{opacity:0}to{opacity:1}}
@keyframes el-fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
@keyframes el-fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
@keyframes el-fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
@keyframes el-fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
@keyframes el-zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}to{opacity:1}}
@keyframes el-slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:none}}
@keyframes el-slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:none}}
@keyframes el-slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:none}}
@media (prefers-reduced-motion:reduce){html.js .el-kok [data-el-anim]:not(.el-anim-tamam){opacity:1}.el-kok .el-anim-tamam{animation:none}}

/* Görsel üzerindeki işaret noktaları (Woodmart hotspot): artı simgesi CSS ile */
.el-kok .hotspot-btn::after{content:""!important;font-family:inherit!important;background:linear-gradient(currentColor,currentColor) center/8px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 8px no-repeat}

/* Ürün kartı eylemleri: hızlı bakış, favori ve karşılaştırma Woodmart'a bağlı → gizli; sepete ekle simgesi CSS maskesiyle */
.el-kok .wd-quick-view-btn,.el-kok .wd-wishlist-btn,.el-kok .wd-compare-btn{display:none!important}
.el-kok .wd-add-cart-icon .wd-action-icon::before{content:""!important;font-family:inherit!important;display:inline-block;width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.2a2 2 0 0 0 2 1.6h8.8a2 2 0 0 0 2-1.6L22 7H6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.2a2 2 0 0 0 2 1.6h8.8a2 2 0 0 0 2-1.6L22 7H6'/%3E%3C/svg%3E") center/contain no-repeat}
.el-kok .wd-action-btn .wd-check-icon{display:none}