/** Shopify CDN: Minification failed

Line 7:0 Unexpected "-"
Line 2471:1 Expected "}" to go with "{"

**/
-
/* Genel yazı boyutu: %30 daha büyük */
body {
  font-size: 130% !important;
}
 /* PRODUCT BADGE – Cardtisan Crimson */
.m-product-tag.m-color-default{
  display: inline-block;
  background: #cc4735;
  color: #f5f5f2;
  font: 700 12px/1.3 'Metamorphous', sans-serif;
  text-transform: none !important;
  letter-spacing: .03em;
  padding: 3px 12px;
  border-radius: 20px;
  white-space: nowrap;
  transition: filter .15s ease;
}
.m-product-tag.m-color-default:hover{ filter: brightness(.92); }
/* --- ÜRÜN SAYFASI FİYAT YER DEĞİŞİMİ VE BOYUTLANDIRMA --- */



/* MOBİL GÖRÜNÜM İÇİN BOYUTLAR */
@media (max-width: 768px) {
    .template-product .product-block-group--price .m-price-item--sale {
        font-size: 18px !important; /* Mobilde indirimli fiyat */
    }
    .template-product .product-block-group--price .m-price-item--regular {
        font-size: 16px !important; /* Mobilde eski fiyat */
    }
}
/* Rozet mobil konum */
@media (max-width:768px){
  .m-product-card{ position: relative; }
  .m-product-card__tags{
    position: absolute; top: 6px; left: 6px; z-index: 3; pointer-events: none; width: auto;
  }
  .m-product-tag.m-color-default{ font-size: 10px; padding: 2px 10px; border-radius: 16px; }
}

@media (max-width: 768px) {
    /* 1. KAPSAYICI KUTULARDAKİ ÇAKIŞMAYI GİDER */
    .main-product__block-variant_picker, 
    .main-product__block-buy_buttons {
        /* contain: strict yerine layout kullanıyoruz, bu beyazlamayı önler */
        contain: layout; 
        position: relative !important;
        background-color: #ffffffff !important;
        /* Donanım hızlandırmasını açarak tarayıcıyı rahatlatıyoruz */
        backface-visibility: hidden;
        perspective: 1000px;
    }

    /* 2. ARKA PLAN KUTULARINI SAKİNLEŞTİR */
    .m-card-bg--top, .m-card-bg--bottom {
        display: block !important;
        position: absolute !important;
        background-color: #ffffffff !important;
        /* Beyaz bloğa sebep olan contain: strict kaldırıldı, yerine content geldi */
        contain: content; 
        z-index: 0;
        pointer-events: none; /* Tıklamayı engelleme, alttaki elementlere geçsin */
    }

    /* 3. MIN-HEIGHT DEĞERLERİNİ "GÜVENLİ" HALE GETİR */
    /* Eğer içerik bu yükseklikten fazlaysa beyaz blok taşma yapabilir */
    .main-product__block-variant_picker {
        min-height: auto !important; /* Katı kuralı esnetiyoruz */
        height: auto !important;
    }
}
.m-product-option input:checked + .m-product-option--node__label,
    .m-product-option input:checked + label,
    .m-product-option--node__label.selected {
        
        /* ARTIK SABİT DEĞİL, DİNAMİK! */
        background-color: var(--dynamic-btn-color) !important; 
        
        color: #ffffff !important;            
        
        /* Kenarlık da dinamik renge uyum sağlasın */
        border-color: var(--dynamic-btn-color) !important;    
        
        /* Hafif bir parlama efekti ekleyelim ki renk değişimi belli olsun */
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }

    /* --- SADECE MASAÜSTÜ: FİYAT ALANINI HAREKET ETTİRME --- */
@media (min-width: 769px) {
  body.template-product .product-block-group--price,
  body.template-product .m-price-wrapper {
    position: relative !important;
    left: 222px !important;       /* 12px sağa kaydırır */
    top: -12px !important;       /* 44px yukarı çeker */
    
    /* Yukarı taşıdığın için altta boşluk kalacaktır. 
       Aşağıdaki elemanları yukarı çekmek ve boşluğu yok etmek için 
       margin-bottom'a eksi bir değer veriyoruz. İhtiyacına göre bu sayıyla oynayabilirsin: */
    margin-bottom: -60px !important; 
  }
}
/* Ortak stiller */
.m-richtext__title {
  color: #73634f !important;
  font-style: italic;
  position: relative;
  display: block; /* masaüstünde de göster */
  font-size: 125% !important;
  padding-top: 20px !important; /* üstten 10px */
  margin-bottom: -64px !important; /* alttan -10px */
}

/* Alt metin (description) — %50 ekstra büyük */
.m-richtext__description.rte {
  color: rgb(131, 115, 96) !important;
  font-size: 95% !important;
  margin-bottom: -66px;
}

/* Mobil görünüm */
@media (max-width: 767px) {
  .m-richtext__title {
    font-size: 95% !important;
    padding-top: 13px !important;
    margin-bottom: -13px !important;
  }

  .m-richtext__description.rte {
    margin-bottom: -15px;
      font-size: 85% !important;
  }
}

/* === LOOX RENGİNİ ZORLA DEĞİŞTİR (TÜM CİHAZLAR) === */
body .loox-rating .loox-rating-content {
  background: #ffffffff !important;
  background-color: #ffffffff !important;
}

/* === MASAÜSTÜ İÇİN FARKLI RENK === */
@media (min-width: 1024px) {
  body .loox-rating .loox-rating-content {
    background: #ffffffff !important;
    background-color: #ffffffff !important;
  }
}

