/* ======================================================
   child.css — cleaned & slider-integrated
   (Backup original file before replacing)
   ====================================================== */

/* =========================
   GENEL
   ========================= */
html, body { overflow-x: hidden; }
img, video { max-width: 100%; height: auto; display: block; }
:root{ --ayk-primary:#233269; --ayk-gold:#f1d16a; }

/* Full-bleed helpers */
.is-root-container > .alignfull,
.entry-content > .alignfull,
.ct-main > .alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 100vw;
}

.ayk-hero .slide {
  background-color: #000; /* mevcut siyah arka plan */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* Eğer img görünmüyorsa yine de kaplıyor olsun */
.ayk-hero .slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Mobilde image tag çalışmazsa background-image CSS ile üzerine gelsin */
@media (max-width: 560px) {
  .ayk-hero.ayk-hero--minimal .slides { aspect-ratio: 4/5; }
}


/* Woo/galeri overflow güvence */
.swiper, .slick-slider, .wp-block-gallery, .wc-block-grid { overflow: hidden; }

/* Sayfa başlıklarını kapat (Blocksy) */
.page .entry-header, .page .page-title, .ct-breadcrumbs { display: none !important; }
.entry-content{ padding-top: 0 !important; }

/* =========================
   HERO – MINIMAL (Aykach) - CLEANED + SLIDER RULES
   ========================= */
.ayk-hero.ayk-hero--minimal{
  width:auto !important;
  max-width: min(1280px, 92vw);
  margin: 24px auto 28px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  background: #000;
  position: relative;
  user-select: none;
  touch-action: pan-y;
  color: #fff;
}
/**/
/* ==== MOBİL (≤992px): Saat menüsü tıklamayla aç/kapa, görseller gizli ==== */
@media (min-width: 992px){
  .ct-header .menu .menu-item.menu-saat .dc-caret{ display:none !important; }
}
@media (max-width: 991.98px){
  /* Varsayılan kapalı */
  .dc-mega .has-mega > .dc-mega__panel{ display:none; }

  /* .is-open olunca aç */
  .dc-mega .has-mega.is-open > .dc-mega__panel{ display:block; }

  /* Marka görsellerini mobilde gizle, sadece isim kalsın */
  .dc-mega__panel .dc-mega__brand-img{ display:none !important; }
  .dc-mega__panel .dc-mega__brand-name{ display:block; opacity:1; }

  /* Grid’i sade liste gibi göster (isteğe bağlı) */
  .dc-mega__brands{
    display:block;
  }
  .dc-mega__brand{ 
    display:block; 
    padding:10px 14px; 
    border-bottom:1px solid rgba(0,0,0,.06);
  }
}

/* ==== MASAÜSTÜ (≥992px): Hover ile açılma + görseller açık ==== */
@media (min-width: 992px){
  .dc-mega .has-mega:hover > .dc-mega__panel{
    opacity:1; pointer-events:auto; transform:none;
    display:block; /* bazı temalarda gerekli */
  }
  .dc-mega__panel .dc-mega__brand-img{ display:block; }
}

/* Dokunmatik cihazlarda hover davranışını bastırmaya yardımcı */
@media (hover:none){
  .dc-mega .has-mega:hover > .dc-mega__panel{ pointer-events:auto; }
}

/* Erişilebilirlik: tıklanabilir başlığın imleci ve ikon ipucu */
.dc-mega .has-mega > .dc-mega__link{ cursor:pointer; }
.dc-mega .has-mega > .dc-mega__link .dc-caret{
  margin-inline-start:.5rem; display:inline-block;
  transition: transform .2s ease;
}
.dc-mega .has-mega.is-open > .dc-mega__link .dc-caret{ transform: rotate(180deg); }




/* slides container: responsive aspect */
.ayk-hero.ayk-hero--minimal .slides{
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: grab;
  aspect-ratio: 16/6; /* desktop shallow */
}
@media (max-width: 992px){
  .ayk-hero.ayk-hero--minimal .slides{ aspect-ratio: 16/9; }
}
@media (max-width: 560px){
  .ayk-hero.ayk-hero--minimal .slides{ aspect-ratio: 4/5; }
}
.ayk-hero.ayk-hero--minimal .slides:active{ cursor: grabbing; }

/* slide base + fade */
.ayk-hero.ayk-hero--minimal .slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none;
  z-index: 0;
}
.ayk-hero.ayk-hero--minimal .slide.is-active{
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

/* picture/img: cover behavior */
.ayk-hero .slide picture,
.ayk-hero .slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
}

/* Content box (title, sub, cta) */
.ayk-hero.ayk-hero--minimal .content{
  position: absolute;
  left: 6%;
  bottom: 8%;
  z-index: 15;
  max-width: 60%;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.ayk-hero.ayk-hero--minimal .title{
  margin: 0 0 6px;
  font-weight: 700;
  line-height: 1.1;
  font-size: clamp(20px, 2.6vw, 32px);
}
.ayk-hero.ayk-hero--minimal .sub{
  margin: 0 0 12px;
  opacity: .9;
  font-size: clamp(14px, 1.6vw, 18px);
}
.ayk-hero.ayk-hero--minimal .cta{
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,0.95);
  color: #111;
  text-decoration: none;
  font-weight: 600;
  transition: transform .18s ease, box-shadow .18s ease;
  z-index: 50;
}
.ayk-hero.ayk-hero--minimal .cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

/* Nav arrows */
.ayk-hero.ayk-hero--minimal .nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 999px; border: 0;
  background: rgba(255,255,255,0.95);
  color: #111;
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  z-index: 60;
}
.ayk-hero.ayk-hero--minimal .nav.prev{ left: 12px; }
.ayk-hero.ayk-hero--minimal .nav.next{ right: 12px; }

/* mobile content center */
@media (max-width: 560px) {
  .ayk-hero.ayk-hero--minimal .content{
    left: 50%;
    transform: translateX(-50%);
    bottom: 6%;
    max-width: 92%;
    text-align: center;
    padding: 0 12px;
  }
  .ayk-hero.ayk-hero--minimal .title{ font-size: 18px; margin: 0; }
  .ayk-hero.ayk-hero--minimal .sub{ display: none; } /* optional to keep hero clean */
  .ayk-hero.ayk-hero--minimal .cta{ padding: 12px 20px; min-width: 140px; font-size: 15px; }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .ayk-hero.ayk-hero--minimal .slide{ transition: none; }
}

/* =========================
   YENİ GELENLER – yatay şerit (kept, cleaned)
   ========================= */