/* Loox referrals bloğuna sabit yükseklik ve zemin rengi */
div[id^="shopify-block"][id*="loox_reviews_loox_referrals_section"],
div[id^="shopify-block"][id*="loox_reviews_loox_referrals_section"] .loox-on-site-referrals-entry-widget-image-holder,
div[id^="shopify-block"][id*="loox_reviews_loox_referrals_section"] .loox-on-site-referrals-entry-widget-image,
div[id^="shopify-block"][id*="loox_reviews_loox_referrals_section"] iframe[id^="LOOX-REFERRALS_SECTION"] {
  min-height: 600px !important;
  display: block !important;
  width: 100% !important;
  background: #ffffffff !important; /* sitenin arka plan rengiyle aynı */
  overflow: hidden;
}
@media (max-width:768px){
  .template-product .m-product-option--node[data-value="XL"]  > .m-product-option__node__label,
  .template-product .m-product-option--node[data-value="2XL"] > .m-product-option__node__label,
  .template-product .m-product-option--node[data-value="3XL"] > .m-product-option__node__label{
    min-width: 48px !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 15px !important;
    padding: 0 8px !important;
    margin: 0 1px !important;
  }
}
.stick-atc-force-hidden .m-sticky-addtocart,
.stick-atc-force-hidden .sticky-atc{
  transform: translateY(100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Size pill'leri %20 büyüt - Mobil */
@media (max-width: 768px) {
  .m-product-option--button .m-product-option--node__label {
    padding: 8.4px !important; /* 7px * 1.2 */
    margin: 3.6px !important;  /* 3px * 1.2 */
    min-width: 33.6px !important; /* 28px * 1.2 */
    font-size: 15.6px !important; /* 13px * 1.2 */
  }
  
  variant-picker .m-product-option--button .m-product-option--node__label {
    min-width: 43.2px !important; /* 36px * 1.2 */
  }

  /* XL, 2XL, 3XL için özel */
  .template-product .m-product-option--node[data-value="XL"] > .m-product-option--node__label,
  .template-product .m-product-option--node[data-value="2XL"] > .m-product-option--node__label,
  .template-product .m-product-option--node[data-value="3XL"] > .m-product-option--node__label {
    min-width: 45.6px !important; /* 38px * 1.2 */
  }
}
@media (max-width:768px){
  .template-collection .m-collection-page-header {
    margin-bottom: -14px !important;
  }
}
/* =========================================
   1. GLOBAL AYARLAR (TÜM SAYFALARDA GEÇERLİ)
   Font tipi, Kalınlık, Renk, Çizgi
   ========================================= */

/* Eski Fiyat (Her yerde ince ve gri) */
.m-price-item--regular {
   
    font-weight: normal !important; /* İsteğinize binaen her yerde normal */
    text-decoration: line-through !important;
    color: #9A9A9A !important;
}

/* Satış Fiyatı (Her yerde kalın ve kahve tonu) */
.m-price-item--sale {
    
    font-weight: 700 !important; /* İsteğinize binaen her yerde kalın */
    color: #38332b  !important;
}

/* Product Recommendations - fade-in animasyonunu kapat */
.m-product-recommendations .m-scroll-trigger,
.m-product-recommendations .m-scroll-trigger.animate--fade-in,
.m-product-recommendations .m-scroll-trigger.animate--fade-in-up,
.m-product-recommendations .m-scroll-trigger.animate--fade-in-left,
.m-product-recommendations .m-scroll-trigger.animate--fade-in-right,
.m-product-recommendations .m-scroll-trigger--offscreen,
.m-product-recommendations .m-product-card {
  opacity: 1 !important;
  animation: none !important;
}

.m-product-recommendations {
  opacity: 1 !important;
  visibility: visible !important;
}

 .product-block-group--price .m-price-item--regular {
      order: 1 !important;
      margin-left: 0 !important; 
      padding-bottom: 0 !important;
      font-size: 18px !important; 
      transform: translateY(0) !important; 
  }

  .product-block-group--price .m-price-item--sale {
      order: 2 !important;
      margin-left: 0 !important; 
      padding-bottom: 0 !important;
      font-size: 18px !important; 
      transform: translateY(0) !important; 
  }
/* Mobil Hizalama Düzeltmesi (Sadece Ürün Sayfası İçin) */
@media (max-width: 768px) {
    .template-product .m-price-item--sale {
        font-size: 18px !important;
        transform: translateY(1px) !important; 
    }
    .template-product .m-price-item--regular {
        font-size: 15px !important;
        transform: translateY(2px) !important;
    }
}

/* =========================================
   3. TAVSİYE EDİLEN ÜRÜNLER (RECOMMENDATIONS) DÜZELTMESİ
   Ürün sayfasındaki büyük ayarlardan etkilenmemesi için
   ========================================= */

/* Önerilenlerdeki İndirimli Fiyatı Küçült ve Ortala */
.m-product-recommendations .m-price-item--sale {
    font-size: 16px !important;      /* 22px'den 16px'e düşürdük */
    margin-left: 0 !important;       /* 26px boşluğu sıfırladık */
    padding-bottom: 0 !important;
}

/* Önerilenlerdeki Eski Fiyatı Küçült ve Ortala */
.m-product-recommendations .m-price-item--regular {
    font-size: 12px !important;      /* 16px'den 12px'e düşürdük */
    margin-left: 5px !important;     /* Hafif boşluk bıraktık */
    padding-bottom: 0 !important;
}
.m-cart__summary,
.m-cart-drawer__summary {
    padding-top: 0 !important;
    padding-bottom: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 1 !important;

    transform: scale(0.9);
    transform-origin: center;
}
.m-cart__subtotal--price,
[data-cart-subtotal-price] {
    font-family: 'Metamorphous', sans-serif !important;
    color: #0f743b !important;
    line-height: 1.2 !important;
}
.m-cart__discount,
.m-cart__discount * {
  

    font-weight: 700 !important;
    font-size: 13px !important; /* Bir tık büyütülmüş ideal değer */
    line-height: 1.4 !important;
}

.m-cart-drawer__footer .m-button--primary {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}

@media (max-width: 768px){
  /* Sadece Loox görselini gizle */
  div[id^="shopify-block"][id*="loox_reviews_loox_referrals_section"] img.loox-image {
    display: none !important;
  }

  /* Form tam genişlik */
  div[id^="shopify-block"][id*="loox_reviews_loox_referrals_section"] .loox-on-site-referrals-entry-widget {
    display: block !important;
  }
  div[id^="shopify-block"][id*="loox_reviews_loox_referrals_section"] .loox-on-site-referrals-entry-widget-form {
    max-width: 100% !important;
    margin: 0 auto !important;
  }
}

/* --- DİNAMİK RENK VE YAZI RENGİ TANIMLAMALARI --- */
:root {
    /* Varsayılan Renkler (Hiçbir şey seçilmezse) */
    --dynamic-btn-color: #2C241F; 
    --dynamic-btn-text: #ffffff; /* Varsayılan yazı rengi: BEYAZ */
}

/* 1. SHADOW (#2c2928) */
body:has(input[value="Black"]:checked), 
body:has(input[value="black"]:checked) { 
    --dynamic-btn-color: #2c2928; 
}

/* 2. LIGHT (#f4eddf) - DİKKAT: Açık renk olduğu için yazıyı koyu yapıyoruz */
body:has(input[value="Light"]:checked), 
body:has(input[value="light"]:checked) { 
    --dynamic-btn-color:rgb(200, 187, 163);
    --dynamic-btn-text: #fffcf9ff; /* Yazı Rengi: Koyu Kahve */
}

/* 3. MAROON (#59292c) */
body:has(input[value="Maroon"]:checked), 
body:has(input[value="maroon"]:checked) { 
    --dynamic-btn-color: #59292c; 
}

/* 4. ABYS ve ABYSSAL (#252e4b) - İkisini de kapsar */
body:has(input[value="Navy"]:checked), 
body:has(input[value="navy"]:checked),
body:has(input[value="Navy"]:checked), 
body:has(input[value="navy"]:checked) { 
    --dynamic-btn-color: #252e4b; 
}

/* 5. FEYBLUSH (#daa2a6) - Açık pembe, yazı koyu olsa daha iyi okunur */
body:has(input[value="Feyblush"]:checked), 
body:has(input[value="feyblush"]:checked) { 
    --dynamic-btn-color: #daa2a6;
    --dynamic-btn-text: #5E5140; /* Yazı Rengi: Koyu Kahve */
}

/* 6. STONEFADE (#5c5d61) */
body:has(input[value="Charcoal"]:checked), 
body:has(input[value="charcoal"]:checked) { 
    --dynamic-btn-color: #5c5d61; 
}

/* 7. PETALFALL (#9f5f60) */
body:has(input[value="Petalfall"]:checked), 
body:has(input[value="petalfall"]:checked) { 
    --dynamic-btn-color: #9f5f60; 
}

/* 8. ELDERBERRY (#a7334c) */
body:has(input[value="Elderberry"]:checked), 
body:has(input[value="elderberry"]:checked) { 
    --dynamic-btn-color: #a7334c; 
}

/* 9. SAGE (#5a5e41) */
body:has(input[value="Sage"]:checked), 
body:has(input[value="sage"]:checked) { 
    --dynamic-btn-color: #5a5e41; 
}

/* 9. Forest (#5a5e41) */
body:has(input[value="Forest"]:checked), 
body:has(input[value="Forest"]:checked) { 
    --dynamic-btn-color:#2b3d37; 
}

/* --- MOBİL: SEPETE EKLE BUTONUNU YUKARI ÇEKME --- */
@media (max-width: 768px) {
  .main-product__block-buy_buttons {
    /* Eksi değer vererek kutuyu yukarı kaydırıyoruz */
    margin-top: 6px !important; 
    padding-top: 0 !important;
  }
  
  /* Formun kendi boşluğu varsa onu da sıfırlayalım */
  .product-form {
    margin-top: 0 !important;
  }
}

/* --- SADECE MOBİL: TEK PARÇA BİRLEŞİK KART YAPISI --- */
@media (max-width: 768px) {

    /* --- 1. ÖĞELERİ ÖNE GETİRME (Aynen Kalıyor) --- */
    .loox-rating, .m-price-wrapper, .product-block-group--price, .m-product-title, .main-product__block-title, h1.product__title {
        position: relative !important;
        z-index: 20 !important;
    }

    /* --- 3. Üst Kutu (Varyant Seçici Tarafı) --- */
    .main-product__block-variant_picker {
        position: relative;
        z-index: 1; 
        background: transparent !important;
        margin-top: 20px !important; 
        margin-bottom: 20px!important;
    }

    /* İçerik bg div'in üstünde kalsın */
    .main-product__block-variant_picker > *:not(.m-card-bg),
    .main-product__block-buy_buttons > *:not(.m-card-bg) {
        position: relative;
        z-index: 1;
    }

    .m-card-bg--top {
        position: absolute;
        background-color: #ffffffff; 
        border: 0px solid #E3DCD5;
        border-bottom: none;
        box-shadow: 0 -7px 20px -5px rgba(80, 50, 40, 0.12);
        margin-top: 35px !important; 
        top: -106px;    
        left: 0;   
        right: 0;   
        bottom: 0;
        border-radius: 2px 2px 0 0 !important;
        pointer-events: none;
        z-index: 0;
        will-change: transform;
    }

    /* --- 4. Alt Kutu (Butonlar Tarafı) --- */
    .main-product__block-buy_buttons,
    .product-form__buttons {
        position: relative;
        z-index: 1; 
        background: transparent !important;
        margin-top: 0 !important;
    }

    .m-card-bg--bottom {
        position: absolute;
        background-color: #ffffffff;
        border: 0px solid #E3DCD5;
        border-top: none;
        box-shadow: 0 10px 20px -5px rgba(80, 50, 40, 0.12);
        top: 0;
        left: 0;
        right: 0;
        bottom: -8px; 
        border-radius: 0 0 36px 36px !important;
        pointer-events: none;
        z-index: 0;
        will-change: transform;
    }
}

/* product sayfalarında gizle */
body.template-product .m-announcement-bar {
  display: none !important;
}

/* --- SADECE MASAÜSTÜ: ÜRÜN BİLGİ KARTI --- */
@media (min-width: 769px) {
    /* Mobil kart arkaplanlarını masaüstünde gizle */
    .m-card-bg { display: none !important; }
    
    .m-main-product--info {
        /* Arkaplan Rengi: İstenilen ton (#FAFAF7) */
        background-color: #ffffffff !important; 
        
        /* İçerik kenar boşluğu: 10px */
        padding: 26px !important; 
        
        /* Köşe yuvarlama: 16px */
        border-radius: 14px !important; 
        
        /* (Opsiyonel) Kartın zeminden hafifçe ayrılması için çok silik bir gölge.
           İstemezsen bu satırı silebilirsin. */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); 
        
        /* Padding ekleyince kutunun taşmasını engeller */
        box-sizing: border-box; 
    }
    /* A) Normal Butonlar (Seçili Olmayanlar) */
.m-product-option--node__label,
.m-product-option__label,
label.m-product-option--node {
/* Daha sıcak, kartın zemininden hafifçe koyu bir bej */
background-color:rgb(241, 237, 233) !important;
/* Yazı rengi: Koyu Kahve */
color: #5E5140 !important;
}
} 
/* Loox container'ı sayfa açılır açılmaz 600 px yer kaplasın */
#looxReviews.loox-widget{
  display:block;
  width:100%;
  min-height:600px;          /* yüksekliği ihtiyaca göre ayarla */
}