.dc-new{ background:#f4ece3; border-radius:14px; padding:28px 0 34px; position:relative; }
.dc-new__title{ text-align:center; margin:0 0 18px; font-weight:700; font-size:20px; }
.dc-new__wrap{ position:relative; }

.dc-new .products::-webkit-scrollbar{ display:none; }
.dc-new .products li.product{ scroll-snap-align:start; flex:0 0 auto; min-width:220px; max-width:240px; background:transparent; border:0; padding:0; }
.dc-new li.product a img{ width:200px; height:200px; border-radius:50%; object-fit:cover; margin:0 auto 10px; background:#fff; }
.dc-new .woocommerce-loop-product__title{ font-size:14px; line-height:1.35; font-weight:600; text-align:center; margin:6px 0 0; color:#1a1a1a; }

/* hide cart buttons inside this module (intentional) */
 .dc-new .button, .dc-new .add_to_cart_button, .dc-new .added_to_cart { display:none !important; }

@media (max-width:780px){
  .dc-new .products{ padding:6px 48px; gap:16px }
  .dc-new li.product a img{ width:160px; height:160px }
}
@media (max-width:480px){
  .dc-new li.product a img{ width:140px; height:140px }
}

/* =========================
   KOLEKSİYONLAR
   ========================= */
.ayk-collections{ background:#233269; color:#fff; padding:50px 0 35px; }
.ayk-collections h2{ text-align:left; max-width:1200px; margin:0 auto 22px; padding:0 40px; font-weight:600; font-size:22px; color:#fff; position:relative; }
.ayk-collections h2::after{ content:""; position:absolute; left:40px; bottom:-8px; width:60px; height:2px; background:#fff; opacity:.85;}
.ayk-collections .wp-block-columns{ display:grid !important; grid-template-columns:repeat(2,1fr); gap:60px; max-width:1200px; margin:0 auto; overflow:hidden; padding:0 40px; }
.ayk-collections img{ width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:4/3; transition:transform .5s ease; }
@media (max-width:780px){
  .ayk-collections .wp-block-columns{ grid-template-columns:1fr; gap:16px; padding:0 20px }
  .ayk-collections .ayk-links-row{ justify-content:center; gap:36px; padding:0 20px }
  .ayk-collections h2{ text-align:center; padding:0 20px }
  .ayk-collections h2::after{ left:50%; transform:translateX(-50%); }
}

/* =========================
   KATEGORİ KARTLARI (dc-card)
   ========================= */


/* Kategori kartlarının başlıklarını beyaz yap */
.dc-cat-cards .dc-card__title {
  color: #fff !important;
}
.dc-cat-cards .dc-card:hover .dc-card__title {
  color: #fff !important;
}
/* Altındaki çizgi (underline) rengi de daha uyumlu olsun istersen */
.dc-cat-cards .dc-card__underline {
  background-color: #fff !important;
}

.dc-cat-cards{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:22px !important; width:100% !important; max-width:1200px !important; margin:24px auto !important; padding:0 20px !important; box-sizing:border-box !important; }
@media (max-width:1024px){ .dc-cat-cards{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:640px){ .dc-cat-cards{ grid-template-columns:1fr !important; } }

.dc-card{ position:relative; border-radius:22px; overflow:hidden; background:#111; box-shadow:0 10px 26px rgba(0,0,0,.18); aspect-ratio:1/1; color:#fff; }
.dc-card > img{ width:100%; height:100%; object-fit:cover; transform:scale(1.02); transition:transform .6s ease; }
.dc-card__shade{ position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(0,0,0,.00) 55%, rgba(0,0,0,.55) 100%); transition:background .35s ease, backdrop-filter .35s ease; }
.dc-card__title{ position:absolute; left:24px; bottom:24px; margin:0; text-align:left; font-weight:800; font-size:clamp(20px,3vw,34px); z-index:3; text-shadow:0 2px 8px rgba(0,0,0,.35); transition:all .35s ease; }
.dc-card__title::after{ content:""; display:block; width:60px; height:4px; margin-top:6px; background:var(--ayk-gold); border-radius:2px; }
.dc-card:hover .dc-card__title, .dc-card:focus-within .dc-card__title{ left:50%; bottom:auto; top:var(--hover-center,50%); transform:translate(-40%,-40%); text-align:center; font-size:clamp(22px,3.6vw,40px); }
.dc-card__actions{ position:absolute; left:50%; top:calc(var(--hover-center,50%) - 30px); transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:6px; opacity:0; visibility:hidden; pointer-events:none; z-index:4; transition:opacity .35s ease; }
.dc-card:hover .dc-card__actions, .dc-card:focus-within .dc-card__actions{ opacity:1; visibility:visible; pointer-events:auto; }
.dc-card:hover > img, .dc-card:focus-within > img{ transform:scale(1.06); }
.dc-card:hover .dc-card__shade, .dc-card:focus-within .dc-card__shade{ background:linear-gradient(180deg,rgba(0,0,0,.45) 0%, rgba(0,0,0,.72) 100%); backdrop-filter:blur(1px); }
.dc-chip{ display:inline-block; min-width:160px; text-align:center; padding:10px 20px; border-radius:999px; background:rgba(0,0,0,.45); color:#fff; border:1px solid rgba(255,255,255,.3); font-weight:600; font-size:14px; text-decoration:none; backdrop-filter:blur(4px); transition:background .2s ease, transform .2s ease; }
.dc-chip:hover{ background:rgba(255,255,255,.2); transform:translateY(-2px); }
.dc-card__link{ position:absolute; inset:0; z-index:2; text-indent:-9999px; background:transparent; }

@media (max-width:640px){
  .dc-card{ aspect-ratio:4/5; --hover-center:54%; }
  .dc-card__title{ left:18px; bottom:18px; font-size:22px; }
  .dc-chip{ font-size:14px; padding:9px 14px; min-width:150px; }
}

/* =========================
   MARKALAR – yatay scroll
   ========================= */
.dc-brands{ background:#F2EBE2; padding:28px 0 36px; position:relative; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.dc-brands__head{ max-width:1200px; margin:0 auto 8px; padding:0 24px; display:flex; align-items:baseline; gap:20px; }
.dc-brands__track{ display:flex !important; align-items:center; gap:56px; overflow-x:auto; scroll-snap-type:x proximity; padding:12px 40px; -webkit-overflow-scrolling:touch; cursor:grab; scrollbar-width:none; }
.dc-brands__track::-webkit-scrollbar{ display:none; }
.dc-brands .brand{ scroll-snap-align:center; display:grid; place-items:center; height:64px; min-width:140px; flex:0 0 auto; text-decoration:none; }
.dc-brands .brand img{ height:100%; width:auto; max-width:260px; object-fit:contain; filter:grayscale(100%) contrast(1); opacity:.9; transition:filter .2s ease, opacity .2s ease, transform .2s ease; }
.dc-brands .brand:hover img{ filter:none; opacity:1; transform:translateY(-1px); }

@media (max-width:1024px){ .dc-brands__track{ gap:40px; padding:12px 24px } .dc-brands .brand{ height:56px; min-width:120px } }
@media (max-width:780px){ .dc-brands__nav{ top:64%; } }
@media (max-width:640px){ .dc-brands .brand{ height:48px; min-width:110px } }

/* =========================
   ÖNE ÇIKANLAR & GRID STYLES (kept)
   ========================= */
.ayk-featured h2{ text-align:left; max-width:1200px; margin:24px auto 12px; padding:0 20px; font-weight:700; }
.ayk-featured ul.products{ margin-top:8px; display:grid; gap:18px; }
.ayk-featured ul.products li.product{ background:#fff; border:1px solid #eef2f7; border-radius:14px; padding:14px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s; }
.ayk-featured ul.products li.product:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.08); border-color:#e5e9f0; }
.ayk-featured ul.products li.product img{ border-radius:10px; overflow:hidden; }
.ayk-featured ul.products li.product .woocommerce-loop-product__title{ font-weight:700; font-size:1rem; line-height:1.35; margin:10px 0 6px; }
.ayk-featured ul.products li.product .price{ font-weight:600; margin-bottom:10px; color:#000 !important; text-align:center; }

/* featured buttons center & style */
.ayk-featured ul.products li.product .button,
.ayk-featured ul.products li.product .added_to_cart,
.ayk-featured ul.products li.product a.add_to_cart_button {
  display:inline-flex !important; align-items:center; justify-content:center; margin:0 auto !important;
  min-width:140px; padding:10px 18px; border-radius:10px; background:var(--ayk-primary); color:#fff; font-weight:600; white-space:nowrap;
}

/* hide product meta fields used in many templates */
.ayk-featured ul.products li.product .product_meta,
.ayk-featured ul.products li.product .posted_in,
.ayk-featured ul.products li.product .tagged_as,
.ayk-featured ul.products li.product .woocommerce-loop-product__meta { display:none !important; }

/* =========================
   ÜRÜN (SINGLE) SAYFASI
   ========================= */
.single-product div.product{
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  padding: 24px;
  max-width: 1140px;
  margin: 28px auto;
}
.woocommerce-product-gallery{ margin-bottom: 16px; overflow: hidden; }
.woocommerce-product-gallery__image img{ border-radius: 12px; }
.single-product .cart{ display:flex; align-items:center; gap:12px; max-width:420px; }
.single-product .single_add_to_cart_button{ width:auto !important; min-width:180px; padding:12px 18px; border-radius:10px; }
.single-product .entry-summary .price{ font-size:1.6rem; font-weight:600; margin:8px 0 12px; }
.single-product .woocommerce-product-details__short-description{ margin-bottom:16px; color:#111 !important; line-height:1.6; }

/* Info cards */
.single-product .dc-info-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin:.75rem 0 1rem; }
@media (max-width:992px){ .single-product .dc-info-cards{ grid-template-columns:1fr; } }
.single-product .dc-info-card{ background:#fffaf3; border:1px solid #f1e2c5; border-radius:10px; padding:1rem; text-align:center; box-shadow:0 3px 12px rgba(0,0,0,.03); }
.single-product .dc-info-label{ display:block; font-size:.9rem; font-weight:700; letter-spacing:.02em; text-transform:uppercase; color:#c6a15b; margin-bottom:.35rem; }
.single-product .dc-info-label::before{ content: attr(data-icon); display:block; font-size:1.3rem; margin-bottom:.25rem; }
.single-product .dc-info-card strong{ display:block; color:#111; font-weight:700; }

/* quantity input color */
.single-product .cart .quantity input.qty{ color:#111 !important; background-color:#fff !important; border:1px solid #ddd; border-radius:8px; text-align:center; }

/* =========================
   İLETİŞİM SAYFASI (AYK-CONTACT) — FIXED CENTER
   ========================= */

/* Tek yerde merkezleme ve genişlik kontrolü */
.ayk-contact { --contact-max: 980px; }

/* Blocksy kapsayıcılarını tek kolona indirip merkeze al */
.ayk-contact .ct-container,
.ayk-contact .ct-main,
.ayk-contact .entry-content,
.ayk-contact .ayk-container{
  max-width: var(--contact-max);
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Grid/yan sütun davranışlarını nötralize et (sağa kaymayı keser) */
.ayk-contact .ct-container{ display: block !important; }
.ayk-contact .ct-sidebar,
.ayk-contact .widget-area{ display: none !important; }

/* Senin mevcut stilini koruyarak (sadece merkeze alınmış halde) */
.ayk-contact .ayk-container{ padding: 40px 16px 60px; }
.ayk-contact .dc-stack{ display: grid; gap: 24px; }
.ayk-contact .ayk-card, .ayk-contact .dc-card, .ayk-contact .dc-map{
  background:#fff !important; color:#111 !important;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  border-radius:16px; padding:24px;
}
.ayk-contact .dc-title{
  font-size:clamp(28px,3.2vw,40px); font-weight:800;
  text-align:center; margin:8px 0 6px;
}
.ayk-contact .dc-sub{ text-align:center; color:#555; max-width:720px; margin:0 auto 20px; }
.ayk-contact .dc-form .field{ display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.ayk-contact .dc-form label{ font-weight:600; color:#111; }
.ayk-contact .dc-form input,
.ayk-contact .dc-form textarea,
.ayk-contact .dc-form select{
  width:100%;
  border:1px solid rgba(0,0,0,.15) !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  font-size:15px; background:#fff !important; color:#111 !important;
}
.ayk-contact .dc-form input::placeholder,
.ayk-contact .dc-form textarea::placeholder{ color:#8a8a8a; }
.ayk-contact .dc-form input:focus,
.ayk-contact .dc-form textarea:focus,
.ayk-contact .dc-form select:focus{
  outline:none; border-color:var(--ayk-primary) !important;
  box-shadow:0 0 0 4px rgba(35,50,105,.12);
}
.ayk-contact .dc-btn-primary{
  background:var(--ayk-primary); color:#fff; border:none;
  padding:12px 18px; border-radius:12px; font-weight:700; cursor:pointer;
}
.ayk-contact .dc-map iframe{ width:100%; height:340px; border:0; border-radius:12px; }

/* v2 varyantların korunması */
.ayk-contact.v2 .info-card .actions{
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center; align-items:center;
}
.ayk-contact.v2 .info-card .btn-outline{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; min-width:120px;
  border:1px solid rgba(255,255,255,.6); border-radius:10px; color:#fff; text-decoration:none;
}
.ayk-contact.v2 .btn-outline:hover{ border-color:#fff; }
.ayk-contact.v2 .contact-form{ max-width:560px; margin:0 auto !important; float:none !important; clear:both !important; }

/* KVKK checkbox toparlama */
.ayk-contact.v2 .field.checkbox{
  display:flex; align-items:flex-start; gap:10px; margin-top:6px;
  font-size:14px; color:#333;
}
.ayk-contact.v2 .field.checkbox input[type="checkbox"]{
  width:18px; height:18px; accent-color:var(--ayk-primary);
  margin-top:2px; cursor:pointer; border-radius:4px;
}
.ayk-contact.v2 .field.checkbox a{ color:var(--ayk-primary); text-decoration:underline; font-weight:600; }

@media (max-width:600px){
  .ayk-contact .ayk-card{ padding:18px; }
}
/* =========================
   İLETİŞİM (v2) — TEK KOLON OVERRIDE
   ========================= */

/* 1) Tüm bloklar sırayla alta insin, merkezde dursun */
.ayk-contact.v2 .container{
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 16px;
  display: block !important;     /* olası grid/flex’i kapat */
}
.ayk-contact.v2 .contact-head,
.ayk-contact.v2 .contact-side,
.ayk-contact.v2 .contact-body,
.ayk-contact.v2 .map-wrap{
  width: 100%;
  margin: 0 0 20px 0;
}

/* Formu %100 ortalamak için tam hizalama düzeltmesi */
.page-id-XX .ct-container,
.page-id-XX .ct-main,
.page-id-XX .entry-content,
.page-id-XX .content-area,
.page-id-XX .contact-body{
  max-width: 740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* Üstündeki olası gridleri sıfırla */
.page-id-XX .wp-block-columns{
  display: block !important;
  margin: 0 auto !important;
}



/* 2) Kart görünümü (bilgi kartı + form gövdesi) */
.ayk-contact.v2 .info-card,
.ayk-contact.v2 .contact-form{
  background:#fff;
  color:#111;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  padding:20px;
}

/* 3) Form alanları – senin HTML sınıflarına göre (ayk-form) */
.ayk-contact.v2 .ayk-form .grid{
  display:grid;
  grid-template-columns: 1fr;   /* tek sütun */
  gap:14px;
}
.ayk-contact.v2 .ayk-form .field-full{ grid-column: 1 / -1; }
.ayk-contact.v2 .ayk-form label{ font-weight:600; color:#111; }
.ayk-contact.v2 .ayk-form input,  
.ayk-contact.v2 .ayk-form textarea,
.ayk-contact.v2 .ayk-form select{
  width:100%;
  border:1px solid rgba(0,0,0,.15);
  border-radius:12px;
  padding:12px 14px;
  background:#fff; color:#111;
  font-size:15px;
}
.ayk-contact.v2 .ayk-form input:focus,
.ayk-contact.v2 .ayk-form textarea:focus,
.ayk-contact.v2 .ayk-form select:focus{
  outline:none;
  border-color:#233269;
  box-shadow:0 0 0 4px rgba(35,50,105,.12);
}

/* 4) Butonlar — birincil & ikincil */
.ayk-contact.v2 .btn-primary,
.ayk-contact.v2 button[type="submit"],
.ayk-contact.v2 input[type="submit"]{
  background:#233269;
  color:#fff;
  border:1px solid #233269;
  border-radius:12px;
  padding:12px 18px;
  font-weight:700;
  cursor:pointer;
}
.ayk-contact.v2 .btn-primary:hover,
.ayk-contact.v2 button[type="submit"]:hover,
.ayk-contact.v2 input[type="submit"]:hover{
  filter:brightness(0.95);
}

.ayk-contact.v2 .btn-outline{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px;
  background:#fff;
  color:#233269;
  border:1px solid rgba(35,50,105,.35);
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
}
.ayk-contact.v2 .btn-outline:hover{ border-color:#233269; }

/* 5) KVKK satırı – hizalama */
.ayk-contact.v2 .field.checkbox{
  display:flex; gap:10px; align-items:flex-start;
  font-size:14px; color:#333;
}
.ayk-contact.v2 .field.checkbox input[type="checkbox"]{
  width:18px; height:18px; accent-color:#233269; margin-top:2px;
}
.ayk-contact.v2 .field.checkbox a{ color:#233269; text-decoration:underline; font-weight:600; }

/* 6) Harita yüksekliği */
.ayk-contact.v2 .map-wrap iframe{
  width:100%; height:360px; border:0; border-radius:12px;
}

/* =========================
   HOME BRANDS GRID (clean)
   ========================= */
.dc-home-brands { padding: clamp(24px, 6vw, 64px) 0; }
.dc-home-brands__inner { max-width: min(1400px, 92vw); margin:0 auto; display:grid; grid-template-columns: repeat(6, 1fr); gap: clamp(16px,2vw,36px) clamp(24px,3vw,64px); align-items:center; justify-items:center; }
@media (max-width:1200px){ .dc-home-brands__inner{ grid-template-columns:repeat(5,1fr);} }
@media (max-width:992px){ .dc-home-brands__inner{ grid-template-columns:repeat(4,1fr);} }
@media (max-width:720px){ .dc-home-brands__inner{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:480px){ .dc-home-brands__inner{ grid-template-columns:repeat(2,1fr);} }
.dc-home-brands__box{ width:clamp(120px,14vw,200px); height:clamp(48px,6vw,84px); display:flex; align-items:center; justify-content:center; }
.dc-home-brands__img{ max-width:100%; max-height:100%; object-fit:contain; display:block; }

/* =========================
   Misc small helpers
   ========================= */
.ayk-section{ max-width:1140px; margin:32px auto; padding:0 16px; }
.ayk-card{ background:#233269; border-radius:16px; box-shadow:0 12px 30px rgba(0,0,0,.08); padding:24px; }
.ayk-section__title{ font-size:1.5rem; font-weight:700; margin:0 0 18px; }

/* ensure text color default (avoid accidental white text) */
body, p, li, span { color: #000; }
.ayk-hero, .dc-hero, .ayk-dark, footer, .dc-footer { color: #fff; }
.ayk-hero p, .dc-hero p, footer p, .dc-footer p { color: #fff; }

ul.products li.product li.meta-categories,
ul.products li.product li.meta-categories a,
.meta-categories,
.meta-categories a {
  text-transform: none !important;
  font-variant: normal !important;
  text-transform: none !important;
}

.dc-new__wrap{
  position: relative;
  padding: 0 56px;              /* oklar için iç boşluk */
}

.dc-new__list{                  /* Woo ürün gridini taşır */
  position: relative;
  z-index: 1;
}

/* Okların görünümü */
.dc-new__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 42px; height: 42px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  border: none;
  line-height: 42px;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  user-select: none;
}

/* Sol / Sağ konumlar */
.dc-new__nav--prev{ left: 12px; }
.dc-new__nav--next{ right: 12px; }

/* Hover durumu */
.dc-new__nav:hover{
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

/* Mobilde biraz küçültelim */
@media (max-width: 768px){
  .dc-new__wrap{ padding: 0 44px; }
  .dc-new__nav{ width: 36px; height: 36px; line-height: 36px; font-size: 20px; }
  .dc-new__nav--prev{ left: 8px; }
  .dc-new__nav--next{ right: 8px; }
}


/* Markalar sayfası */
.dc-brands-page__grid { margin-bottom: clamp(24px, 4vw, 48px); }
.dc-brand-block { margin: clamp(24px, 4vw, 54px) 0; }
.dc-brand-block__head{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; margin-bottom: 14px;}
.dc-brand-block__title{
  font-size: clamp(20px,1.6vw,28px); font-weight:700; margin:0;}
.dc-brand-block__more{
  display:inline-block; padding:8px 14px; border:1px solid #ccc; border-radius:999px;
  text-decoration:none; font-weight:600;}
.dc-brand-block__more:hover{ border-color:#000; }
/* Kartlar arasında biraz nefes */
ul.products{ gap: 18px; }
.dc-brand-block li.product .button,
.dc-brand-block li.product a.add_to_cart_button,
.dc-brand-block li.product a.product_type_simple {
  background: #233269 !important;
  border-color: #233269 !important;
  color: #fff !important;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
  align-self: center;
  order: 40;
}
.dc-brand-block li.product .button:hover,
.dc-brand-block li.product a.add_to_cart_button:hover,
.dc-brand-block li.product a.product_type_simple:hover {
  filter: brightness(0.95);
}


/* “Tümünü Gör” butonu */
.dc-brand-block__more {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid #233269;
  background: #233269;
  color: #fff;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  transition: color .2s ease;
}
.dc-brand-block__more:hover {
  color: #FFC107; /* sarı yazı rengi hover'da */
}
/* =========================
   MARKALAR GRID ORTALAMA
   ========================= */
.dc-home-brands__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* yatay ortalama */
  align-items: center;       /* dikey ortalama */
  gap: 40px;                 /* aralarındaki boşluk */
  text-align: center;
  margin: 0 auto;
  max-width: 1320px;         /* taşmayı önlemek için */
}

.dc-home-brands__inner > div {
  flex: 1 1 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Tek sütun ve merkez */
.ayk-contact .ct-container,
.ayk-contact .ct-main,
.ayk-contact .entry-content{ max-width:980px; margin:0 auto !important; }

.ayk-contact .wp-block-columns{ display:block !important; } /* iki sütunu kır */
.ayk-contact form .form-row{ width:100% !important; max-width:100% !important; }

/* KVKK satırı (tıklanabilir alan, düzgün hizalama) */
.ayk-contact .kvkk-line{ display:flex; align-items:flex-start; gap:10px; margin-top:8px; }
.ayk-contact .kvkk-line input[type="checkbox"]{ transform:translateY(2px); }
.ayk-contact .kvkk-line label{ line-height:1.4; cursor:pointer; }

/* Genel tipografi */
.ayk-contact input, .ayk-contact textarea, .ayk-contact select{ width:100%; }
  


/* ======================================================
   END OF FILE
   ====================================================== */

   /*FORM ORTALAMASI İÇİN GRİD AYARLARI üü */

   .ayk-contact.v2 .contact-body {
  display: block !important;          /* grid'i kapat */
  grid-template-columns: none !important; /* sütunları iptal et */
  width: 100% !important;
  margin: 0 auto !important;          /* ortala */
  max-width: var(--contact-max, 1140px) !important;
}


/* Checkout dışındaki tüm sayfalarda yüzen iyzico butonunu gizle */
body:not(.woocommerce-checkout) #iyziFloatingButton,
body:not(.woocommerce-checkout) #iyzico-checkout-form-trigger,
body:not(.woocommerce-checkout) .iyzico-checkout-form-trigger,
body:not(.woocommerce-checkout) .iyzico-checkout-form,
body:not(.woocommerce-checkout) .iyzico-sticky,
body:not(.woocommerce-checkout) a[href*="iyzico"][class*="button"],
body:not(.woocommerce-checkout) [class*="iyzico"][class*="floating"]{
  display: none !important;
  visibility: hidden !important;
}

/* ---- Aykach Woo Kart Standardı ---- */

/* Kart kutusu */
.woocommerce ul.products li.product,
.products .product {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(0,0,0,.08);
}

/* Görsel alanını sabit oranda tut (4:5) ve taşmaları kırp */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
}

/* Hover'da 2. görseli gösterme:
   Woo birinci görseli basıyor, functions.php ikinciyi .dc-hover-image olarak ekliyor. */
.woocommerce ul.products li.product .dc-hover-image-wrap {
  position: absolute;
  inset: 0;           /* top/right/bottom/left: 0 */
  pointer-events: none;
}
.woocommerce ul.products li.product .dc-hover-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .25s ease;
}
.woocommerce ul.products li.product.dc-has-2nd:hover .dc-hover-image {
  opacity: 1;
}

/* Başlık – iki satırda kes */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: 600;
  line-height: 1.25;
  min-height: 2.5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: .6rem .9rem .2rem;
}

/* ——— SHOP KART STANDARTI + HOVER 2. GÖRSEL ——— */

/* Eski snippet kaldıysa görünmesin (güvenlik için) */
.dc-hover-image-wrap, .dc-hover-image { display: none !important; }

/* Kart kutusu */
.woocommerce ul.products li.product{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(0,0,0,.08);
}

/* Görsel sarmalayıcı ve iki katmanlı görsel */
.dc-thumb-wrap{ position: relative; display:block; width:100%; }
.dc-thumb-wrap .dc-thumb{
  width:100%; aspect-ratio:4/5; object-fit:cover; display:block;
}
.dc-thumb-wrap .dc-thumb.secondary{
  position:absolute; inset:0; opacity:0; transition:opacity .25s ease;
}
.woocommerce ul.products li.product:hover .dc-thumb-wrap .dc-thumb.secondary{ opacity:1; }

/* Başlık, fiyat, buton */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight:600; line-height:1.25; min-height:2.5em;
  margin:.6rem .9rem .2rem;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.woocommerce ul.products li.product .price{
  margin:0 .9rem .6rem; color:#233269; font-weight:700;
}
.woocommerce ul.products li.product .button{
  margin:0 .9rem .9rem; width:calc(100% - 1.8rem);
  text-align:center; border-radius:10px;
  background:#233269 !important; border-color:#233269 !important; color:#fff !important;
  transition: transform .15s ease, filter .15s ease;
}
.woocommerce ul.products li.product .button:hover{ filter:brightness(1.05); transform:translateY(-1px); }

/* Fiyatsız ürün overlay’i */
.dc-no-price{ position:relative; filter:grayscale(.2); }
.dc-no-price::after{
  content:"Stokta yok";
  position:absolute; inset:0; background:rgba(255,255,255,.8);
  color:#233269; display:grid; place-items:center;
  font-weight:700; text-transform:uppercase; letter-spacing:.5px; font-size:1rem;
}

/* Mobilde 2 kolon (opsiyonel) */
@media (max-width:680px){
  .woocommerce ul.products[class*="columns-"] li.product{ width:48% !important; }
}




/*Bu css Emirhan Sarı tarafından hazırlanmıştır */

/* AYKACH – Sepete Eklendi (added_to_cart wc-forward) Premium Button Style */
a.added_to_cart.wc-forward {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    background-color: #c7a97a;       /* AYKACH lacivert */
    color: #fff !important;
    border-radius: 50px;             /* oval görünüm */
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    transition: 0.25s ease;
    border: none;
    letter-spacing: 0.2px;
}

/* Hover */
a.added_to_cart.wc-forward:hover {
    background-color: #978260;        /* bir ton koyusu */
    color: #fff !important;
    transform: translateY(-1px);
}

/* Butonun ürün kartında kaymasını engeller */
ul.products li.product a.added_to_cart.wc-forward {
    margin-top: 8px;
    width: 100%;
    box-sizing: border-box;
}


#iyzico-bp01,
#iyzico-bp01 *,
.Overlay__Wrapper-sc-1jqrjjm-0,
.Overlay__Wrapper-sc-1jqrjjm-0 *,
.Overlay__Tab-sc-1jqrjjm-1,
.Overlay__Tab-sc-1jqrjjm-1 * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}



/* SHOP ve KATEGORİ sayfalarında mobil ürün gridini düzelt */
/* Yeni Gelenler gibi diğer bölümlere dokunmaz */
/* TÜM ürün listelerinde (shop, kategori, marka, arama, kısa kodlar…) 
   mobilde 2 sütun grid uygula */
@media (max-width: 768px) {




  .woocommerce ul.products li.product .button,
  ul.products li.product .button {
    width: 100%;
    text-align: center;
  }
}


@media (max-width: 768px) {
  .dc-new__list ul.products li.product {
    width: 100% !important;  /* Yeni Gelenler tek sütun */
  }
}

/* MARKALAR sayfasındaki brand bloklarını mobilde yatay carousel yap */
@media (max-width: 768px) {

  /* Listeyi yatay scroll'a çevir */
  .dc-brand-block ul.products {
    display: flex;
    flex-wrap: nowrap;           /* tek sıra, yan yana */
    overflow-x: auto;            /* yatay kaydırma */
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    padding: 0 16px 16px 16px;   /* sağ/sol biraz nefes alan */
    scroll-snap-type: x mandatory;
  }

  /* Her ürün kartı bir “slide” olsun */
  .dc-brand-block ul.products li.product {
    flex: 0 0 75%;               /* kart genişliği: ekranın ~%75'i */
    max-width: 75%;
    margin: 0 !important;        /* global grid marginlerini boz */
    scroll-snap-align: start;
  }
}

/* Yeni Gelenler – mobilde yatay scroll */
@media (max-width: 768px) {
  /* Okları istersen mobilde gizleyelim */
  .dc-new__nav {
    display: none;
  }

  /* Tek tek ürün kartları */
  .dc-new__list ul.products li.product {
    flex: 0 0 70%;       /* Kart genişliği: ekranın ~%70’i */
    max-width: 70%;
    scroll-snap-align: start;
  }

  /* Ürün kartı içeriğini tam doldursun */
  .dc-new__list ul.products li.product a {
    display: block;
    height: 100%;
  }
}



.dc-section.dc-new {
  position: relative;
}

/* İç wrap: oklar + ürün listesi */
.dc-new__wrap {
  position: relative;
  display: flex;
  align-items: center;
}

/* Ürün listesinin sağ/sol kenarlarda boşluk bırakması */
.dc-new__list {
  flex: 1;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 0 60px; /* oklar için boşluk */
}

.dc-new__nav {
  display: inline-flex;          /* butonu flex container yap */
  align-items: center;           /* dikey ortalama */
  justify-content: center;       /* yatay ortalama */

  width: 36px;                   /* siyah bloğun genişliği */
  height: 36px;                  /* siyah bloğun yüksekliği */
  padding: 0;                    /* iç padding iptal */
  line-height: 1;                /* miras line-height'i iptal et */

  background: #000;
  color: #fff;
  border-radius: 999px;          /* tam oval görünüm (istersen 8px yaparsın) */
  border: none;
  cursor: pointer;
  font-size: 18px;
}

/* Konumlandırma aynı kalsın, sadece referans olsun diye ekliyorum */
.dc-new__nav--prev {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.dc-new__nav--next {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

/* Yeni Gelenler – mobilde kartın kesilmesini düzelt */
/* Yeni Gelenler – MOBİL düzen: kart tam görünsün + oklar gözüksün */
/* Yeni Gelenler – MOBİL düzen: kart tam görünsün + oklar gözüksün */
@media (max-width: 768px) {

  /* Dış bölüm kartı kesmesin */
  .dc-section.dc-new {
    padding: 24px 0 30px;
  }

  /* Oklar + liste yan yana */
  .dc-new__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  /* Orta kısım (ürünler) – kaydırılabilir alan */
  .dc-new__list {
    flex: 1 1 auto;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
  }

  /* WooCommerce wrapper tam genişlik */
  .dc-new__list .woocommerce {
    width: 100%;
  }

  /* Ürün listesini yatay flex yap */
.dc-new__list ul.products {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  /* Üstten 20px (hover hareketi için), Alttan 40px (gölge ve kartın tamamı için) */
  padding: 20px 4px 40px 4px !important; 
  gap: 12px;
  scroll-snap-type: x mandatory;
  align-items: center; /* Kartları dikeyde ortalar */
}

  /* HER KART EKRANI TAM KAPLASIN (yarım kalmasın) */
  .dc-new__list ul.products li.product {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    float: none;
    scroll-snap-align: start;
    transform: none !important;   /* varsa eski slider transform'unu iptal et */
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Ok butonları görünsün */
  .dc-new__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
  }
}




/* =======================================================
   YENİ GELENLER — KESİN DÜZGÜN ÇÖZÜM (MOBİL + MASAÜSTÜ)
   ======================================================= */

/* Masaüstü slider korunsun */
.dc-new .products {
  display: flex !important;
  overflow-x: auto;
  gap: 22px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 6px 60px;
}
.dc-new .products li.product {
  scroll-snap-align: start;
  flex: 0 0 auto;
}

/* Mobil: tam genişlik slide + oklar görünsün */
@media (max-width: 768px) {

  /* UL kapsayıcısını tam genişlik yap */
  .dc-new__list .woocommerce.columns-4,
  .dc-new__list .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* UL kendisi tam genişlik alsın */
  .dc-new__list ul.products {
    width: 100% !important;
    padding: 0 40px 12px !important;
    gap: 16px !important;
    overflow-x: auto;
    flex-wrap: nowrap !important;
  }

  /* KART TAM GENİŞLİK — Yarısı içeri kaçmayacak */
  .dc-new__list ul.products li.product {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Ok butonları görünsün */
  .dc-new__nav {
    display: flex !important;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
  }
}

/* --- YENİ GELENLER: MOBİL YATAY SCROLL (KESİN ÇÖZÜM) --- */
@media (max-width: 768px) {

  /* 1. Kapsayıcıyı yatay şeride zorla */
  .dc-new__list ul.products,
  .woocommerce .dc-new__list ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;       /* Alt satıra geçmeyi engeller */
    overflow-x: auto !important;        /* Yatay kaydırmayı açar */
    overflow-y: hidden !important;
    justify-content: flex-start !important; /* Sola hizalar */
    scroll-snap-type: x mandatory;      /* Kaydırınca kartın ortada durmasını sağlar */
    gap: 16px !important;               /* Kartlar arası boşluk */
    padding: 10px 20px 40px 20px !important; /* Alt tarafa gölge payı bırakır */
    margin: 0 !important;
    width: 100% !important;
  }

  /* 2. Kartların genişliğini ayarla */
  .dc-new__list ul.products li.product {
    flex: 0 0 75% !important;           /* Ekranda %75 yer kaplasın (yandaki görünsün diye) */
    max-width: 75% !important;
    width: 75% !important;
    margin: 0 !important;               /* Dış boşlukları sıfırla */
    scroll-snap-align: center;          /* Durunca ekranın ortasına gelsin */
    float: none !important;             /* Eski float yapısını iptal et */
  }
}



@media (max-width: 768px) {

  /* 1. Okları (Navigasyonu) Serbest Bırak */
  /* Okların kapsayıcıdan taşmasına izin veriyoruz */
  .dc-new__wrap {
    padding: 0 44px; /* Oklara yer açmak için iç padding veriyoruz */
    display: block !important; /* Okları listeyle yan yana olmaktan çıkarır */
  }

  /* 2. Ana Kaydırma Alanı (dc-new__list) */
  .dc-new__list {
    /* Kaydırmayı bu eleman yönetecek */
    flex: 1 1 auto !important; 
    overflow-x: auto !important; 
    overflow-y: visible !important;
    
    /* Scrollbar'ı gizle */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    
    /* Okların yerini açmak için dış marj ekliyoruz */
    margin: 0 -44px !important;
    width: auto !important;
  }
  .dc-new__list::-webkit-scrollbar {
    display: none !important;
  }

  /* 3. Ürün Listesi (UL) ve Kartlar */
  .dc-new__list ul.products,
  .woocommerce .dc-new__list ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    
    /* Kartların taşmaması için scroll-snap alanına boşluk ekliyoruz */
    padding: 10px 44px 45px 44px !important; 
    
    gap: 15px !important;
    width: auto !important; /* Esnekliği koru */
    scroll-snap-type: x mandatory;
  }

  /* 4. Tekil Ürün Kartı (Li) */
  .dc-new__list ul.products li.product {
    width: 68vw !important;
    min-width: 260px !important;
    max-width: 75vw !important;
    flex: 0 0 75vw !important;

    scroll-snap-align: center;

    margin: 0 !important;
    float: none !important;
    position: relative !important;
    z-index: 10 !important;
    transform: none !important;
  }
  
  /* 5. Ok Butonları (Navigasyon) */
  .dc-new__nav {
    display: flex !important; /* Okları tekrar göster */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    line-height: 1;
    font-size: 18px;
    border-radius: 999px;
  }

  .dc-new__nav--prev { left: 0px !important; } /* Okları tam kenara hizala */
  .dc-new__nav--next { right: 0px !important; }
}


/* ===============================
   AYKACH MOBİL - GERÇEK 2’Lİ GRID
==================================*/
@media (max-width: 768px) {

  ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }

  ul.products li.product {
    width: 48% !important;
    background: #fff;
    border-radius: 22px;
    padding: 14px 10px 16px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
  }

}

@media (max-width: 768px) {
  ul.products li.product .woocommerce-loop-product__title {
    min-height: 40px;
    font-size: 14px !important;
    line-height: 1.3;
    margin-bottom: 6px;
  }

  ul.products li.product .price {
    font-size: 15px !important;
    font-weight: 600;
    margin-bottom: 10px;
  }

  ul.products li.product img {
    max-height: 150px;
    object-fit: contain;
    margin-bottom: 12px;
  }
}


/* ===============================
   AYKACH - Benzer Ürünler Grid
==================================*/
/* ===============================
   AYKACH - Benzer Ürünler Grid
==================================*/

@media (max-width: 768px) {

  /* UL yapısı */
  ul.products.columns-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding-left: 0 !important;
  }

  /* Ürün Kartı */
  ul.products.columns-4 li.product {
    width: 48% !important;
    background: #fff;
    border-radius: 22px;
    padding: 14px 10px 16px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    display: flex !important;
    flex-direction: column;
    justify-content: space-between !important;
  }

  /* Görsel */
  ul.products.columns-4 li.product img {
    max-height: 140px;
    object-fit: contain;
    margin-bottom: 10px;
  }

  /* Başlık */
  ul.products.columns-4 li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
    line-height: 1.3;
    min-height: 38px;
    margin-bottom: 6px;
  }

  /* Fiyat */
  ul.products.columns-4 li.product .price {
    font-size: 14px !important;
    font-weight: 600;
    margin-bottom: 10px;
  }

  /* Sepete ekle */
  ul.products.columns-4 li.product .button {
    background: #233269 !important;
    color: #fff !important;
    border-radius: 12px !important;
    width: 100%;
    text-align: center;
    padding: 10px 0 !important;
    font-size: 12px !important;
    font-weight: 600;
  }
}

/* ===============================
   AYKACH – Mobil kartta metin kesilmesini düzelt
==================================*/
@media (max-width: 768px) {

  /* Kartın yüksekliğini serbest bırak, taşmayı engelleme */
  body.tax-product_brand ul.products li.product,
  body.post-type-archive-product ul.products li.product,
  body.single-product .related ul.products li.product {
    height: auto !important;
    overflow: visible !important;
  }

  /* Blocksy iç kart sarmalayıcısı varsa onu da serbest bırak */
  body.tax-product_brand ul.products li.product .ct-woo-card,
  body.post-type-archive-product ul.products li.product .ct-woo-card,
  body.single-product .related ul.products li.product .ct-woo-card {
    height: auto !important;
    overflow: visible !important;
  }

  /* Başlıkların kırpılmasını engelle */
  body.tax-product_brand ul.products li.product .woocommerce-loop-product__title,
  body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
  body.single-product .related ul.products li.product .woocommerce-loop-product__title {
    display: block;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    max-height: none;
  }
}


/* ====================================
   AYKACH – "Yeni Gelenler" mobil görünüm
   (diğer mobil grid kurallarını EZMESİN)
=======================================*/
@media (max-width: 768px) {

  /* Yeni Gelenler ürün listesi tekrar yatay slider olsun */
  .dc-new ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-left: 0 !important;
  }

  .dc-new ul.products li.product {
    min-width: 70%;              /* ekranda tek kart baskın dursun */
    scroll-snap-align: start;
    /* varsa önceki grid genişliklerini ezer */
    width: auto !important;
  }
}


/* ====================================
   AYKACH – Yeni Gelenler kartını tam göster
   (mobil)
=======================================*/
@media (max-width: 768px) {

  /* Yeni Gelenler listesi – slider kalıyor ama kartı kesme */
  .dc-new .dc-new__list,
  .dc-new .woocommerce {
    height: auto !important;
    overflow: visible !important;
  }

  .dc-new ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: hidden !important; /* yatay scroll yerine okları kullanalım */
    gap: 0 !important;
  }

  /* Her slide tam ekran genişliğinde olsun, kesilmesin */
  .dc-new ul.products li.product {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 18px 24px !important;   /* bej kart içinde nefes alsın */
  }
}

/* ====================================
   AYKACH – Yeni Gelenler (Mobil) 
   Sadece 1 ürün kartı tam görünsün
=======================================*/
@media (max-width: 768px) {

  /* Slider alanını keskin şekilde maskele */
  .dc-new .dc-new__list {
    overflow: hidden !important;
    position: relative;
  }

  /* UL ürün listesi */
  .dc-new ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important; /* yandakini tamamen saklar */
    scroll-snap-type: x mandatory;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Her ürün kartı tam ekran olsun */
  .dc-new ul.products li.product {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    scroll-snap-align: start;
    margin: 0 !important;
  }

  /* Her ihtimale karşı kart gövdesinin taşıntılarını kapat */
  .dc-new ul.products li.product > * {
    overflow: visible !important;
  }
}


/* ===========================================
   AYKACH – MOBİL ÜRÜN GRID + KART (TEMİZ FINAL)
   Sadece mobil (<=768px). Masaüstüne dokunmaz.
===========================================*/
@media (max-width: 768px) {

  /* 1) ÜRÜN LİSTESİ → GERÇEK 2'Lİ GRID  */
  body.tax-product_brand ul.products,
  body.post-type-archive-product ul.products,
  body.single-product .related ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding-left: 0 !important;
    margin: 0 !important;
  }

  /* 2) KART GÖVDESİ */
  body.tax-product_brand ul.products li.product,
  body.post-type-archive-product ul.products li.product,
  body.single-product .related ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
  }

  /* 3) GÖRSEL */
  body.tax-product_brand ul.products li.product img,
  body.post-type-archive-product ul.products li.product img,
  body.single-product .related ul.products li.product img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 150px;
    object-fit: contain;
    margin: 10px auto 0;
  }

  /* 4) ÜRÜN ADI – 3 SATIR + "..."  */
  ul.products li.product .woocommerce-loop-product__title,
  ul.products li.product .woocommerce-loop-product__title a {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
    margin: 10px 12px 4px;
    color: inherit;
    text-decoration: none;

    /* Başlık alanı kartı tam kullansın */
    width: 100% !important;
    max-width: 100% !important;
    text-align: left;
    box-sizing: border-box;

    /* Kelime kelime kırılmasın */
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;

    /* 3 satır + ... */
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    min-height: calc(1.35em * 2); /* en az 2 satır yüksekliğinde olsun */
  }

  /* 5) FİYAT  */
  body.tax-product_brand ul.products li.product .price,
  body.post-type-archive-product ul.products li.product .price,
  body.single-product .related ul.products li.product .price {
    font-size: 14px;
    font-weight: 600;
    margin: 0 12px 10px;
    display: block;
  }

  /* 6) META / KATEGORİ (Tag Heuer , Saat) GİZLE */
  ul.products li.product ul.entry-meta,
  ul.products li.product ul.entry-meta .meta-categories,
  ul.products li.product ul.entry-meta .meta-categories * {
    display: none !important;
  }

  /* 7) SEPETE EKLE BUTONU */
  body.tax-product_brand ul.products li.product .button,
  body.post-type-archive-product ul.products li.product .button,
  body.single-product .related ul.products li.product .button {
    margin-top: auto;
    width: 100%;
    text-align: center;
    padding: 10px 0 !important;
    background: #233269 !important;
    color: #ffffff !important;
    border-radius: 0 0 24px 24px !important;
    font-size: 13px !important;
    font-weight: 600;
  }
}


/* AYKACH – Mobilde kart içi genişlik ve hizalama düzeltmesi */
@media (max-width: 768px) {

  /* Kart içi ana blokları genişlet ve sola hizala */
  ul.products li.product .ct-woo-card,
  ul.products li.product .ct-woo-card-inner,
  ul.products li.product .ct-woo-card-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  /* Metin ve fiyat da geniş alanı kullansın */
  ul.products li.product .woocommerce-loop-product__title,
  ul.products li.product .woocommerce-loop-product__title a,
  ul.products li.product .price {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  /* Kartın içindeki content’e biraz iç boşluk verelim */
  ul.products li.product .ct-woo-card-content {
    padding: 10px 12px 12px !important;
  }
}





/* === YENİ GELENLER – MOBİL KESİN ÇÖZÜM (TEK KART TAM GÖRÜNSÜN) === */
@media (max-width: 768px) {

  /* Dış bölüm: biraz iç boşluk */
  .dc-section.dc-new {
    padding: 24px 0 30px;
  }

  /* Oklar + liste kapsayıcısı */
  .dc-section.dc-new .dc-new__wrap {
    position: relative;
    padding: 0 44px;          /* oklar için iç boşluk */
  }

  /* Kaydırma alanı */
  .dc-section.dc-new .dc-new__list {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    margin: 0 -44px;          /* okların altında içerik tam genişlikte */
    width: auto !important;
  }
  .dc-section.dc-new .dc-new__list::-webkit-scrollbar {
    display: none;
  }

  /* UL → yatay şerit */
  .dc-section.dc-new .dc-new__list ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    padding: 16px 44px 40px 44px !important; /* altta gölge payı */
    margin: 0 !important;
    width: auto !important;
    scroll-snap-type: x mandatory;
  }

  /* HER KART TAM GENİŞLİK – kesilmesin */
  .dc-section.dc-new .dc-new__list ul.products li.product {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    scroll-snap-align: center;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Ok butonları – ortalı ve görünür */
  .dc-section.dc-new .dc-new__nav {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #000;
    color: #fff;
    border: none;
    line-height: 1;
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
  }
  .dc-section.dc-new .dc-new__nav--prev {
    left: 4px;
  }
  .dc-section.dc-new .dc-new__nav--next {
    right: 4px;
  }
}


/* ====== MOBİL ÜRÜN KARTI GÖRSEL DÜZENİ ====== */
@media (max-width: 768px) {

  /* Kartın kendisi */
  .woocommerce ul.products li.product {
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  }

  /* Görseli saran tüm bloklar: figure, a vs. */
  .woocommerce ul.products li.product figure,
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
  .woocommerce ul.products li.product a.woocommerce-loop-product__link {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  /* ÜRÜN FOTOĞRAFI: kartın üstünü komple doldursun */
  .woocommerce ul.products li.product img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover; /* istersen contain yaparız */
    border-radius: 16px 16px 0 0 !important;
  }

  /* Alt kısım: başlık, fiyat, buton paddingleri */
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .button {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-top: 12px !important;
    margin-bottom: 4px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .woocommerce ul.products li.product .price {
    margin-bottom: 12px !important;
    display: block !important;
  }

  .woocommerce ul.products li.product .button {
    width: calc(100% - 28px) !important;
    margin: 0 14px 14px !important;
    display: flex !important;
    justify-content: center !important;
  }
}


/* =========================================
   GLOBAL MOBİL ÜRÜN KARTI TASARIMI
   (tüm ürün listelerinde geçerli)
   ========================================= */
@media (max-width: 768px) {

  /* Kart kabı – shop, kategori, marka, shortcode hepsi */
  .woocommerce ul.products li.product {
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  }

  /* Görseli saran alanlar (figure, link vs.) */
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
  .woocommerce ul.products li.product a.woocommerce-loop-product__link,
  .woocommerce ul.products li.product .ct-image-container,
  .woocommerce ul.products li.product figure {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
  }

  /* ÜRÜN FOTOĞRAFI – kartın üstünü tamamen doldursun */
  .woocommerce ul.products li.product img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover; /* istersen contain + background ekleyebiliriz */
    border-radius: 16px 16px 0 0 !important;
  }

  /* Alt kısım: başlık + fiyat + buton paddingleri */
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .button {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-top: 12px !important;
    margin-bottom: 4px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .woocommerce ul.products li.product .price {
    margin-bottom: 12px !important;
    display: block !important;
  }

  .woocommerce ul.products li.product .button {
    width: calc(100% - 28px) !important;
    margin: 0 14px 14px !important;
    display: flex !important;
    justify-content: center !important;
  }
}


/* =========================================
   GLOBAL MOBİL ÜRÜN KARTI TASARIMI
   (tüm ürün listelerinde geçerli)
   ========================================= */
@media (max-width: 768px) {

  /* Kart kabı – shop, kategori, marka, shortcode hepsi */
  .woocommerce ul.products li.product {
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  }

  /* Görseli saran alanlar (figure, link vs.) */
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
  .woocommerce ul.products li.product a.woocommerce-loop-product__link,
  .woocommerce ul.products li.product .ct-image-container,
  .woocommerce ul.products li.product figure {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
  }

  /* ÜRÜN FOTOĞRAFI – kartın üstünü tamamen doldursun */
  .woocommerce ul.products li.product img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover; /* istersen contain + background ekleyebiliriz */
    border-radius: 16px 16px 0 0 !important;
  }

  /* Alt kısım: başlık + fiyat + buton paddingleri */
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .button {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-top: 12px !important;
    margin-bottom: 4px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .woocommerce ul.products li.product .price {
    margin-bottom: 12px !important;
    display: block !important;
  }

  .woocommerce ul.products li.product .button {
    width: calc(100% - 28px) !important;
    margin: 0 14px 14px !important;
    display: flex !important;
    justify-content: center !important;
  }
}

/* ===================================
   GLOBAL ÜRÜN GRID (MOBİL 2, DESKTOP 4)
   =================================== */

/* Mobil: 2 kolon */
@media (max-width: 768px) {
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }

  .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  }

  .woocommerce ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 16px 16px 0 0 !important;
    display: block !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .button {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .woocommerce ul.products li.product .button {
    width: calc(100% - 20px) !important;
    margin: 0 10px 10px !important;
    display: flex !important;
    justify-content: center !important;
  }
}

/* Desktop: 4 kolon */
@media (min-width: 1025px) {
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 22px !important;
  }
}

/* ===================================
   ÜRÜN GRID – MOBİL İÇİN OPTİMİZE
   Küçük ekran: 1 kolon
   Büyük mobil: 2 kolon
   Desktop: 4 kolon
   =================================== */

/* Küçük mobil (dar ekran) – 1 kolon */
@media (max-width: 480px) {
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: 2fr !important;
    gap: 18px !important;
  }
}

/* Büyük mobil (481–768px) – 2 kolon */
@media (min-width: 481px) and (max-width: 768px) {
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 2fr) !important;
    gap: 18px !important;
  }
}

/* Ortak mobil kart stili (0–768px arası) */
@media (max-width: 768px) {

  .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  }

  .woocommerce ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 16px 16px 0 0 !important;
    display: block !important;
  }

  /* Başlık: 3 satır + "..." */
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 8px 10px 2px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .woocommerce ul.products li.product .price {
    padding: 0 10px 8px !important;
    margin: 0 !important;
    font-size: 13px !important;
  }

  .woocommerce ul.products li.product .button {
    width: calc(100% - 20px) !important;
    margin: 0 10px 10px !important;
    padding: 6px 0 !important;
    font-size: 13px !important;
    display: flex !important;
    justify-content: center !important;
  }
}

/* Desktop: 4 kolon */
@media (min-width: 1025px) {
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 22px !important;
  }
}


/* ===================================
   MOBİL ÜRÜN KARTI BAŞLIK OPTİMİZASYONU
   =================================== */
@media (max-width: 768px) {

  /* Başlık: 2 satır, büyük font, daha rahat padding */
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 10px 12px 4px !important;
    font-size: 15px !important;          /* DAHA BÜYÜK */
    font-weight: 500 !important;
    line-height: 1.35 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;              /* 2 SATIR */
    overflow: hidden;
  }

  /* Fiyat da başlığa göre optimize */
  .woocommerce ul.products li.product .price {
    padding: 0 12px 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }
}

/* ===================================
   MOBİL ÜRÜN KARTI - BAŞLIK ALANINI GENİŞLET
   =================================== */
@media (max-width: 768px) {

  /* Kartın alt kısmını genişlet */
  .woocommerce ul.products li.product {
    padding-bottom: 14px !important;
    min-height: 330px !important; /* KART YETERİNCE UZUN OLSUN */
  }

  /* Görselin yüksekliğini dengele (çok kısa olmasın) */
  .woocommerce ul.products li.product img {
    min-height: 180px !important;
    object-fit: cover !important;
  }

  /* Başlık: 3 satıra izin veriyoruz */
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    padding: 10px 12px 4px !important;
    line-height: 1.35 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;   /* <<< 3 SATIR */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* Fiyat */
  .woocommerce ul.products li.product .price {
    font-size: 14px !important;
    padding: 0 12px 10px !important;
  }

  /* Buton */
  .woocommerce ul.products li.product .button {
    margin: 0 12px 10px !important;
    width: calc(100% - 24px) !important;
  }
}


/* =========================================
   MARKA SAYFALARI – MOBİLDE 2 KOLON ZORLA
   (/marka/hublot/ vb. tax-product_brand arşivleri)
   ========================================= */
@media (max-width: 768px) {

  /* UL: 2 kolon grid */
  body.tax-product_brand ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important; /* arada ufak boşluk */
  }

  /* LI: tema genişliklerini iptal et, grid’e bırak */
  body.tax-product_brand ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }

  /* Görsel – kartın üstünü doldursun */
  body.tax-product_brand ul.products li.product img {
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: cover !important;
    display: block !important;
  }
}


/* =========================================
   MARKA SAYFALARI – MOBİLDE GENİŞ 2’Lİ KART GRID
   (/marka/hublot/ vb. product_brand arşivleri)
   ========================================= */
@media (max-width: 768px) {

  /* UL: flex layout + wrap */
  body.tax-product_brand ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 8px !important; /* kartlar arasında ufak boşluk */
    padding: 0 !important;
    margin: 0 !important;
  }

  /* LI: ekranı ikiye bölecek şekilde ~%48 genişlik */
  body.tax-product_brand ul.products li.product {
    box-sizing: border-box;
    flex: 0 0 48% !important;
    max-width: 48% !important;
    width: 48% !important;
    margin: 0 0 12px !important;
  }
}

/* ======================================================
   WOOCOMMERCE ÜRÜN GÖRSELLERİ – SADE VE TEKDÜZE
   Amaç:
   - object-fit: contain
   - max-height: 500px
   - 300px thumbnail zorlaması OLMASIN
   - tüm ürünler aynı görünümde olsun
   ====================================================== */

/* Ürün kartı içindeki görsel alan */
.woocommerce ul.products li.product a,
.woocommerce ul.products li.product figure,
.woocommerce ul.products li.product .ct-image-container {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* TÜM ürün görselleri */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
    width: 100% !important;
    height: auto !important;

    max-height: 500px !important;   /* TEK SINIR */
    min-height: unset !important;

    object-fit: contain !important; /* KIRPMA YOK */
    object-position: center !important;

    background: #fff !important;

    max-width: 100% !important;
}

/* Tema / WooCommerce thumbnail küçültmelerini iptal et */
.woocommerce ul.products li.product img[srcset],
.woocommerce ul.products li.product img[data-src],
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail {
    max-height: 500px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Mobilde 300px / 200px gibi düşürmeleri TAMAMEN ENGELLE */
@media (max-width: 768px) {
    .woocommerce ul.products li.product img {
        max-height: 500px !important;
    }
}


body .dc-home-brands__inner {
  gap: 36px 48px !important;
}


/* Ürün kartı altındaki kategori/etiket listesini gizle (Blocksy product card meta) */
[data-products] .product .entry-meta,
[data-products] .product ul.entry-meta,
[data-products] .product .entry-meta[data-id="default"]{
  display: none !important;
}


/* Ürün kartı: fiyat ortala */
[data-products] .product .price{
  display: block;
  width: 100%;
  text-align: center !important;
}

/* (Opsiyonel) başlık da ortalı dursun */
[data-products] .product .woocommerce-loop-product__title{
  text-align: center;
}


/* ======================================================
   DC GLOBAL STANDARD (SAFE LAYER)
   child.css en altına ekle
   ====================================================== */

:root{
  --dc-radius: 16px;
  --dc-radius-lg: 22px;
  --dc-shadow: 0 12px 30px rgba(0,0,0,.08);
  --dc-border: 1px solid rgba(0,0,0,.08);
  --dc-text: #0b0b0d;
  --dc-muted: #5b5b63;
}

/* Temel tipografi – Blocksy’yi bozmadan */
body{
  color: var(--dc-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Link hover daha premium */
a{
  text-underline-offset: 3px;
}

/* Genel container hissi: çok taşmayı engeller */
.ct-container{
  max-width: min(1320px, 92vw);
}

/* Genel kart standardı (sadece bizim kart sınıflarımıza) */
.ayk-card,
.dc-card,
.dc-brand-block li.product,
.single-product div.product{
  border-radius: var(--dc-radius);
}

/* Buton standardı: Woo ve Blocksy’ye nazik dokunuş */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
input[type="submit"]{
  border-radius: 12px;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button:hover,
input[type="submit"]:hover{
  transform: translateY(-1px);
}

/* Form alanları: daha modern */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"],
input[type="password"], textarea, select{
  border-radius: 12px;
}


/* =========================================
   FIX: Yeni Gelenler tek satır (slider bozulmasın)
   child.css EN ALT
========================================= */

/* 1) Yeni Gelenler bölümünde ürün listesi tek satır olsun */
.dc-new ul.products,
.home .dc-new ul.products{
  display: flex !important;
  flex-wrap: nowrap !important;     /* 3 satırı keser */
  align-items: stretch;
  gap: 18px !important;

  overflow-x: hidden !important;    /* hepsi aynı anda görünmesin */
  overflow-y: hidden !important;
}

/* 2) Kartlar sabit genişlikte olsun ki ekranda az görünsün */
.dc-new ul.products li.product,
.home .dc-new ul.products li.product{
  flex: 0 0 260px !important;       /* 220-320 arası oynarız */
  max-width: 260px !important;
  margin: 0 !important;
}

/* 3) Görsel alanı (kart içindeki görsel taşmasın) */
.dc-new ul.products li.product a img,
.home .dc-new ul.products li.product a img{
  object-fit: contain;
}

/* 4) Eğer slider/swiper kullanıyorsa (Blocksy/woo slider) onu da tek satıra zorla */
.dc-new .swiper-wrapper{
  flex-wrap: nowrap !important;
}
.dc-new .swiper-slide{
  height: auto !important;
}

/* 5) Mobilde biraz daha az genişlik */
@media (max-width: 780px){
  .dc-new ul.products,
  .home .dc-new ul.products{
    gap: 14px !important;
  }
  .dc-new ul.products li.product,
  .home .dc-new ul.products li.product{
    flex-basis: 210px !important;
    max-width: 210px !important;
  }
}



/* marka sayfaları için css */

/* =========================================
   BRAND PAGES (Woo attribute/category pages)
   Premium layout + readability
   child.css EN ALT
========================================= */

/* 1) Sayfa genel spacing */
.tax-product_cat .site-main,
.tax-product_tag .site-main,
.post-type-archive-product .site-main{
  padding-top: 18px;
}

/* 2) Marka sayfası başlığı/üst bölüm (Woo archive header) */
.tax-product_cat .woocommerce-products-header,
.tax-product_tag .woocommerce-products-header{
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 18px 18px;
  margin: 10px 0 18px;
}

/* Başlık */
.tax-product_cat .woocommerce-products-header__title,
.tax-product_tag .woocommerce-products-header__title{
  margin: 0 0 6px;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  font-weight: 850;
}

/* Açıklama */
.tax-product_cat .term-description,
.tax-product_tag .term-description{
  margin: 0;
  color: rgba(0,0,0,.65);
  max-width: 72ch;
}

/* 3) Üst bar: Sonuç sayısı + Sırala (daha modern görünüm) */
.woocommerce .woocommerce-result-count{
  color: rgba(0,0,0,.60);
  font-size: 13px;
  margin: 8px 0 12px;
}

.woocommerce .woocommerce-ordering select{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  padding: 10px 12px;
}

/* 4) Filtre / widget alanı varsa kart gibi göster (sidebar) */
.woocommerce .widget,
.woocommerce .woocommerce-widget-layered-nav{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 14px;
}

.woocommerce .widget-title{
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 10px;
}

/* 5) Ürün grid boşluk standardı */
.woocommerce ul.products{
  gap: 18px !important;
}

/* 6) Kategori/marka sayfalarında kartları biraz daha premium yap */
.tax-product_cat .woocommerce ul.products li.product,
.tax-product_tag .woocommerce ul.products li.product,
.post-type-archive-product .woocommerce ul.products li.product{
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  overflow: hidden;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.tax-product_cat .woocommerce ul.products li.product:hover,
.tax-product_tag .woocommerce ul.products li.product:hover,
.post-type-archive-product .woocommerce ul.products li.product:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0,0,0,.10);
  border-color: rgba(0,0,0,.12);
}

/* Görsel oranı + arkaplan */
.tax-product_cat .woocommerce ul.products li.product a img,
.tax-product_tag .woocommerce ul.products li.product a img,
.post-type-archive-product .woocommerce ul.products li.product a img{
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: rgba(0,0,0,.03);
  padding: 10px;
}

/* Başlık */
.tax-product_cat .woocommerce ul.products li.product .woocommerce-loop-product__title,
.tax-product_tag .woocommerce ul.products li.product .woocommerce-loop-product__title,
.post-type-archive-product .woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  padding: 14px 14px 6px 14px;
}

/* Fiyat */
.tax-product_cat .woocommerce ul.products li.product .price,
.tax-product_tag .woocommerce ul.products li.product .price,
.post-type-archive-product .woocommerce ul.products li.product .price{
  padding: 0 14px 14px 14px;
  font-weight: 750;
}

/* Sepete ekle butonu (istersen kapatabiliriz) */
.tax-product_cat .woocommerce ul.products li.product .button,
.tax-product_tag .woocommerce ul.products li.product .button,
.post-type-archive-product .woocommerce ul.products li.product .button{
  margin: 0 14px 14px 14px !important;
  width: calc(100% - 28px);
  border-radius: 14px !important;
}

/* 7) Mobilde header + ordering düzgün hizalansın */
@media (max-width: 768px){
  .tax-product_cat .woocommerce-products-header,
  .tax-product_tag .woocommerce-products-header{
    padding: 14px;
    margin: 8px 0 14px;
  }

  .woocommerce .woocommerce-ordering{
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
  .woocommerce .woocommerce-ordering select{
    width: 100%;
  }
}



/* ======================================================
   DC BRAND HERO – Banner metnin arkasında (FINAL)
   Logo üstte, metin banner üstünde, ürünler hemen aşağıda
====================================================== */

.dc-brand-hero{
  margin: 0 0 18px;
  background: transparent;
}

/* Banner artık story'nin arka planı gibi davranacak */
.dc-brand-hero__bg{
  display: none; /* Banner ayrı blok olarak görünmesin */
}

/* Metin bloğu: banner arka planlı section */
.dc-brand-hero__story{
  position: relative;
  padding: 28px 18px 22px;
  margin: 0;
  overflow: hidden;
  border-radius: 18px;

}

/* Banner görselini story'nin arkasına al */
.dc-brand-hero__story::before{
   content:"";
  position:absolute;
  inset:0;
  background-image: var(--dc-brand-bg, none);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.02);
  z-index: 0;
}

/* Okunurluk için overlay */
.dc-brand-hero__story::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(255,255,255,0.72);
  z-index: 1;
}

/* Story içeriği öne gelsin */
.dc-brand-hero__story > *{
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* Logo: banner üstünde kalsın (story içinde üstte) */
.dc-brand-hero__logo{
  display:block;
  margin:0 auto;

  width:200px;
  height:84px;

  object-fit:contain;   /* orantı bozulmaz */
}


/* Başlık kullanmıyorsan gizle, istersen açarız */
.dc-brand-hero__title{
  display: none;
}

/* Metin tipografisi */
.dc-brand-hero__story p{
  font-size: 15.5px;
  line-height: 1.75;
  color: rgba(0,0,0,0.78);
}

.dc-brand-hero__story p + p{
  margin-top: 14px;
}

/* Ürünlerin yukarıda başlaması için boşluğu kontrol */
.woocommerce.archive .site-main{
  padding-top: 0 !important;
}

/* Mobil */
@media (max-width: 768px){
  .dc-brand-hero__story{
    padding: 18px 12px 14px;
  }
  .dc-brand-hero__logo{
    display: none;
  }
  .dc-brand-hero__story p{
    font-size: 14.5px;
    line-height: 1.65;
  }
}


/* Logo wrapper – ortalama ve boşluk */
.dc-brand-hero__logo-wrap{
  display: flex;
  justify-content: center;   /* YATAY ORTALA */
  margin: 18px 0 18px;       /* ÜST – ALT BOŞLUK */
}