/* --- MOBİL SLIDER NOKTALARI: HEPSİ BEYAZ ÇEMBERLİ --- */
@media (max-width: 768px) {

  /* 1. Kapsayıcı */
  .m-product-media--slider,
  media-gallery-mobile {
      position: relative !important;
  }

  /* 2. Noktaların Konumu ve Mesafesi */
  .swiper-pagination,
  .swiper-pagination-bullets,
  media-gallery-mobile .swiper-pagination {
      position: absolute !important;
      bottom: 30px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      z-index: 10 !important;
      margin: 0 !important;
      padding: 0 !important;
      
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      
      gap: 12px !important; 
  }

  /* 3. NORMAL NOKTALAR (Seçilmemiş) - REVİZE EDİLDİ */
  .swiper-pagination-bullet {
      width: 8px !important;
      height: 8px !important;
      border-radius: 50% !important;
      
      /* İçi şeffaf olsun ki sadece çember görünsün */
      background-color: transparent !important; 
      
      /* !!! İSTEDİĞİN BEYAZ ÇERÇEVE EKLENDİ !!! */
      border: 1px solid #ffffff !important;
      
      opacity: 1 !important;
      margin: 0 !important;
      
      /* Hafif gölge (Beyaz zeminde görünürlük için) */
      box-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
      transition: all 0.2s ease;
  }

  /* 4. SEÇİLİ NOKTA (Aktif) */
  .swiper-pagination-bullet-active {
      /* Seçili olanın içi kırmızı dolsun */
      background-color: #c45142 !important; 
      
      /* Beyaz çerçeve bunda da var */
      border: 1px solid #ffffff !important; 
      
      outline: none !important;
      box-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;

      transform: scale(1.3); /* Biraz büyük */
      opacity: 1 !important;
  }
}
/* === LOOX ROZETİ ÖZELLEŞTİRMESİ === */

/* Rozeti (Yıldızlar ve Yazı) Sola Hizala */
.loox-rating {
  display: flex !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin-left: 0 !important;
  align-items: center !important;
}

/* Yazı Boyutunu Büyüt ve Rengini Koyulaştır */
.loox-rating span, 
.loox-rating .loox-rating-label {
  font-size: 15px !important; /* Yazı boyutu bir tık büyütüldü (isteğe göre 16px yapabilirsiniz) */
  color: #595550ff !important; /* Mevcut temanıza uygun daha koyu bir ton (Koyu Antrasit/Kahve) */
  font-weight: 600 !important; /* Yazıyı biraz daha dolgun gösterir */
  margin-left: 6px !important; /* Yıldızlarla yazı arasındaki boşluk */
}

.loox-rating .loox-icon {
  font-size: 13px !important;
  color: #c45142 !important;

  margin-right: -1px !important; /* yıldızları yakınlaştırır */
  position: relative;
  
}

/* İframe de aynı yüksekliği miras alsın */
#looxReviews.loox-widget iframe{
  width:100%;
  min-height:inherit !important;
}

/* Shop Pay taksit bannerını gizle */
.shopify-payment-terms,
#shopify-payment-terms,
form#product-form-installment {display:none!important;}

.metafield-multi_line_text_field {
    display: block;      /* Öğeyi blok seviyesine getirir, böylece genişliği kaplar */
    text-align: center;  /* Metni bloğun içinde yatay olarak ortalar */
    width: 100%;         /* Genişliğin tamamını kapladığından emin olur (isteğe bağlı ama iyi bir pratik) */
    margin: 0 auto;      /* Eğer bir genişlik (örn: 80%) verirseniz bloğun kendisini de ortalar */
}
@media (max-width: 768px) {
  .m-main-product--media {
    width: 99.5% !important;
    margin: -6px auto 12px auto !important;
  }
}
/* === MOBILE FIX: Side-Quest görselini yukarı çek === */
@media (max-width: 768px){
  /* Görsel + metin aynı satırda olan blok */
  .m-collapsible__wrapper.m-collapsible--image-right{
    margin-top:-26px !important;   /* ↑ yukarı taşı */
  }
  /* Dilersen yalnızca resim tarafını da ufak oynatabilirsin
     .m-collapsible__image{ margin-top:-4px !important; } */
}
/* === Side-Quest Button – güncel boyut ve radius === */

/* Temel görünüm + geçişler */
#side-quest-btn{
  display:block;
  width:70%;
  
  margin: -8.5px auto 8px;
  margin-bottom: -6px;

  background:#362E25;
  color:#F0E6D2 !important;              /* Side-Quest rengi      */
  font:700 18px/1.15 'INTTERNO',sans-serif;  /* yazı boyutu aynı  */
  padding:9px 12px;                      /* yükseklik de küçüldü  */

  border:2px solid transparent;
  border-radius:72px;                    /* köşe yuvarlaklığı     */
  text-align:center;
  text-decoration:none;

  position:relative;
  overflow:visible;
  transition:transform .15s ease;        /* hafif zoom            */
}

/* Hover / focus – %3 büyüme, başka değişiklik yok */
#side-quest-btn:hover,
#side-quest-btn:focus{
  transform:scale(1.03);
  background:#2B2B2B;
  color:#D6C5A3;
  border-color:transparent;
  box-shadow:none;
  outline:0;
}

/* Eski parıltı kalıntısı varsa kapat */
#side-quest-btn::before{
  display:none !important;
}


  @media screen and (max-width: 767px) {
    html body .m-breadcrumb--item,
    html body .m-breadcrumb--separator {
      display: none !important;
    }
  }
  @keyframes floatAnimation {
    0%, 100% { transform: translateY(2px); }
    50%      { transform: translateY(-0.5px); }
  }
  @keyframes dragon-wings {
    0%, 100% { transform: scaleX(0.5) scaleY(0.92); }
    50%      { transform: scaleX(1)   scaleY(1);    }
  }
  .floating-container {
    background-color: #2B2B2B;
    color: #D6C5A3;
    padding: 0 12px;
    font-family: 'Metamorphous', serif;
    font-size: 13.5px;
    font-weight: 600;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    animation: floatAnimation 3s ease-in-out infinite;
  }
  .floating-container img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    animation: dragon-wings 2.4s infinite ease-in-out;
  }
  .wing-left {
    transform-origin: right center;
    margin-top: -3px;
  }
  .wing-right {
    transform-origin: left center;
    margin-top: -3px;
    margin-left: -1px;
  }

/* === Base Styling === */
:root {
  --hover-scale: 1.05;
  --hover-speed: 0.15s;
  --hover-color: #C45142;
}

.main-product__block-variant_picker {
  margin-top: -24px !important;
}


.m-cart-item__remove.m-button--link {
  text-decoration: none !important;
  border-bottom: none !important;
}


@font-face {
  font-family: 'Rundgotisch';
  src: url('/cdn/shop/files/RundgotischRauh.ttf.woff?v=1747188430') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MorrisRomanBlackAlt';
  src: url('/cdn/shop/files/MorrisRomanBlackAlt.ttf?v=1738543131') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Metamorphous';
  src: url('/cdn/shop/files/Metamorphous-Regular.ttf?v=1738543298') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@media (max-width: 767px){
  .template-collection .m-product-card__media{
    margin-top: -12px !important;
  }
}
/* Koleksiyon grid'ini yukarı çek */
.facest-filters-section {
  margin-top: -30px !important;
}

/* Masaüstünde ekstra 10px yukarı + ürünler arası 4px daralt */
@media (min-width: 768px){
  .facest-filters-section {
    margin-top: -80px !important;
  }
  .template-collection .m-product-item {
    margin-bottom: 18px !important;
  }
}

/* Mobilde ürün kartları arası boşluğu daralt */
@media (max-width: 767px){
  .template-collection .m-product-item {
    margin-bottom: 22px !important;
  }
}

/* Koleksiyon kartları - satış fiyatı */
.template-collection .m-price-item--sale {
    font-size: 14px !important;
}

/* Koleksiyon kartları - eski fiyat */
.template-collection .m-price-item--regular {
    font-size: 14px !important;
}
a.m-cart-drawer__link-to-cart.m-button.m-button--link,
.m-sticky-addtocart--quantity,
.m-product-media__zoom-in,
h1.m-collection-page-header_title,
.m-collection-page-header h1,
.foxkit-stock-countdown__bar {
  display: none !important;
}

/* Masaüstü (varsayılan) */
.m-product-shipping--item {
  justify-content: flex-start !important;
  margin-left: 44px;
  margin-top: -2px;
  margin-bottom: -8px;
  color: #5E5140 !important;
}

/* Mobil görünüm (ekstra boşluk için) */
@media (max-width: 768px) {
  .m-product-shipping--item {
    margin-bottom: -14px !important;
     margin-top: -12px; /* veya 12px, ihtiyacına göre */
  }
}
/* Variant image labels - MTG card size */
.m-product-option__node__label {
  width: 60px !important;
  height: 90px !important;
  aspect-ratio: 2/3 !important;
  overflow: hidden !important;
  background-color: #e8e8e8 !important; /* placeholder gri renk */
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.m-product-option__node__label img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* Tüm alt metinler için */
.m-product-shipping--content,
.m-product-shipping--content_value,
.m-product-shipping--icon,
.m-product-shipping li,
.m-product-shipping p,
.m-product-shipping span {
  color: #5E5140 !important;
}
.m-product-shipping--icon {
  
  transform: translateY(-2px);
}

/* Mobil görünüm için ortalama */
@media (max-width: 768px) {
  .m-product-shipping--item {
    justify-content: flex-start !important;
    text-align: center;
     margin-left: 10px;
    padding-bottom: 2px !important;
    padding-top: 12px !important;
  }
}

.m-menu__item {
  margin-right: 16px; /* veya istediğin başka bir değer */
  
}



.m-announcement-bar {
  z-index: 1 !important;
  background-color: #2B2B2B;
  color: #D6C5A3;
  transition: all 0.1s ease-in-out;
}



.m-menu-customer__wrapper .m-register-button {
  display: none !important;
}
@media (max-width: 768px) {
  .roll-d20-section {
    display: none !important;
  }
}
button[data-load-more],
.m-collection__pagination .m-button--primary{   /* tema Class’ı */
  border:3px solid #000 !important;
  box-sizing:border-box;
}

button[data-load-more]:hover,
.m-collection__pagination .m-button--primary:hover{
  border-color:#000 !important;                 /* hover’da da siyah kalsın */
}

@font-face {
  font-family: 'INTTERNO';
  src: url('/cdn/shop/files/INTTERNO.otf?v=1747745473') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@media (max-width: 768px) {
  .m-main-product--wrapper {
    margin-top: 14px !important;
  }
}
.m-richtext__title{font-family: Metamorphous, serif!important;}

.m-breadcrumb--item {
    font-size: 22px !important;
    font-weight: bold;
    color: #c86355;
  font-family: Metamorphous, serif!important;
   
  
}

/* 1) Temel stiller */
button.m-add-to-cart.m-spinner-button.m-button {
  font-family: 'INTTERNO', sans-serif !important;
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 76px !important;
  
  /* MARGIN DÜZELTME: Delivery görselini butona yaklaştırdık */
  margin-top: 3px !important; 
  margin-left: 30px !important;
  margin-right: 36px !important;
  /* Masaüstü için eski düzenine (25 Şubattaki haline) getirdik */
  margin-bottom: -10px !important; 
  
  padding-top: 12px !important; 
  padding-bottom: 12px !important;
  
  /* Yazı rengi: Sabit beyaz */
  color: #ffffff !important;
  
  /* ARKA PLAN: Her zaman sabit #c8313c */
  background-color: #c8313c !important;
  
  /* BORDER GÜNCELLENDİ: Cart drawer'daki gibi 2px ve gölge eklendi */
  border: 2px solid #5e0811 !important;
  border-radius: 99px !important; 
  box-shadow: 0px 5px 0px 0px #5e0811 !important; 
  
  font-size: 26px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
  transform-origin: center !important;
  
  width: 260px !important;
  
  /* Renk geçişini de animasyona ekledik ki yumuşak değişsin */
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.1s ease, box-shadow 0.1s ease !important;
  transform: translateY(0);

  overflow: visible !important; 
}

/* 2) Tıklama (Basma) Efekti */
button.m-add-to-cart.m-spinner-button.m-button:active {
  /* Cart Drawer butonundaki gibi basınca aşağı çöker ve büyüme iptal olur */
  transform: translateY(5px) scale(1) !important;
  
  /* Gölge tamamen kaybolur (Basılı hissi) */
  box-shadow: none !important; 
}

/* 1.1) İçeriği topluca sağa kaydırmak için pseudo-wrapper */
button.m-add-to-cart.m-spinner-button.m-button > span {
  font-family: 'INTTERNO', sans-serif !important;
  display: inline-flex;
  align-items: center;
  /* MASAÜSTÜ: 48px sağa kaydırma korunurken, yazı 2px aşağı ötelendi */
  transform: translateX(48px) translateY(1px) !important;
  transition: transform 0.14s ease;
}

/* 2) İkon */
button.m-add-to-cart.m-spinner-button.m-button::after {
  content: '';
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  
  transform: translateY(-1px) translateX(-12px);
  border: 2px solid #5e0811 !important;
  border-radius: 50% !important;
  transition:
    transform 0.15s ease,
    margin-left 0.15s ease,
    border-color 0.15s ease !important;
}

/* 3) Hover Efekti (Masaüstü için Cart Drawer stili) */
@media (min-width: 1024px) {
  button.m-add-to-cart.m-spinner-button.m-button:hover {
    background-color: #ffb619 !important;
    color: #000 !important;
    transform: scale(1.02) !important;
    opacity: 1 !important; 
  }
  
  /* Hover durumunda içindeki çemberin kenarlığını da siyaha çeviriyoruz ki uyumlu olsun */
  button.m-add-to-cart.m-spinner-button.m-button:hover::after {
    border-color: #000 !important;
  }
}

@media only screen and (max-width: 767px) {
  /* İkonu kaldır */
  button.m-add-to-cart.m-spinner-button.m-button::after {
    display: none !important;
    content: none !important;
  }

  /* Metni ortala + Mobilde de 2px aşağı ötele */
  button.m-add-to-cart.m-spinner-button.m-button > span {
    transform: translateY(1px) !important; 
    font-size: 23px !important;
    font-weight: 700 !important;
  }

  /* Butonu sağdan ve soldan kırp + Mobildeki margin değerini koru */
  button.m-add-to-cart.m-spinner-button.m-button {
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding-top: 16px !important;
    margin-top: 6px !important;
    padding-bottom: 16px !important;
    margin-bottom: 12px !important;
    transform: translateY(4px) !important;
  }
}
/* === Typography & Titles === */
.m-product-title, .main-product_block-title .m-product-title {
  font-size: 34px !important;
  color: #38332b !important;
  font-weight: bold !important;
  margin-left: 24px !important;
  
  
  margin-bottom: -8px !important;
}

@media (max-width: 768px) {
  body.template-product .m-product-title,
  body.template-product .main-product_block-title .m-product-title {
    display: block !important;
    padding-top: 10px !important;
    width: 100% !important;
    margin: -22px auto -10px !important;
    font-size: 25px !important;
    color: #38332b !important;
    font-weight: bold !important;
    font-family: 'INTTERNO', sans-serif !important;
    text-align: center !important;
  }
}

/* STICKY ATC — uzun-ince şerit, alt beyaz boşluk minimize */
@media (max-width: 767px){

  /* Çubuğu sadeleştir (varyant seçiciyi gizle) */
  .m-sticky-addtocart [data-sticky-atc-options],
  .m-sticky-addtocart .m-sticky-atc__options,
  .m-sticky-addtocart .m-sticky-atc__left,
  .m-sticky-addtocart .m-variant-select{
    display: none !important;
  }

  /* Çubuk kapsayıcı */
  .m-sticky-addtocart{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 2px 3px max(1px, env(safe-area-inset-bottom)) !important; /* alt boşluk minimum */
    background: #fff !important;
  }

  /* Eski buton mirasını sıfırla */
  .m-sticky-addtocart .product-form__submit,
  .m-sticky-addtocart .m-button{
    all: unset;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
  }

  /* Asıl sticky buton */
  .m-sticky-addtocart .m-sticky-atc__btn,
  .m-sticky-addtocart .product-form__submit,
  .m-sticky-addtocart .m-button--primary{
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;              /* ince şerit */
    padding: 0 14px !important;           /* üst-alt 0, yanlar 14 */
    border-radius: 8px !important;        /* balon etkisini azalt */
    background: #C93C3C !important;       /* mevcut kırmızı */
    color: #fff !important;
    font-size: 13px !important;           /* küçültülmüş yazı */
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    text-align: center !important;

    /* Taşma önleme */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-font-smoothing: antialiased !important;
  }



  /* Çubuk içindeki tüm öğeler tek satır uyumlu */
  .m-sticky-addtocart > *{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .m-sticky-addtocart,
  .m-sticky-addtocart *{
    min-width: 0 !important;
  }
}

.m-cart-drawer__title {
  font-size: 26px !important;
font-family: 'Metamorphous', sans-serif !important;
  font-weight: 700 !important;
  color: #C86355 !important;
  text-align: center !important;
   padding-bottom: 10px !important;
    padding-top: 6px !important;
}

.option-label--title {
  color: #c86355 !important;
  font-weight: bold !important;
  font-size: 20px !important;

}

.option-label--selected {
    font-weight: bold !important;
    font-size: 24px !important;
    color: #5E5140 !important;
}




.m-cart-item__price {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

.m-cart-item__price--regular {
  font-weight: 600 !important;
  font-size: 17px !important;
  color: black !important;
   transform: translateY(-3px);
  display: inline-block;
}

/* 768 px altı — Ürün sayfası DEĞİL + torch koleksiyonu DEĞİL */
@media (max-width: 768px){
  body:not(.template-product):not([data-collection-handle="torch"])
    .m-product-option--content{
      margin-top:-19px !important;
      margin-bottom:-22px !important;

      display:flex !important;
      justify-content:center !important;
      width:100% !important;
  }
}




@media (max-width: 768px) {
  .main-product__block-collapsible_tab {
    margin-top: 2px !important;
  }
}


@media (min-width: 769px) {
  .main-product__block-collapsible_tab {
    margin-top: -18px !important;
  }
}

   @media (min-width: 750px) {
      .main-product__block-collapsible_tab {
        padding: 22px 0 0 33px !important;
      }
    }

    .main-product__block-collapsible_tab .m-collapsible--button,
    .main-product__block-collapsible_tab .m-collapsible__button,
    .main-product__block-collapsible_tab button {
      font-weight: 600 !important;   /* bold */
      color: #5E5140 !important;     /* istenen renk */
    }
@media (max-width: 767px) {
  .template-collection .m-collection-toolbar--sticky {
    position: static !important;   /* fixed → normal akış */
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;    /* scroll-up / scroll-down animasyonunu da öldürür */
    padding-inline: 0 !important;  /* üstteki fixed paddingleşmesin diye */
  }
}
@media (min-width: 768px) {
  /* Ürün sayfası (template-product) hariç tüm sayfalarda */
  body:not(.template-product) .m-product-option--content {
    margin-top: -14px !important;
    margin-bottom: -4px !important;

    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
}
/* MOBILE – product recommendations varyant bloğunu daralt */
@media (max-width: 768px){
  section.m-product-recommendations .m-product-option--content{
    margin-top:-10px !important;   /* yukarı çek */
    margin-bottom:-14px !important;/* aşağı daralt */
  }

  /* Swatch’ları biraz küçültmek istersen */
  section.m-product-recommendations label[data-option-type="color"],
  section.m-product-recommendations label[data-option-type="image"]{
    width:26px;
    height:26px;
  }
}

/* === MOBİL: LOOX ROZETİNİ ALT METNE (YAZIYA) ÇEVİRME === */
@media (max-width: 768px) {
  body .loox-rating-content {
    display: inline-flex !important; 
    align-items: center !important; 
    gap: 4px !important;

    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;

    /* İnce + saydam altçizgi */
    text-decoration: underline !important;
    text-decoration-color: rgba(113, 99, 81, 0.45) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;

    color: rgb(113, 99, 81) !important;
  }

  /* Yazıyı yıldızlarla aynı hizaya indir */
  body .loox-rating-content .loox-text {
    position: relative !important;
    top: 8px !important;
  }

  body .loox-rating-content .loox-icon {
    top: 0 !important; 
    margin-top: 0 !important;
  }

  body .loox-rating-content:hover,
  body .loox-rating-content:active {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    transform: translateY(0.2px) !important;
  }
}

.template-product label[data-option-type="image"].has-bg-img,
.template-product label[data-option-type="color"] {
  position: relative;
  border-radius: 8px !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
  object-fit: cover !important;
  transform-origin: center;
  will-change: transform, box-shadow;
  transform-style: preserve-3d;
  transition:
    transform 0.3s ease-out,
    box-shadow 0.3s ease-out;
  box-shadow: 0 0 0 rgba(94, 81, 64, 0);
}

/* =========================
   SHIMMER EFFECT (TIKLAMA GICIRTISI)
========================= */

/* Shimmer animasyon keyframe */
@keyframes card-shimmer {
  0% {
    background-position: -120% 0;
    transform: rotateZ(0deg) scale(1);
    opacity: 0;
  }
  20% {
    opacity: 0.52; /* +30% */
  }
  50% {
    transform: rotateZ(-0.4deg) scale(1.015);
    opacity: 0.78; /* +30% */
  }
  100% {
    background-position: 200% 0;
    transform: rotateZ(0deg) scale(1);
    opacity: 0;
  }
}

/* Etkinleştirildiğinde shimmer efekti uygulanır */
.template-product label.shimmer-animate::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.08) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.08) 100%
  );
  background-size: 220% 100%;
  background-repeat: no-repeat;
  background-position: -120% 0;
  animation: card-shimmer 0.42s ease-out forwards; /* %30 daha hızlı */
  pointer-events: none;
  z-index: 2;
  filter: blur(1px); /* kenarları hafif yumuşatır */
  opacity: 0.65; /* +30% */
  transition: opacity 0.15s ease-out;
}


/* Hover: kart havalanır, gölge belirginleşir */
.template-product label[data-option-type="image"].has-bg-img:hover:not(.selected),
.template-product label[data-option-type="color"]:hover:not(.selected) {
  transform: perspective(1000px) rotateX(6deg) rotateY(-4deg) translateY(-6px) scale(1.04);
  box-shadow: 0 8px 12px rgba(140, 90, 60, 0.35);
  animation: float-smooth 3s ease-in-out infinite;
}

/* Hover'dan çıkınca iniş */
.template-product label[data-option-type="image"].has-bg-img:not(:hover):not(.selected),
.template-product label[data-option-type="color"]:not(:hover):not(.selected) {
  transform: none;
  box-shadow: 0 0 0 rgba(140, 90, 60, 0);
  animation: float-reset 0.5s ease-out forwards;
}

/* Seçiliyse hover efekti kalıcı ve daha yüksek olur */
.template-product label[data-option-type="image"].has-bg-img.selected,
.template-product label[data-option-type="color"].selected {
  transform: perspective(1000px) rotateX(6deg) rotateY(-4deg) translateY(-6px) scale(1.04) !important;
  box-shadow: 0 8px 12px rgba(140, 90, 60, 0.35) !important;
  animation: float-smooth 3s ease-in-out infinite !important;
}

/* Sürekli süzülme */
@keyframes float-smooth {
  0%   { transform: perspective(1000px) rotateX(6deg) rotateY(-4deg) translateY(-6px) scale(1.04); }
  50%  { transform: perspective(1000px) rotateX(7deg) rotateY(-5deg) translateY(-8px) scale(1.04); }
  100% { transform: perspective(1000px) rotateX(6deg) rotateY(-4deg) translateY(-6px) scale(1.04); }
}

/* Hover'dan çıkışta iniş */
@keyframes float-reset {
  0%   { transform: perspective(1000px) rotateX(6deg) rotateY(-4deg) translateY(-6px) scale(1.04); box-shadow: 0 8px 12px rgba(140, 90, 60, 0.35); }
  100% { transform: none; box-shadow: 0 0 0 rgba(140, 90, 60, 0); }
}

/* OPTIONAL: Click bounce yenilendi – seçili yükseklikte kalır */
@keyframes variant-click-bounce {
  0%   { transform: perspective(1000px) rotateX(6deg) rotateY(-4deg) translateY(-6px) scale(1.04); }
  30%  { transform: perspective(1000px) rotateX(4deg) rotateY(-2deg) translateY(-2px) scale(0.97); }
  100% { transform: perspective(1000px) rotateX(6deg) rotateY(-4deg) translateY(-6px) scale(1.04); }
}
.variant-click-bounce {
  animation: variant-click-bounce 0.4s ease-out forwards;
}

/* RESPONSIVE WIDTHS */
@media (min-width: 769px) {
  .template-product .m-product-option[data-option-type="image"] .m-product-option--content,
  .template-product .m-product-option[data-option-type="color"] .m-product-option--content {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    margin: -14px auto 0 auto !important;
  }

  .template-product label[data-option-type="image"].has-bg-img {
    width: 64px !important;
    height: 89px !important;
  }

  .template-product label[data-option-type="color"] {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9999px !important;
  }

  .template-product .main-product__block-variant_picker {
    margin-left: 28px !important;
  }
}
@media (min-width: 769px) {
  .template-product .main-product__block-variant_picker {

    margin-top: -30px !important;
  }
  }
@media (max-width: 768px) {
  .template-product .main-product__block-variant_picker {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 2px !important;
    margin-top: -58px !important; /* veya yukarı çekmek istiyorsan -55px yap */
  }

  .template-product .m-product-option--content {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
    width: fit-content !important;
    margin: -8px auto 0 auto !important;
  }

  .template-product label[data-option-type="image"].has-bg-img {
    width: 58px !important;
    height: 81px !important;
  }

  .template-product label[data-option-type="color"] {
    width: 28px !important;
    height: 28px !important;
    border-radius: 9999px !important;
  }
}

/* Yalnızca mobilde boşluğu daralt */
@media (max-width:768px){
  /* Varyant bloğunun alt boşluğunu kıs */
  .template-product .main-product__block-variant_picker{
    margin-bottom:-12px !important;
  }

}
/* ===========================
   LOOX ICON - HİZALAMA
   =========================== */
.loox-icon {
  margin-right: 1px !important;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* ===========================
   LOOX RATING - LAYOUT SHIFT FIX
   Base: Alan reserve + Layout isolation
   =========================== */
.loox-rating {
  display: inline-block;
  min-height: 26px;              /* ✅ Alan reserve - layout shift önle */
  contain: layout;               /* ✅ Layout hesabını izole et */
  
  height: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  
  /* ✅ Smooth transition */
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Yüklendikten Sonra */
.loox-rating.loox-rating-loaded {
  visibility: visible;
  opacity: 1;
  height: auto;
  min-height: auto;
}

/* ===========================
   LOOX BADGE GENEL STİL (Ortak)
   =========================== */
.loox-rating-content {
  display: inline-block;
  font-weight: 999;
  border-radius: 10px !important;
  margin-bottom: 4px !important;
  
  /* Renkler */
  color: #000 !important;
  background-color: rgba(255, 255, 255, 1) !important;
  border: 2px solid #e3dcd5 !important;
  
  /* Gölge */
  box-shadow: 0px 1.3px 0px 0px #e3dcd5 !important;
  
  /* Geçişler */
  transition: all 0.1s ease !important;
  transform: translateY(0);
}

/* MOBİL GÖRÜNÜM (Varsayılan) */
@media only screen and (max-width: 767px) {
  .loox-rating-content {
    font-size: 13px !important;
    padding: 1.6px 12px !important;
  }
}

/* MASAÜSTÜ GÖRÜNÜM (768px ve üzeri) */
@media only screen and (min-width: 768px) {
  .loox-rating-content {
    font-size: 16px !important;
    padding: 4px 16px !important; /* Büyük fontta kutunun dar kalmaması için padding'i biraz artırdım */
  }
}

/* Hover & Active Durumu */
.loox-rating-content:hover,
.loox-rating-content:active {
  background-color: #FFB619 !important;
  color: #000 !important;
}

/* Tıklama Efekti */
.loox-rating-content:active {
  transform: translateY(2.5px) !important;
  box-shadow: none !important; 
}

/* ===========================
   TAB BAŞLIĞI - RENKLENDIRME
   =========================== */
.m-tabs__header-inner .m-tab-header {
  color: #C45142 !important;
  font-weight: bold !important;
  font-size: 22px !important;
  margin-bottom: -2px !important;
}

/* ===========================
   MASAÜSTÜ (≥ 769px)
   =========================== */
@media (min-width: 769px) {
  .loox-rating {
    position: relative;
    margin-left: 180px !important;
    margin-bottom: -38px !important;
    top: -18px !important;  /* ✅ -14px + 4px = -18px */
  }
  
  .loox-rating-content {
    padding: 1px 12px;
    font-size: 24px;
    border: 2px solid #ddd;
  }
  
  .loox-rating-content:hover {
   
    background-color: #BF3636 !important;
  }
  
  .loox-rating-content:hover .loox-icon {
    color: #FFD700 !important;
  }
}

/* ===========================
   MOBİL (≤ 768px)
   =========================== */
@media (max-width: 768px) {
  .loox-rating {
    position: relative;
    margin-left: 140px !important; 
    margin-bottom: -38px !important;
    top: -4px !important;  /* ✅ -14px + 6px = -20px */
  }
  
  .loox-rating-content {
    padding: 2px 14px;
    font-size: 14px;
    border: 2px solid #ddd;
  }
  
  /* Fiyat + Badge Hizalama */
  .product-block-group--price {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0px !important;
    width: 100% !important;
    margin: 0 12px !important;
    padding: 0 12px !important;
  }
  
  .m-price-wrapper {
    display: inline-block !important;
  }
}

/* ===========================
   DİĞER BUTONLAR (Personalize vb.)
   =========================== */
button.btn.pplr-c-button.pplr-btn.Button--secondary.ptc_button {
  margin-top: 12px !important;
  margin-left: 12px !important;
  background-color: #403e3e !important;
  color: white;
  padding: 4px 36px;
  font-size: 1.26em;
  font-weight: 600;
  font-family: 'INTTERNO', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: 2.8px solid black !important;
  border-radius: 999px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: background-color 0.05s ease-in-out, box-shadow 0.1s ease, transform 0.1s ease;
  display: inline-block;
}

button.btn.pplr-c-button.pplr-btn.Button--secondary.ptc_button:hover {
  background-color: #FFB619 !important;
  color: #000 !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
  
}

@media (max-width: 767px) {
  button.btn.pplr-c-button.pplr-btn.Button--secondary.ptc_button {
    font-size: 1.08em;
    margin-top: 6px !important; 
    border: 2.5px solid black !important;
    margin-left: 8px !important;
  }
}


/* SADECE PRODUCT PAGE VE CART DRAWER BUTONLARI İÇİN FİNAL KOD */
/* Bu CSS, butonların hem normal hem de mobil görünümünü kapsar. */

/* ============================================================
   GÜVENLİ ÖDEME (LOCK ICON) BUTON STİLLERİ - GÜNCEL
   ============================================================ */

/* 1) Ana Buton Yapısı (Masaüstü ve Genel) */
body.template-product .m-button.m-button--primary.p_a_t_ch,
body:not(.template-cart) .m-cart-drawer__footer .m-button--primary {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important; /* İkon ve yazı arası boşluk artırıldı (Sola çekme hissi için) */

  background-color: #C8313C !important;
  color: #fff !important;
  font-family: 'INTTERNO', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 2px solid #5e0811 !important;
  border-radius: 99px !important;
  transform-origin: center !important;
  overflow: hidden !important;

  width: 94% !important;
  padding: 10px 20px !important; /* Masaüstü kalınlığı hafif azaltıldı */
  margin-bottom: 14px !important;
  line-height: 1.4 !important;
  
  /* 3D Gölge */
  box-shadow: 0px 5px 0px 0px #5e0811 !important; 

  transition:
    background-color 0.13s ease-in-out,
    transform 0.1s ease,
    color 0.13s ease,
    box-shadow 0.1s ease !important;
}

/* PRODUCT PAGE - Kilit ikonu (değişmedi) */
body.template-product .m-button.m-button--primary.p_a_t_ch::before {
  content: '';
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  transform: translateX(-2px); 
  transition: filter 0.13s ease !important;
}

/* CART DRAWER - Kilit yok, sadece ortalanmış metin */
body:not(.template-cart) .m-cart-drawer__footer .m-button--primary::before {
  content: none !important;
  display: none !important;
}

/* CART DRAWER - Ok ikonu sağda */
body:not(.template-cart) .m-cart-drawer__footer .m-button--primary::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}


/* 3) Yazı ve Efektler - Düzenlendi */
body.template-product .m-button.m-button--primary.p_a_t_ch > span,
body:not(.template-cart) .m-cart-drawer__footer .m-button--primary > span {
  display: inline-flex !important;
  align-items: center !important;
  transform: none !important;
}

/* Sadece Masaüstü Hover Efektleri */
@media (min-width: 1024px) {
  body.template-product .m-button.m-button--primary.p_a_t_ch:hover,
  body:not(.template-cart) .m-cart-drawer__footer .m-button--primary:hover {
    background-color: #ffb619 !important;
    color: #000 !important;
    /* Masaüstünde istersen hafif büyütebilirsin, istemiyorsan scale(1) yap */
    transform: scale(1.02) !important; 
  }

  body.template-product .m-button.m-button--primary.p_a_t_ch:hover::before,
  body:not(.template-cart) .m-cart-drawer__footer .m-button--primary:hover::before {
    filter: brightness(0) !important;
  }
}

/* Tıklama (Basılma) Efekti - Büyümeyi Engelleyen Revize */
body.template-product .m-button.m-button--primary.p_a_t_ch:active,
body:not(.template-cart) .m-cart-drawer__footer .m-button--primary:active {
  /* scale(1) ekleyerek büyümesini kesin olarak durduruyoruz, sadece aşağı çöker */
  transform: translateY(9px) scale(1) !important;
  box-shadow: none !important; 
  background-color: #C8313C !important;
  color: #fff !important;
}

/* Mobilde Odaklanma (Focus) Durumunda Büyümeyi Kapat */
@media (max-width: 1023px) {
  body.template-product .m-button.m-button--primary.p_a_t_ch:focus,
  body:not(.template-cart) .m-cart-drawer__footer .m-button--primary:focus {
    transform: none !important;
    scale: 1 !important;
  }
}

/* Product Page Checkout Butonu - Zar yok (sadece kilit var) */
body.template-product .m-button.m-button--primary.p_a_t_ch::after {
  content: none !important;
  display: none !important;
}
/* ----------------------------------------------------------- */
/* 4) MOBİL AYARLAR (Güncellendi)                              */
/* ----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  body.template-product .m-button.m-button--primary.p_a_t_ch,
  body:not(.template-cart) .m-cart-drawer__footer .m-button--primary {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 90% !important;
    
    /* Dikine genişliği biraz artırıldı (8px -> 10px) */
    padding: 10px 15px !important; 
    font-size: 22px !important;
  }

  /* Mobilde kilit ikonunu 2px yukarı ve hafif sola al */
  body.template-product .m-button.m-button--primary.p_a_t_ch::before,
  body:not(.template-cart) .m-cart-drawer__footer .m-button--primary::before {
    transform: translateY(-2px) translateX(-3px) !important;
  }
}

@media only screen and (max-width: 767px) {
  body.template-cart .m-product-option--content {
    display: none !important;
  }
}


  
/* === Product Card === */
.m-product-card__name {
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #4E4E4E;
  margin: -6px 0 -8px;
}


.m-menu__item a {
  /* diğer stiller */
  text-transform: none !important;
}

/* === Header Hover Animations === */
.m-logo,
.m-menu__item a,
.m-tooltip,
.m-tooltip svg {
  transition: transform var(--hover-speed) ease-in-out, color var(--hover-speed) ease-in-out, fill var(--hover-speed) ease-in-out, opacity var(--hover-speed) ease-in-out;
}

.m-logo:hover {
  transform: scale(var(--hover-scale)) !important;
}

.m-logo img:hover {
  opacity: 0.85 !important;
}

.m-menu__item a {
  font-weight: 600 !important;
  font-size: 22px !important;
}

.m-menu__item a:hover,
.m-tooltip:hover {
  color: var(--hover-color) !important;
  transform: scale(var(--hover-scale));
}

.m-tooltip:hover svg {
  fill: var(--hover-color) !important;
  transform: scale(var(--hover-scale));
}

 .text-card-with-image__media {
  display: none !important;
}

/* === Loox === */
.loox-icon {
  margin-right: 1px !important;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.loox-rating {
  display: inline-block;
  min-height: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.loox-rating.loox-rating-loaded {
  visibility: visible;
  opacity: 1;
  height: auto;
}



.foxkit-stock-countdown__message {
    color: #4a4a4a;
    margin-bottom: -20px !important;
    margin-left: 25px !important;
      font-weight: 600 !important;
    color: #5E5140 !important;
     font-size: 17px !important;

   

}
.foxkit-stock-countdown__message strong {
    color: #C86355 !important;
    font-weight: bold !important;
   font-size: 24px !important;
    
   margin-left: 8px !important;
}


@media (max-width: 767px) {
  .foxkit-stock-countdown__message {
    margin-top: 2px !important;
    margin-left: 19px !important;
     font-size: 15px;
  }
}

@media (max-width: 767px) {
  .foxkit-stock-countdown__message strong {
   
   font-weight: bold !important;
     font-size: 20px;
  }
}

.foxkit-stock-countdown__bar {
    display: none !important;
}

@media (max-width: 768px) {
  body.template-product .custom-cartgoal-wrapper {
    display: none !important;
  }
}



.foxkit-cartgoal {
  background-color: #fdf9f4;
  border: 2px solid #e2cbb3;
  border-radius: 20px;
  padding: 4px 2px 14px 2px;
  margin-top: 66px;
  box-shadow: 0 2.5px 6px rgba(0, 0, 0, 0.06);
}

.foxkit-cartgoal__inner {
  max-width: 93% !important; /* %10 daraltma */
  margin: 0 auto !important; /* ortala */
  
}
.cartgoal-title-morris {
  font-family: 'MorrisRomanBlackAlt', serif !important;
  font-weight: 9999;
  font-size: 28px;
  color: #5E5140;
}
@media (max-width: 768px) {
  .cartgoal-title-morris {
    font-size: 22px !important;
  }
}
  foxkit-cart-goal {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
  }

.foxkit-cartgoal__title {
  color: #5E5140 !important;
  font-size: 20px !important;
  text-align: center !important;
  line-height: 0.8; 
  width: 100%;
  
}

.m-cart__trust-badge {
  margin-top: -4px !important;
  margin-bottom: 1px !important;
  /* Genişliği %70 olarak ayarlıyoruz */
  width: 80% !important; 
  /* Ortalama için bu üç kuralı kullanıyoruz: */
  display: block; 
  margin-left: auto;
  margin-right: auto;
  /* position: center; kuralı CSS'te geçerli değildir, bu satırı kaldırıyoruz */
}

/* Mobil için font boyutunu küçült */
@media (max-width: 768px) {
  .foxkit-cartgoal__title {
    font-size: 17px !important;
    line-height: 0.8 !important;
    
  }
}


@media (max-width: 768px) {
  .foxkit-cart-goal {
   margin-top: 88px !important;
    margin-bottom: -2px !important;  
    
   
  }
}


/* ====  FLATTEN FOXKIT INCART SLIDER  ==== */

/* En dış sarmalı tanıyalım: data-plugin="InCart" */
[data-plugin="InCart"].foxkit-slider{
  overflow:visible !important;          /* yatay kaydırma iptal */
}

/* Swiper track'i flex-column yap, transform'u sıfırla */
[data-plugin="InCart"] .swiper-wrapper{
  display:flex !important;
  flex-direction:column !important;
  gap:16px;                             /* eleman aralığı */
  transform:none !important;
}

/* Her slide artık tam genişlikte blok */
[data-plugin="InCart"] .swiper-slide{
  width:100% !important;
  flex:0 0 auto !important;
}

/* Slider navigasyonunu gizle */
[data-plugin="InCart"] .swiper-button-prev,
[data-plugin="InCart"] .swiper-button-next,
[data-plugin="InCart"] .swiper-pagination{
  display:none !important;
}
/* Masaüstü (768px ve üzeri) */
@media screen and (min-width: 769px) {
  button.foxkit-sizechart-button {
    font-size: 15px !important;
  }
}

/* Mobil (768px ve altı) */
@media screen and (max-width: 768px) {
  button.foxkit-sizechart-button {
    font-size: 13.5px !important;
  }
}

/* === MOBİL: Loox crown/star icon - sadece pozisyon ve rotasyon === */
@media (max-width: 768px) {
  body .loox-rating .loox-rating-content svg.loox-icon {
    position: relative !important;
    top: -2px !important;        /* mevcut -2px + ek 8px yukarı = -10px */
    left: 2px !important;          /* 4px sağa */
    
    transform-origin: center center !important;
  }
}
/* === FOXKIT SIZECHART BUTTON === */
button.foxkit-sizechart-button {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 8px !important;
  background-color: rgba(244, 240, 237, 0.8) !important;
  padding: 4px 8px !important;
  font-weight: 600 !important;
  transition: transform 0.2s ease, color 0.2s ease;
  display: inline-flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  gap: 6px !important;
}
/* Hover — tüm cihazlar */
button.foxkit-sizechart-button:hover {
  color: #c45142 !important;
  transform: scale(1.07);
}
button.foxkit-sizechart-button:hover svg {
  color: #c45142 !important;
  fill: #c45142 !important;
}
/* Desktop — offset */
@media screen and (min-width: 768px) {
  button.foxkit-sizechart-button {
    left: -170px;
    top: 0 !important;
  }
}
/* Mobile — konum + opaklık + click effect */
@media screen and (max-width: 767px) {
  button.foxkit-sizechart-button {
    top: -1px !important;
    left: 3px !important;
    background-color: rgba(244, 240, 237, 0.6) !important;
  }
  button.foxkit-sizechart-button:active {
    transform: scale(0.94);
    opacity: 0.85;
  }
}

/* DESKTOP (≥ 1024 px) */
@media (min-width: 1024px) {
  .template-product .container-fluid.m-section-my.m-section-py {
    width: 92%;
    max-width: 1420px;
    margin: 0 auto;   /* ortalar */
  }
}

/* === Desktop-Specific === */
@media (min-width: 768px) {
  .m-main-product,
  .m-main-product--wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Masaüstü: 60/40 (zaten var) */
.m-main-product--media {
  width: 52% !important;
}
.m-main-product--info {
  width: 40% !important;
}

/* Küçük ekranlarda: 50/50 yap (veya 55/45) */
@media (max-width: 1600px) {
  .m-main-product--media {
    width: 55% !important;
    
  }
  .m-main-product--info {
    width: 40% !important;
    
  }
}



  .m-main-product--wrapper {
    justify-content: center !important;
  }




  .m-product-description {
    font-size: 1em !important;
    color: #666 !important;
    padding-top: 26px !important;
    margin-bottom: -8px !important;
    
  }

  .loox-rating {
    transform: translate(0px, 8px);
    margin-left: 22px !important;
    margin-bottom: 0px !important;
  }

  .loox-rating-content {
    display: inline-block;
    padding: 2px 14px;
    font-size: 24px;
    font-weight: bold;
    color: #000 !important;
    background-color: #fcfcfa !important;
    border-radius: 4px;
    border: 2px solid #ddd;
  }

  .loox-rating-content:hover {
    
    background-color: #BF3636 !important;
  
  }

  .-rating-contlooxent:hover .loox-icon {
    color: #FFD700 !important;
  }


  .m-header__wrapper {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  }


@media (min-width: 769px) {
  .m-section__heading.h3 {
    margin-bottom: -38px !important;
     color: #c45142 
  }
}

@media (max-width: 769px) {
  .m-section__heading.h3 {
    margin-bottom: -8px !important;
   
     color: #c45142 
  }
}

  .m-collection-page-header {
    padding-top: 22px !important;
    margin-left: 44px !important;
    margin-bottom: -52px !important;
    z-index: 0 !important;
  }
}

/* === Mobile-Specific === */
@media (max-width: 768px) {
  


  .m-product-description,
  .m-product-description.rte {
    margin-top: -12px !important;
    margin-bottom: -56px !important;
    padding-bottom: 0px !important;
    font-size: 1em !important;
    color: #666 !important;
  }
@media (max-width: 768px) {
  .m-product-description {
    margin-bottom: -56px !important;
    padding-bottom: 0 !important;
  }

  body.cartgoal-visible .m-product-description {
    margin-bottom: 0 !important;
    padding-bottom: 2px !important;
  }
}

  .loox-rating {
    transform: translate(84px, -69px);
    margin-bottom: -38px !important;
  }

  .loox-rating-content {
    display: inline-block;
    padding: 2px 8px;
    font-size: 16px;
    font-weight: 999;
    color: #000 !important;
    background-color: #fcfcfa !important;
    border-radius: 4px;
    border: 2px solid #ddd;
  }

  .m-product-card__name {
    font-size: 14px !important;
  }

  .m-menu-mobile__link {
    font-weight: 700 !important;
    font-size: 22px !important;
    color: #BF3636;
  }



  .main-product_block--title {
    order: -1;
  }

  .main-product_block--image {
    order: 0;
  }

  .product__info {
    display: flex;
    flex-direction: column;
  }




  .m-section__heading.h3 {
    margin-bottom: -8px !important;
    color: #c45142;
  }



  .foxkit-cartgoal__title {
    font-size: 16px !important;
  }

  .m-header__wrapper {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  }

  .m-collapsible__wrapper {
    display: flex !important;
    flex-direction: column !important;
  }

  .m-collapsible--image-right {
    flex-direction: column-reverse !important;
    text-align: left !important;
  }

  .m-collapsible--image-right img {
    margin-bottom: 12px !important;
  }



/* === Desktop-Specific === */
@media (min-width: 769px) {
  .m-product-description.rte {
    margin-top: -40px !important;
    margin-bottom: -20px !important;
  }
}
/* Tüm hızlı ödeme butonlarına yuvarlaklık verir */
.accelerated-checkout-button,
.shopify-cleanslate, 
.shopify-cleanslate div[role="button"] {
    border-radius: 22px !important;
    overflow: hidden !important; /* İçerideki karenin taşmasını engeller */
}

/* Eğer sadece dış kapsayıcıyı hedeflemek gerekirse */
.shopify-payment-button__button {
    border-radius: 22px !important;
    overflow: hidden !important;
}
/* ============================================================
   CARDTISAN - ATC & CHECKOUT BUTON YAZI BOYUTLARI
   ============================================================ */

/* --- 1) ATC butonu: yazı büyür, kutu sabit kalır ---
   transform: scale() layout'a dokunmaz, buton boyutu değişemez. */

/* ATC - Masaüstü */
button.m-add-to-cart.m-spinner-button.m-button > span {
  transform: translateX(48px) translateY(1px) scale(1.3) !important;
  transform-origin: center center !important;
  white-space: nowrap !important;
}

/* ATC - Mobil */
@media only screen and (max-width: 767px) {
  button.m-add-to-cart.m-spinner-button.m-button > span {
    transform: translateY(1px) scale(1.2) !important;
    transform-origin: center center !important;
    white-space: nowrap !important;
  }
}

/* --- 2) Checkout butonu: font büyür, içerik hafif aşağı iner, kutu sabit ---
   Yükseklik = padding-top + padding-bottom + 4px border + font-size x 1.4
   Padding toplamı 18px sabit tutulduğu için yükseklik değişmiyor.
   Ok ikonu flex içinde olduğu için yazıyla birlikte hareket eder. */

/* Checkout - Masaüstü (3px aşağı) */
body.template-product .m-button.m-button--primary.p_a_t_ch,
body:not(.template-cart) .m-cart-drawer__footer .m-button--primary {
  font-size: 29px !important;
  padding: 12px 20px 6px !important;
}

/* Checkout - Mobil (2px aşağı) */
@media only screen and (max-width: 767px) {
  body.template-product .m-button.m-button--primary.p_a_t_ch,
  body:not(.template-cart) .m-cart-drawer__footer .m-button--primary {
    font-size: 27px !important;
    padding: 11px 15px 7px !important;
  }

  body.template-product .m-button.m-button--primary.p_a_t_ch::before {
    width: 22px !important;
    height: 22px !important;
  }

  /* Sadece cart drawer butonu: yanlardan 8'er px genişletildi */
  body:not(.template-cart) .m-cart-drawer__footer .m-button--primary {
    width: calc(90% + 16px) !important;
    max-width: 100% !important;
  }
}

/* ============================================================
   KOLEKSIYON SAYFASI REVIZE
   ============================================================ */

/* --- 1) Mobilde koleksiyon sayfalarinda footer ve newsletter gizli --- */
@media only screen and (max-width: 767px) {
  body.template-collection m-footer.m-footer,
  body.template-collection .shopify-section:has(> m-footer.m-footer),
  body.template-collection .m-newsletter-section,
  body.template-collection .shopify-section:has(> .m-newsletter-section) {
    display: none !important;
  }

  /* Footer gidince pagination ekranin dibine yapisiyordu, alt bosluk */
  body.template-collection .m-collection--pagination {
    padding-bottom: 40px !important;
  }
}

/* --- 2) Pagination: secili olmayan sayfalara border ---
   .current siyah daire olarak kalir, digerleri cerceveli olur.
   box-sizing border-box oldugu icin border daireyi buyutmez. */

.m-pagination > span:not(.deco):not(.current) {
  border: 1px solid rgba(var(--color-foreground), 0.3) !important;
}

.m-pagination > span:not(.deco):not(.current):hover {
  border-color: rgb(var(--color-foreground)) !important;
}

/* Mobilde ana sayfanin en ustune 20px bosluk */
@media only screen and (max-width: 767px) {
  body.template-index #MainContent {
    padding-top: 60px !important;
  }
}