/* =========================================================
   ChefColors — Tasarım Sistemi (3.2.0)

   frontend.css ve redesign.css'ten SONRA yüklenir ve
   ikisinin de üstünde TEK yetkili katmandır.

   Neden yeniden yazıldı
   ---------------------
   frontend.css ve redesign.css aynı değişkenleri farklı
   değerlerle üç kez tanımlıyordu (--cc-radius 16px / 22px /
   20px). Kısa yazımlarda bunlar karışınca sitede 20 ayrı
   köşe yarıçapı ve 34 ayrı punto oluşmuştu; `2px 0 0 22px`
   gibi kazara asimetrik köşeler çıkıyordu. Ayrıca arşiv
   kartlarında redesign.css'in `padding: 0` kuralı polish'in
   dolgu kuralını özgüllükle yeniyor, ürün adı çerçeveye
   yapışıyordu.

   Bu dosya ölçekleri tek elden tanımlar. Özgüllük savaşına
   girmesi gereken yerlerde seçici, çakıştığı kuralın
   seçicisini birebir yansıtıp başına gövde sınıfını ekler
   (`.cc-site.tax-product_cat ...`) — böylece kazanır ve
   niyeti okunur kalır.
   ========================================================= */

/* ---------------------------------------------------------
   1. Yazı tipleri (paket içinde, harici istek yok)
   --------------------------------------------------------- */

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/fraunces-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/fraunces-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ---------------------------------------------------------
   2. Tasarım belirteçleri — TEK KAYNAK

   redesign.css'teki ikinci `:root` bloğunu da yenmek için
   burada hem `:root` hem `.cc-site` üzerinde ilan edilir.
   --------------------------------------------------------- */

:root,
.cc-site,
.cc-site--shop {
    /* — tipografi aileleri — */
    --cc-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, sans-serif;
    --cc-display: 'Fraunces', Georgia, 'Times New Roman', serif;

    /* — punto ölçeği: 9 basamak, akışkan —
       Eskiden 34 ayrı punto vardı. Ara değer gerekiyorsa
       yeni bir basamak eklenir, serbest sayı yazılmaz. */
    --fs-overline: .6875rem;   /* 11px  — üst etiket */
    --fs-caption:  .75rem;     /* 12px  — yardımcı metin */
    --fs-sm:       .8125rem;   /* 13px  — meta, rozet */
    --fs-base:     .875rem;    /* 14px  — kart gövdesi */
    --fs-body:     1rem;       /* 16px  — okuma metni */
    --fs-lead:     1.0625rem;  /* 17px  — giriş paragrafı */
    --fs-h4:       1.125rem;   /* 18px */
    --fs-h3:       clamp(1.1875rem, .95rem + .55vw, 1.375rem);
    --fs-h2:       clamp(1.875rem, 1.3rem + 1.9vw, 2.875rem);
    --fs-h1:       clamp(2.25rem,  1.5rem  + 3.2vw, 4.5rem);
    --fs-display:  clamp(2.5rem,   1.5rem  + 4.2vw, 4.5rem);

    /* — boşluk ölçeği (4pt tabanlı) — */
    --cc-s1: 4px;   --cc-s2: 8px;   --cc-s3: 12px;  --cc-s4: 16px;
    --cc-s5: 24px;  --cc-s6: 32px;  --cc-s7: 48px;  --cc-s8: 64px;
    --cc-s9: 96px;

    /* kart iç dolgusu — kartlarda serbest sayı yerine bu */
    --cc-pad-card: 20px;
    --cc-pad-card-sm: 16px;

    /* bölüm ritmi */
    --cc-section-y: clamp(56px, 3.5rem + 3vw, 104px);

    /* — köşe yarıçapı: 4 basamak, asimetrik yok — */
    --cc-r-sm: 8px;
    --cc-r-md: 12px;
    --cc-r-lg: 16px;
    --cc-r-xl: 24px;
    --cc-r-pill: 999px;
    /* eski adlar da tek ölçeğe bağlanır */
    --cc-radius: var(--cc-r-lg);
    --cc-radius-sm: var(--cc-r-md);

    /* — renk —
       Kontrast oranları ölçülerek seçildi (WCAG AA).      */
    --cc-ink:        #171226;            /* 16.8:1 / beyaz */
    --cc-brand:      #211a4d;            /* 15.9:1 / beyaz */
    --cc-brand-soft: #2e2566;
    --cc-muted:      #575167;            /*  7.6:1 / beyaz */
    --cc-muted-soft: #6f697f;            /*  5.2:1 — sadece 16px+ */

    /* Marka turuncusu canlı kalır ama beyaz üzerinde 2.99:1
       ile AA'yı geçemiyor. Açık zeminde yazı/ikon için
       koyulaştırılmış ton kullanılır.                      */
    --cc-accent:      #e8752d;           /* dolgu + koyu zemin */
    --cc-accent-ink:  #ad4c0e;           /*  5.5:1 / beyaz, 4.9:1 / krem zemin, 4.6:1 / #ece8f0 */
    --cc-accent-deep: #9e4208;
    --cc-accent-wash: #fdf1e7;

    --cc-choco:  #4a2b20;
    --cc-cream:  #f7f2ea;
    --cc-paper:  #fbf8f3;
    --cc-well:   #f4f1eb;            /* ürün görseli zemini */
    --cc-night:  #120d2b;            /* koyu bant */
    --cc-mist:   #f1eff5;
    --cc-white:  #fff;

    --cc-line:        rgba(33, 26, 77, .12);
    --cc-line-strong: rgba(33, 26, 77, .22);

    --cc-ok:   #1c7a4a;
    --cc-warn: #9a6100;

    /* — gölge: 3 basamak — */
    --cc-sh-1: 0 1px 2px rgba(23, 18, 38, .05);
    --cc-sh-2: 0 2px 4px rgba(23, 18, 38, .04), 0 12px 28px -18px rgba(23, 18, 38, .30);
    --cc-sh-3: 0 4px 8px rgba(23, 18, 38, .05), 0 28px 60px -28px rgba(23, 18, 38, .40);
    --cc-shadow: var(--cc-sh-2);
    --cc-shadow-lg: var(--cc-sh-3);

    /* — hareket — */
    --cc-ease: cubic-bezier(.2, .7, .3, 1);
    --cc-fast: .16s;
    --cc-slow: .32s;

    --cc-wrap: 1320px;
    --cc-gutter: 32px;
}

/* ---------------------------------------------------------
   3. Taban ölçek ve tipografi

   Aktif blok tema gövdeye kendi puntosunu (çoğu zaman 22px)
   dayatıyor. Site kabuğu kendi tabanını ilan ederek kurtulur.
   --------------------------------------------------------- */

.cc-site,
.cc-site--shop {
    font-family: var(--cc-font);
    font-size: 16px;
    line-height: 1.6;
    color: var(--cc-ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-variant-numeric: tabular-nums;
}

/* Tema ölçeği sızmasın. */
.cc-site p, .cc-site li, .cc-site dd, .cc-site dt,
.cc-site label, .cc-site input, .cc-site select,
.cc-site textarea, .cc-site button, .cc-site table { font-size: inherit; }

/* Arial sızıntısı: bazı WooCommerce ve tema kuralları kendi
   yığınını basıyordu; site içinde tek ailemiz Inter. */
.cc-site button, .cc-site input, .cc-site select,
.cc-site textarea, .cc-site .button, .cc-site .woocommerce-message,
.cc-site .woocommerce-info, .cc-site .woocommerce-error {
    font-family: var(--cc-font);
}

/* Display serif YALNIZCA büyük başlıkta. 20px altında serif
   okunurluğu düşürür; kart ve arayüz başlıkları Inter'e döner.
   Renk burada verilmez: koyu bantlardaki beyaz başlıklar ve
   hero başlığı kendi bağlam kurallarından rengini alır. */
.cc-site h1, .cc-site h2,
.cc-site .product_title,
.cc-site .cc-pagehead h1,
.cc-site .cc-shop__title,
.cc-site .cc-shop-intro__title {
    font-family: var(--cc-display);
    font-weight: 600;
    letter-spacing: -.02em;
    font-variation-settings: 'opsz' 96, 'SOFT' 10, 'WONK' 0;
    text-wrap: balance;
}
:where(.cc-site) :where(h1, h2) { color: var(--cc-brand); }

/* Tek başlık ölçeği — aynı sayfada 56/58/64/66px'lik h2'ler
   yan yana durmasın. */
.cc-site h1,
.cc-site .cc-pagehead h1,
.cc-site .cc-shop__intro h1 { font-size: var(--fs-h1); line-height: 1.04; }
.cc-site .cc-hero__title { font-size: clamp(44px, 5.8vw, 80px); line-height: 1; }
.cc-site h2,
.cc-site .cc-section__head h2,
.cc-site .cc-calc__copy h2,
.cc-site .cc-faq__head h2,
.cc-site .cc-ctaband h2,
.cc-site .cc-shop__title,
.cc-site .cc-shop-intro__title { font-size: var(--fs-h2); line-height: 1.1; }
.cc-site .cc-shop div.product .product_title { font-size: clamp(30px, 3vw, 44px); line-height: 1.08; }

.cc-site h3, .cc-site h4, .cc-site h5, .cc-site h6,
.cc-site .cc-pcard__body h3,
.cc-site .cc-value h3,
.cc-site .cc-step h3,
.cc-site .cc-shop .woocommerce-loop-product__title {
    font-family: var(--cc-font);
    font-weight: 650;
    letter-spacing: -.01em;
    line-height: 1.3;
    text-wrap: balance;
}
:where(.cc-site) :where(h3, h4, h5, h6) { color: var(--cc-brand); }
.cc-site h3 { font-size: var(--fs-h3); }
.cc-site h4 { font-size: var(--fs-h4); }
.cc-site h5, .cc-site h6 { font-size: var(--fs-base); }

:where(.cc-site) :where(p) { color: var(--cc-muted); }
.cc-site .cc-lead { font-size: var(--fs-lead); line-height: 1.6; }

/* Üst etiket (eyebrow) — tek biçim */
.cc-site .cc-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: var(--cc-s2);
    margin: 0 0 var(--cc-s3);
    font-family: var(--cc-font);
    font-size: var(--fs-overline);
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--cc-accent-ink);      /* 4.9:1 — eskiden 2.99:1 */
}
.cc-site .cc-eyebrow::before {
    content: '';
    width: 18px; height: 2px;
    border-radius: var(--cc-r-pill);
    background: var(--cc-accent);
}
/* Koyu zeminde canlı turuncu zaten 5.3:1 veriyor. */
.cc-site .cc-hero .cc-eyebrow,
.cc-site .cc-ctaband .cc-eyebrow,
.cc-site .cc-calc .cc-eyebrow,
.cc-site .cc-section--dark .cc-eyebrow { color: #ff9a57; }   /* 7.0:1 / #100b24 */

/* Bağlantılar — sıfır özgüllük: `.cc-site a` (0,1,1) eski tek sınıflı bağlantı
   renklerini eziyordu; WhatsApp düğmesinin beyaz ikonu bu yüzden siyaha dönmüştü. */
:where(.cc-site) a { color: inherit; }
.cc-site .cc-link {
    color: var(--cc-accent-ink);
    font-weight: 600;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.cc-site .cc-link:hover { color: var(--cc-accent-deep); }

/* ---------------------------------------------------------
   4. Klavye odağı — her etkileşimli öğede görünür halka
   --------------------------------------------------------- */

.cc-site a:focus-visible,
.cc-site button:focus-visible,
.cc-site input:focus-visible,
.cc-site select:focus-visible,
.cc-site textarea:focus-visible,
.cc-site summary:focus-visible,
.cc-site [tabindex]:focus-visible {
    outline: 2px solid var(--cc-accent-ink);
    outline-offset: 2px;
    border-radius: var(--cc-r-sm);
}
.cc-site :focus:not(:focus-visible) { outline: none; }

/* Bölüm bağlantılarında sabit başlık içeriği kesmesin. */
.cc-site [id] { scroll-margin-top: 104px; }

@media (prefers-reduced-motion: reduce) {
    .cc-site *, .cc-site *::before, .cc-site *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ---------------------------------------------------------
   5. Düğmeler

   redesign.css bütün düğmelere `background: lacivert
   !important` basıyor; varyantları ezebilmek için renk
   özelliklerinde !important kaçınılmaz.

   Hiyerarşi (kontrastlar ölçüldü):
     birincil  lacivert + beyaz          15.9:1
     marka     turuncu + lacivert yazı    5.3:1  (hero'da beyaz yazı 2.99:1'di)
     ikincil   --ghost / --outline: açık zeminde lacivert çerçeve,
               koyu bantta beyaz çerçeve — sınıf hangisi olursa
               olsun zemine göre okunur. (404'teki "Ana Sayfaya Dön"
               açık zeminde beyaz yazıyla görünmüyordu.)
     açık      --light: koyu bantta beyaz dolgu
   --------------------------------------------------------- */

.cc-site .cc-btn,
.cc-site .button.cc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 22px;
    border: 1px solid var(--cc-brand);
    border-radius: var(--cc-r-md) !important;
    background: var(--cc-brand) !important;
    border-color: var(--cc-brand) !important;
    color: var(--cc-white) !important;
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 650;
    line-height: 1.1;
    letter-spacing: -.005em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    cursor: pointer;
    transition: background-color var(--cc-fast) var(--cc-ease),
                border-color var(--cc-fast) var(--cc-ease),
                color var(--cc-fast) var(--cc-ease),
                box-shadow var(--cc-fast) var(--cc-ease),
                transform var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-btn:hover {
    background: var(--cc-brand-soft) !important;
    border-color: var(--cc-brand-soft) !important;
    box-shadow: 0 10px 24px -14px rgba(33, 26, 77, .7);
    transform: translateY(-1px);
}
.cc-site .cc-btn:active { transform: translateY(0); box-shadow: none; }
.cc-site .cc-btn .cc-icon { flex: 0 0 auto; }
.cc-site .cc-btn:hover .cc-icon--arrow-right { transform: translateX(2px); }
.cc-site .cc-icon--arrow-right { transition: transform var(--cc-fast) var(--cc-ease); }

/* marka — turuncu dolgu, lacivert yazı */
.cc-site .cc-btn--accent,
.cc-site .cc-hero .cc-btn--accent {
    background: var(--cc-accent) !important;
    border-color: var(--cc-accent) !important;
    color: var(--cc-brand) !important;
    font-weight: 700;
}
.cc-site .cc-btn--accent:hover,
.cc-site .cc-hero .cc-btn--accent:hover {
    background: #f28b45 !important;
    border-color: #f28b45 !important;
    box-shadow: 0 12px 28px -14px rgba(232, 117, 45, .75);
}

/* ikincil — açık zemin */
.cc-site .cc-btn--ghost,
.cc-site .cc-btn--outline {
    background: var(--cc-white) !important;
    border-color: var(--cc-line-strong) !important;
    color: var(--cc-brand) !important;
    backdrop-filter: none;
}
.cc-site .cc-btn--ghost:hover,
.cc-site .cc-btn--outline:hover {
    background: var(--cc-mist) !important;
    border-color: var(--cc-brand) !important;
    box-shadow: none;
}

/* ikincil — koyu bantlar */
.cc-site .cc-hero .cc-btn--ghost,
.cc-site .cc-hero .cc-btn--outline,
.cc-site .cc-ctaband .cc-btn--ghost,
.cc-site .cc-ctaband .cc-btn--outline,
.cc-site .cc-section--dark .cc-btn--ghost,
.cc-site .cc-section--dark .cc-btn--outline,
.cc-site .cc-footer .cc-btn--ghost,
.cc-site .cc-footer .cc-btn--outline {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .42) !important;
    color: var(--cc-white) !important;
    backdrop-filter: blur(10px);
}
.cc-site .cc-hero .cc-btn--ghost:hover,
.cc-site .cc-hero .cc-btn--outline:hover,
.cc-site .cc-ctaband .cc-btn--ghost:hover,
.cc-site .cc-ctaband .cc-btn--outline:hover,
.cc-site .cc-section--dark .cc-btn--ghost:hover,
.cc-site .cc-section--dark .cc-btn--outline:hover {
    background: rgba(255, 255, 255, .14) !important;
    border-color: var(--cc-white) !important;
}

/* açık dolgu — koyu bantta birincil */
.cc-site .cc-btn--light {
    background: var(--cc-white) !important;
    border-color: var(--cc-white) !important;
    color: var(--cc-brand) !important;
}
.cc-site .cc-btn--light:hover { background: var(--cc-cream) !important; border-color: var(--cc-cream) !important; }

.cc-site .cc-btn--lg    { min-height: 54px; padding: 0 28px; font-size: var(--fs-body); }
.cc-site .cc-btn--sm    { min-height: 42px; padding: 0 16px; font-size: var(--fs-sm); }
.cc-site .cc-btn--block { display: flex; width: 100%; }

/* WooCommerce'in kendi düğmeleri de aynı dilde */
.cc-site .woocommerce button.button,
.cc-site .woocommerce a.button,
.cc-site .woocommerce input.button,
.cc-site button[type="submit"]:not(.cc-btn),
.cc-site input[type="submit"] {
    min-height: 46px;
    border-radius: var(--cc-r-md) !important;
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 650;
}

/* Metin bağlantısı + ok */
.cc-site .cc-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--cc-accent-ink);
    font-weight: 650;
    text-decoration: none;
}
.cc-site .cc-link:hover { color: var(--cc-accent-deep); }
.cc-site .cc-link:hover .cc-icon--arrow-right { transform: translateX(3px); }

/* ---------------------------------------------------------
   6. Üst bilgi ve menü
   --------------------------------------------------------- */

.cc-site .cc-announcement { background: var(--cc-night); }
.cc-site .cc-announcement__inner {
    min-height: 36px;
    gap: 28px;
    font-size: var(--fs-caption);
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .78);
}
.cc-site .cc-announcement__inner span + span::before {
    content: '';
    display: inline-block;
    width: 4px; height: 4px;
    margin: 0 28px 2px 0;
    border-radius: 50%;
    background: var(--cc-accent);
    vertical-align: middle;
}
.cc-site .cc-announcement a { color: var(--cc-white); font-weight: 650; }
.cc-site .cc-announcement a:hover { color: #ffb47d; }

.cc-site .cc-header { background: rgba(255, 255, 255, .96); backdrop-filter: saturate(1.4) blur(14px); }
.cc-site .cc-header.is-stuck { box-shadow: 0 1px 0 var(--cc-line), 0 12px 32px -24px rgba(23, 18, 38, .45); }
.cc-site .cc-header__inner { min-height: 76px; gap: clamp(16px, 2vw, 32px); }
.cc-site .cc-header__brand img { height: 46px; max-height: 46px; width: auto; }

/* Düz bağlantılar ve açılır başlıklar aynı taban çizgisinde. */
.cc-site .cc-nav { align-items: center; gap: clamp(4px, 1vw, 12px); }
.cc-site .cc-nav__item { position: relative; display: flex; align-items: center; }
.cc-site .cc-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 44px;
    padding: 0 10px;
    border: 0;
    border-radius: var(--cc-r-sm);
    color: #3f3a4f;
    font-size: var(--fs-base);
    font-weight: 550;
    line-height: 1;
    text-decoration: none;
    transition: color var(--cc-fast) var(--cc-ease), background var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-nav__link:hover { color: var(--cc-brand); background: var(--cc-mist); }
.cc-site .cc-nav__link.is-current { color: var(--cc-brand); }
.cc-site .cc-nav__link.is-current::after {
    content: '';
    position: absolute;
    left: 50%; bottom: 5px;
    width: 18px; height: 2px;
    margin: 0 0 0 -9px;
    border-radius: 2px;
    background: var(--cc-accent);
}
/* Ok artık SVG: satır kutusunu şişirmez, dönerek açılır. */
.cc-site .cc-nav__chevron {
    display: inline-flex;
    width: auto; height: auto;
    margin: 0;
    border: 0;
    font-size: inherit;
    color: var(--cc-muted-soft);
    transform: none;
    transition: transform var(--cc-fast) var(--cc-ease), color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-nav__item:hover .cc-nav__chevron,
.cc-site .cc-nav__item:focus-within .cc-nav__chevron { transform: rotate(180deg); margin: 0; color: var(--cc-brand); }

/* Mega menü */
.cc-site .cc-nav__dropdown {
    padding: 10px;
    gap: 4px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
    box-shadow: var(--cc-sh-3);
}
.cc-site .cc-nav__dropdown a {
    gap: 14px;
    padding: 12px 14px;
    border-radius: var(--cc-r-md);
    color: var(--cc-ink);
}
.cc-site .cc-nav__dropdown a:hover,
.cc-site .cc-nav__dropdown a.is-current { background: var(--cc-paper); color: var(--cc-brand); }
.cc-site .cc-nav__dropdown b { font-size: var(--fs-base); font-weight: 650; color: var(--cc-brand); }
.cc-site .cc-nav__dropdown small { font-size: var(--fs-caption); line-height: 1.45; color: var(--cc-muted); }
.cc-site .cc-nav__dropdown i {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--cc-muted-soft);
    transition: transform var(--cc-fast) var(--cc-ease), color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-nav__dropdown a:hover i { color: var(--cc-accent-ink); transform: translateX(3px); }
.cc-site .cc-nav__dropdown .cc-nav__all { background: var(--cc-brand); }
.cc-site .cc-nav__dropdown .cc-nav__all b,
.cc-site .cc-nav__dropdown .cc-nav__all i { color: var(--cc-white); }
.cc-site .cc-nav__dropdown .cc-nav__all small { color: rgba(255, 255, 255, .72); }
.cc-site .cc-nav__dropdown .cc-nav__all:hover { background: var(--cc-brand-soft); }

/* Eylemler */
.cc-site .cc-header__actions { gap: 6px; }
.cc-site .cc-header__phone,
.cc-site .cc-header__cart {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 12px;
    border-radius: var(--cc-r-md);
    color: var(--cc-brand);
    font-size: var(--fs-sm);
    font-weight: 600;
    text-decoration: none;
    transition: background var(--cc-fast) var(--cc-ease);
}
/* Eski kural ☎ glifini gizlemek için ilk span'ı kapatıyordu; artık
   ilk span numaranın kendisi. */
.cc-site .cc-header__phone span:first-child { display: inline; }
.cc-site .cc-header__phone:hover,
.cc-site .cc-header__cart:hover { background: var(--cc-mist); }
.cc-site .cc-header__phone .cc-icon { color: var(--cc-accent-ink); }
.cc-site .cc-header__cart { position: relative; }
/* Masaüstünde etiketin yanında satır içi hap: ikonun köşesine
   konunca "Sepet" yazısının üstüne biniyordu. Mobilde etiket gizli,
   rozet ikonun köşesine geçer. */
.cc-site .cc-header__cart-count {
    position: static;
    display: inline-grid;
    place-items: center;
    min-width: 18px; height: 18px;
    padding: 0 5px;
    border-radius: var(--cc-r-pill);
    background: var(--cc-accent);
    color: var(--cc-brand);
    font-size: var(--fs-overline);
    font-weight: 800;
    line-height: 1;
}
.cc-site .cc-header__actions > .cc-btn { margin-left: 6px; }

.cc-site .cc-burger {
    width: 44px; height: 44px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-md);
    background: var(--cc-white);
}

/* Mobil çekmece */
.cc-site .cc-mobile-nav { border-top: 1px solid var(--cc-line); background: var(--cc-white); }
.cc-site .cc-mobile-nav > a,
.cc-site .cc-mobile-nav summary {
    min-height: 52px;
    font-size: var(--fs-body);
    font-weight: 600;
    color: var(--cc-brand);
}
.cc-site .cc-mobile-nav summary span { display: inline-flex; transition: transform var(--cc-fast) var(--cc-ease); }
.cc-site .cc-mobile-nav details[open] summary span { transform: rotate(180deg); }
.cc-site .cc-mobile-nav details a { font-size: var(--fs-base); color: var(--cc-ink); }

@media (max-width: 1240px) {
    .cc-site .cc-header__phone span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .cc-site .cc-header__phone { padding: 0 10px; }
}
@media (max-width: 720px) {
    .cc-site .cc-announcement__inner span { display: none; }
    .cc-site .cc-header__inner { min-height: 64px; }
    .cc-site .cc-header__brand img { height: 38px; max-height: 38px; }
    .cc-site .cc-header__cart-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .cc-site .cc-header__cart-count { position: absolute; top: 5px; left: 24px; min-width: 16px; height: 16px; padding: 0 4px; border: 2px solid var(--cc-white); font-size: 10px; box-sizing: content-box; }
    .cc-site .cc-header__actions > .cc-btn { display: none; }
}

/* ---------------------------------------------------------
   7. Hero — korunur; yalnızca rozet ikonları ve metin ölçeği
   --------------------------------------------------------- */

.cc-site .cc-hero__text { font-size: clamp(17px, 1.25vw, 19px); line-height: 1.55; }
.cc-site .cc-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.cc-site .cc-hero__badges { gap: 10px; }
.cc-site .cc-hero__badges li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px 7px 10px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--cc-r-pill);
    background: rgba(255, 255, 255, .06);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, .86);
    font-size: var(--fs-sm);
}
.cc-site .cc-hero__badges li::before { content: none; display: none; }
.cc-site .cc-hero__badges .cc-icon { color: #ff9a57; }
.cc-site .cc-hero__scroll { color: rgba(255, 255, 255, .7); }
.cc-site .cc-hero__scroll:hover { color: var(--cc-white); }

/* ---------------------------------------------------------
   8. Güven şeridi — hero'nun hemen altında sakin bir bant
   --------------------------------------------------------- */

.cc-site .cc-trust {
    padding: 0;
    border-bottom: 1px solid var(--cc-line);
    background: var(--cc-white);
}
.cc-site .cc-trust__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}
.cc-site .cc-trust__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    min-height: 0;
    padding: 26px 24px;
    border-right: 0;
    color: var(--cc-brand);
    font-size: var(--fs-base);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.35;
    white-space: normal;
}
.cc-site .cc-trust__item:last-child { border-right: 0; }
/* Eski işaretlemede tek <span> ✓ dairesiydi; o kural artık metin
   span'ını da daireye çeviriyordu. */
.cc-site .cc-trust__item .cc-trust__text {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    width: auto; height: auto;
    border-radius: 0;
    background: none;
    color: inherit;
    font-size: inherit;
}
.cc-site .cc-trust__item + .cc-trust__item { border-left: 1px solid var(--cc-line); }
.cc-site .cc-trust__item:first-child { padding-left: 0; }
.cc-site .cc-trust__item .cc-trust__icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 44px; height: 44px;
    border-radius: var(--cc-r-md);
    background: var(--cc-accent-wash);
    color: var(--cc-accent-ink);
}

/* ---------------------------------------------------------
   9. Bölüm ritmi ve başlıkları

   Eskiden bölümler arasında 200px'e varan ölü boşluk ve her
   bölümde farklı dolgu vardı. Tek ritim: --cc-section-y.
   --------------------------------------------------------- */

.cc-site .cc-section { padding: var(--cc-section-y) 0; }
.cc-site .cc-section__head { max-width: 64ch; margin: 0 0 clamp(28px, 3vw, 44px); }
.cc-site .cc-section__head h2 { max-width: 24ch; margin: 0; }
/* :not(.cc-eyebrow) — üst etiket de bir <p>; bu kural onu 17px'e
   büyütüyordu (canlı sitedeki "NE ARIYORSUNUZ?" bu yüzden iriydi). */
.cc-site .cc-section__head p:not(.cc-eyebrow) { margin: 14px 0 0; font-size: var(--fs-lead); line-height: 1.6; }
.cc-site .cc-section__head--row {
    display: flex;
    flex-direction: row;   /* frontend.css mobilde column yapıyor; flex-basis 420px yüksekliğe dönüşüp 420px boşluk açıyordu */
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 32px;
    max-width: none;
}
.cc-site .cc-section__head--row > :first-child { flex: 1 1 420px; min-width: 0; }

/* ---------------------------------------------------------
   10. Kategoriler — bento

   İmza kategori 2x2 büyük karo, diğerleri tek karo, sonda
   "Tüm ürünler". Etiket görselin üzerinde yüzen beyaz panel:
   açık tonlu fotoğraflarda da okunur, koyu degrade gerekmez.
   --------------------------------------------------------- */

.cc-site .cc-catgrid--bento {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: clamp(200px, 17vw, 250px);
    grid-auto-flow: dense;
    gap: 16px;
}
.cc-site .cc-catgrid--bento .cc-catcard {
    position: relative;
    display: block;
    height: auto;
    border: 0;
    border-radius: var(--cc-r-xl);
    background: var(--cc-well);
    overflow: hidden;
    isolation: isolate;
    text-decoration: none;
    box-shadow: none;
    transition: transform var(--cc-slow) var(--cc-ease), box-shadow var(--cc-slow) var(--cc-ease);
}
.cc-site .cc-catgrid--bento .cc-catcard:hover {
    transform: translateY(-3px);
    border-color: transparent;
    box-shadow: var(--cc-sh-3);
}
.cc-site .cc-catgrid--bento .cc-catcard--feature { grid-column: span 2; grid-row: span 2; }
.cc-site .cc-catgrid--bento .cc-catcard__media {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block;
    aspect-ratio: auto;
    background: var(--cc-well);
}
.cc-site .cc-catgrid--bento .cc-catcard__media img {
    width: 100%; height: 100%;
    padding: 0;
    object-fit: cover;
    transition: transform .7s var(--cc-ease);
}
.cc-site .cc-catgrid--bento .cc-catcard:hover .cc-catcard__media img { transform: scale(1.06); }

.cc-site .cc-catgrid--bento .cc-catcard__body {
    position: absolute;
    left: 12px; right: 12px; bottom: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px 12px 16px;
    border-radius: var(--cc-r-lg);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(12px) saturate(1.3);
    box-shadow: 0 8px 24px -16px rgba(23, 18, 38, .5);
}
.cc-site .cc-catcard__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cc-site .cc-catgrid--bento .cc-catcard__body strong {
    display: block;
    min-height: 0;
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 650;
    line-height: 1.3;
    color: var(--cc-brand);
    -webkit-line-clamp: 2;
}
.cc-site .cc-catgrid--bento .cc-catcard__body small { font-size: var(--fs-caption); color: var(--cc-muted); }
.cc-site .cc-catcard__body em {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 6px;
    font-style: normal;
    font-size: var(--fs-sm);
    line-height: 1.5;
    color: var(--cc-muted);
}
.cc-site .cc-catcard__go {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 38px; height: 38px;
    border-radius: var(--cc-r-pill);
    background: var(--cc-brand);
    color: var(--cc-white);
    transition: transform var(--cc-fast) var(--cc-ease), background var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-catcard:hover .cc-catcard__go { transform: translateX(2px); background: var(--cc-accent); color: var(--cc-brand); }
.cc-site .cc-catgrid--bento .cc-catcard__body::after { content: none; }

/* büyük karo — daha büyük etiket, açıklama görünür */
.cc-site .cc-catcard--feature .cc-catcard__body { left: 20px; right: 20px; bottom: 20px; padding: 20px 20px 20px 24px; border-radius: var(--cc-r-lg); }
.cc-site .cc-catgrid--bento .cc-catcard--feature .cc-catcard__body strong { font-family: var(--cc-display); font-size: clamp(20px, 1.8vw, 26px); font-weight: 600; letter-spacing: -.015em; line-height: 1.15; }
.cc-site .cc-catcard--feature .cc-catcard__go { width: 48px; height: 48px; }

/* "Tüm ürünler" — lacivert karo, kalan sütunları doldurur */
.cc-site .cc-catgrid--bento .cc-catcard--all {
    grid-column: span var(--cc-span-4, 1);
    background:
        radial-gradient(120% 90% at 100% 0%, rgba(232, 117, 45, .30), transparent 55%),
        linear-gradient(160deg, #2a2160, var(--cc-night));
}
.cc-site .cc-catgrid--bento .cc-catcard--all .cc-catcard__body {
    inset: 0;
    align-items: flex-end;
    padding: 22px;
    border-radius: 0;
    background: none;
    backdrop-filter: none;
    box-shadow: none;
}
.cc-site .cc-catgrid--bento .cc-catcard--all strong { font-family: var(--cc-display); font-size: clamp(20px, 1.7vw, 24px); font-weight: 600; color: var(--cc-white); }
.cc-site .cc-catgrid--bento .cc-catcard--all small { color: rgba(255, 255, 255, .72); }
.cc-site .cc-catcard--all .cc-catcard__go { background: var(--cc-accent); color: var(--cc-brand); }
.cc-site .cc-catcard--all:hover .cc-catcard__go { background: var(--cc-white); }

/* eski ızgara düzeni (başka sayfalarda) — görsel tam genişlik */
.cc-site .cc-catgrid:not(.cc-catgrid--bento) .cc-catcard { border-radius: var(--cc-r-lg); }
.cc-site .cc-catgrid:not(.cc-catgrid--bento) .cc-catcard__body {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
}
.cc-site .cc-catgrid:not(.cc-catgrid--bento) .cc-catcard__go { width: 32px; height: 32px; background: var(--cc-mist); color: var(--cc-brand); }

/* ---------------------------------------------------------
   11. Ürün kartı — tek görsel dil, iki işaretleme

   `.cc-pcard` (ana sayfa rafları) ile WooCommerce arşivindeki
   `ul.products li.product` aynı görünür.

   Görsel kuyusu: ürün fotoğraflarının çoğu beyaz zeminli JPG.
   Krem zemine konunca beyaz dikdörtgen olarak görünüyor, iç
   içe kutu hissi veriyordu. `mix-blend-mode: multiply` beyazı
   kuyunun tonuna eritir; bütün ızgara tek zeminde durur.
   --------------------------------------------------------- */

.cc-site .cc-pcard,
.cc-site ul.products li.product,
.cc-site .cc-product-grid .cc-pcard {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);   /* eskiden 2px 22px 2px 22px */
    background: var(--cc-white);
    box-shadow: none;
    overflow: hidden;
    text-align: left;
    transition: border-color var(--cc-fast) var(--cc-ease),
                box-shadow var(--cc-slow) var(--cc-ease),
                transform var(--cc-slow) var(--cc-ease);
}
.cc-site .cc-pcard:hover,
.cc-site ul.products li.product:hover,
.cc-site .cc-product-grid .cc-pcard:hover {
    border-color: var(--cc-line-strong);
    box-shadow: var(--cc-sh-2);
    transform: translateY(-3px);
}

/* görsel kuyusu */
.cc-site .cc-pcard__media,
.cc-site .cc-product-grid .cc-pcard__media,
.cc-site ul.products li.product .cc-card__media {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: var(--cc-well);
    overflow: hidden;
}
.cc-site .cc-pcard__media::after,
.cc-site .cc-product-grid .cc-pcard__media::after { content: none; display: none; }
.cc-site .cc-pcard__media img,
.cc-site .cc-product-grid .cc-pcard__media img,
.cc-site ul.products li.product .cc-card__media img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 9% !important;
    object-fit: contain !important;
    background: transparent !important;
    mix-blend-mode: multiply;
    transition: transform .6s var(--cc-ease) !important;
    transform: none;
}
.cc-site .cc-pcard:hover .cc-pcard__media img,
.cc-site ul.products li.product:hover .cc-card__media img { transform: scale(1.05) !important; }
.cc-site .cc-pcard--oos .cc-pcard__media img { opacity: .5; filter: saturate(.5); }

/* rozetler */
.cc-site .cc-pcard__badge,
.cc-site .cc-card__badge,
.cc-site .cc-card__figures {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: var(--cc-r-pill);
    font-size: var(--fs-overline);
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.2;
    box-shadow: var(--cc-sh-1);
}
.cc-site .cc-pcard__badge,
.cc-site .cc-card__figures { left: 12px; top: 12px; right: auto; bottom: auto; background: var(--cc-white); color: var(--cc-brand); }
.cc-site .cc-card__badge { right: 12px; top: 12px; left: auto; background: var(--cc-brand); color: var(--cc-white); }
.cc-site .cc-pcard__sale { top: 12px; right: 12px; border-radius: var(--cc-r-pill); font-size: var(--fs-overline); }

/* gövde — raf kartı */
.cc-site .cc-pcard__body,
.cc-site .cc-product-grid .cc-pcard__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 0;
    padding: 16px 18px 18px;
    border-top: 1px solid var(--cc-line);
}
.cc-site .cc-pcard__title,
.cc-site .cc-pcard__body h3,
.cc-site .cc-product-grid .cc-pcard__body h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.36em * 2);
    margin: 0 0 6px;
    padding: 0;
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 650;
    line-height: 1.36;
    letter-spacing: -.008em;
}
.cc-site .cc-pcard__title a,
.cc-site .cc-pcard__body h3 a { color: var(--cc-brand); text-decoration: none; }
.cc-site .cc-pcard__title a::after { content: ''; position: absolute; inset: 0; z-index: 1; }  /* tüm kart tıklanır */
.cc-site .cc-pcard__title a:focus-visible { outline: 0; }
.cc-site .cc-pcard:has(.cc-pcard__title a:focus-visible) { outline: 2px solid var(--cc-accent-ink); outline-offset: 2px; }

/* Özet yalnızca özel üretim kartlarında: stok ürünlerinde başlığı
   ("Dr. Gusto 25 gr Yağ Bazlı Lake Kahverengi") tekrar ediyordu. */
.cc-site .cc-pcard__text { display: none; }
.cc-site .cc-pcard--custom .cc-pcard__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 12px;
    font-size: var(--fs-sm);
    line-height: 1.5;
    color: var(--cc-muted);
}

.cc-site .cc-pcard__foot,
.cc-site .cc-product-grid .cc-pcard__foot {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    margin-top: auto;
    padding: 10px 0 0;
    border: 0;
}
.cc-site .cc-pcard__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
    color: var(--cc-brand);
}
.cc-site .cc-pcard__price strong,
.cc-site .cc-pcard__foot strong { font-size: var(--fs-h4); font-weight: 750; letter-spacing: -.01em; line-height: 1.2; color: var(--cc-brand); }
/* yalnızca "/ kutu" birimi — WooCommerce'in fiyat span'ı strong içinde */
.cc-site .cc-pcard__price > span { font-size: var(--fs-caption); font-weight: 500; color: var(--cc-muted); }
.cc-site .cc-pcard__price strong .amount,
.cc-site .cc-pcard__percost .amount { font: inherit; color: inherit; }
/* ₺ rakamların yarısı boyutundaydı; hata gibi duruyordu — rakamla aynı boyda */
.cc-site .woocommerce-Price-currencySymbol { font-weight: inherit; }
.cc-site .cc-pcard__percost { margin: 0; font-size: var(--fs-caption); color: var(--cc-muted); }
.cc-site .cc-pcard__percost b { color: var(--cc-accent-ink); font-weight: 700; }
.cc-site .cc-pcard__foot .cc-btn,
.cc-site .cc-product-grid .cc-pcard__foot .cc-btn {
    position: relative;
    z-index: 2;              /* kartı saran bağlantının üstünde */
    width: 100%;
    height: auto;
    min-height: 42px;
    margin: 10px 0 0;
    padding: 0 14px !important;
    font-size: var(--fs-sm);
}
.cc-site .cc-pcard .added_to_cart,
.cc-site ul.products li.product .added_to_cart {
    position: relative;
    z-index: 2;
    display: block;
    margin: 8px 0 0;
    font-size: var(--fs-caption);
    font-weight: 650;
    text-align: center;
    color: var(--cc-accent-ink);
}

/* ---------------------------------------------------------
   12. Arşiv kartı — özgüllük düzeltmesi

   Kullanıcının fark ettiği hata: redesign.css'te
     .tax-product_cat .cc-shop ul.products li.product
       .woocommerce-loop-product__title { padding: 0 }
   özgüllüğü (0,5,2). Eski polish kuralı (0,4,2) olduğu için
   sonra yüklense de kaybediyordu; ürün adı çerçeveye
   yapışıyordu. Aynı seçici gövde sınıfıyla yansıtılır →
   (0,6,2), kazanır.

   Ayrıca eski `li.product > a:first-of-type { background:
   krem }` kuralı görseli değil, görsel + başlık + fiyatı
   saran bağlantının TAMAMINI boyuyordu.
   --------------------------------------------------------- */

.cc-site.post-type-archive-product .cc-shop ul.products li.product,
.cc-site.tax-product_cat .cc-shop ul.products li.product,
.cc-site ul.products li.product {
    padding: 0 0 18px !important;
    border: 1px solid var(--cc-line) !important;
    border-radius: var(--cc-r-lg) !important;
    background: var(--cc-white) !important;
}
.cc-site.post-type-archive-product .cc-shop ul.products li.product:hover,
.cc-site.tax-product_cat .cc-shop ul.products li.product:hover { border-color: var(--cc-line-strong) !important; }

.cc-site ul.products li.product > a.woocommerce-LoopProduct-link,
.cc-site.post-type-archive-product .cc-shop ul.products li.product > a:first-of-type,
.cc-site.tax-product_cat .cc-shop ul.products li.product > a:first-of-type {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-decoration: none;
}
.cc-site ul.products li.product .cc-card__media { margin: 0 0 16px; border-bottom: 1px solid var(--cc-line); }
/* redesign.css `.cc-catalog-results .cc-card__media` yüksekliği 250-320px'e
   sabitliyordu: kuyular kare değildi, raf kartlarıyla tutmuyordu. */
.cc-site.post-type-archive-product .cc-catalog-results .cc-card__media,
.cc-site.tax-product_cat .cc-catalog-results .cc-card__media { height: auto; aspect-ratio: 1 / 1; }

.cc-site.post-type-archive-product .cc-shop ul.products li.product .woocommerce-loop-product__title,
.cc-site.tax-product_cat .cc-shop ul.products li.product .woocommerce-loop-product__title,
.cc-site ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.36em * 2);
    margin: 0 0 6px;
    padding: 0 18px !important;
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 650;
    line-height: 1.36;
    letter-spacing: -.008em;
    color: var(--cc-brand);
}
.cc-site ul.products li.product .cc-card__text { display: none; }
.cc-site.tax-product_cat.term-logolu-cikolata-kaliplari ul.products li.product .cc-card__text,
.cc-site.tax-product_cat.term-logolu-transfer-jelatinleri ul.products li.product .cc-card__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0 18px;
    font-size: var(--fs-sm);
    line-height: 1.5;
    color: var(--cc-muted);
}
.cc-site.post-type-archive-product .cc-shop ul.products li.product .cc-card__price,
.cc-site.tax-product_cat .cc-shop ul.products li.product .cc-card__price,
.cc-site ul.products li.product .cc-card__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
    margin: auto 0 0;
    padding: 6px 18px 0 !important;
    font-size: var(--fs-h4);
    font-weight: 750;
    line-height: 1.2;
    color: var(--cc-brand);
}
.cc-site ul.products li.product .cc-card__amount { font-size: inherit; font-weight: inherit; color: inherit; }
.cc-site ul.products li.product .cc-card__unit { font-size: var(--fs-caption); font-weight: 500; color: var(--cc-muted); }
.cc-site ul.products li.product .cc-card__percost,
.cc-site ul.products li.product .cc-card__min {
    margin: 4px 0 0;
    padding: 0 18px;
    font-size: var(--fs-caption);
    color: var(--cc-muted);
}
.cc-site ul.products li.product .cc-card__percost { color: var(--cc-accent-ink); font-weight: 650; }

.cc-site.post-type-archive-product .cc-shop ul.products li.product .cc-btn,
.cc-site.tax-product_cat .cc-shop ul.products li.product .cc-btn,
.cc-site ul.products li.product .cc-btn,
.cc-site .cc-catalog-results ul.products li.product .cc-btn {
    border-radius: var(--cc-r-md) !important;   /* eskiden 11px */
    display: flex;
    width: auto !important;
    height: auto;
    min-height: 42px;
    margin: 14px 18px 0 !important;
    padding: 0 14px !important;
    font-size: var(--fs-sm);
    line-height: 1.1 !important;
}

/* ---------------------------------------------------------
   13. İmza bölümü — logolu çikolata

   Solda neden (değer önerileri), sağda kalıp formları, altta
   dört adım. Sıcak krem zemin sayfaya ritim verir.
   --------------------------------------------------------- */

.cc-site .cc-signature {
    position: relative;
    background:
        radial-gradient(60% 50% at 0% 0%, rgba(232, 117, 45, .07), transparent 70%),
        var(--cc-cream);
}
.cc-site .cc-signature__grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: clamp(36px, 5vw, 72px);
    align-items: start;
}
.cc-site .cc-signature__grid--solo { grid-template-columns: minmax(0, 720px); }
.cc-site .cc-signature__intro { position: sticky; top: 124px; }
.cc-site .cc-signature__intro h2 { margin: 0 0 16px; }
.cc-site .cc-signature__intro .cc-lead { margin: 0 0 28px; max-width: 52ch; }

.cc-site .cc-features {
    display: grid;
    gap: 18px;
    margin: 0 0 32px;
    padding: 0;
    list-style: none;
}
.cc-site .cc-features__item {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 14px;
    align-items: start;
    margin: 0;
    font-size: var(--fs-base);
    line-height: 1.55;
    color: var(--cc-muted);
}
.cc-site .cc-features__item strong {
    display: block;
    margin-bottom: 2px;
    font-size: var(--fs-body);
    font-weight: 650;
    color: var(--cc-brand);
}
.cc-site .cc-features__icon {
    display: grid;
    place-items: center;
    width: 30px; height: 30px;
    margin-top: 1px;
    border-radius: var(--cc-r-pill);
    background: var(--cc-brand);
    color: var(--cc-white);
}
.cc-site .cc-signature__actions { display: flex; flex-wrap: wrap; gap: 12px; }

.cc-site .cc-signature__molds {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.cc-site .cc-signature__molds .cc-pcard { border-color: rgba(33, 26, 77, .08); box-shadow: var(--cc-sh-1); }
.cc-site .cc-signature__molds .cc-pcard__media { aspect-ratio: 5 / 4; background: #f9f6f1; }
.cc-site .cc-signature__molds .cc-pcard__media img { padding: 7% !important; }

/* zaman çizelgesi */
.cc-site .cc-timeline {
    margin-top: clamp(56px, 6vw, 88px);
    padding-top: clamp(40px, 4vw, 56px);
    border-top: 1px solid var(--cc-line);
}
.cc-site .cc-timeline__title {
    margin: 0 0 32px;
    font-family: var(--cc-display);
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 600;
    letter-spacing: -.015em;
}
.cc-site .cc-timeline__list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}
/* adımları birleştiren çizgi — numara dairelerinin ortasından */
.cc-site .cc-timeline__list::before {
    content: '';
    position: absolute;
    top: 20px; left: 20px; right: 20px;
    height: 1px;
    background: repeating-linear-gradient(90deg, var(--cc-line-strong) 0 6px, transparent 6px 12px);
}
.cc-site .cc-timeline__step { position: relative; margin: 0; }
.cc-site .cc-timeline__num {
    position: relative;
    display: grid;
    place-items: center;
    width: 40px; height: 40px;
    margin-bottom: 18px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-pill);
    background: var(--cc-cream);
    color: var(--cc-brand);
    font-size: var(--fs-base);
    font-weight: 700;
}
.cc-site .cc-timeline__step:first-child .cc-timeline__num { background: var(--cc-accent); border-color: var(--cc-accent); }
.cc-site .cc-timeline__step h4 { margin: 0 0 6px; font-size: var(--fs-body); font-weight: 650; }
.cc-site .cc-timeline__step p { margin: 0; font-size: var(--fs-base); line-height: 1.55; max-width: 32ch; }

/* ---------------------------------------------------------
   14. Raflar ve sekmeler
   --------------------------------------------------------- */

.cc-site .cc-shelf__nav { display: flex; align-items: center; gap: 8px; }
.cc-site .cc-shelf__arrow {
    display: grid;
    place-items: center;
    width: 42px; height: 42px;
    padding: 0;
    border: 1px solid var(--cc-line-strong) !important;
    border-radius: var(--cc-r-pill) !important;
    background: var(--cc-white) !important;
    color: var(--cc-brand) !important;
    cursor: pointer;
    transition: background var(--cc-fast) var(--cc-ease), border-color var(--cc-fast) var(--cc-ease), opacity var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-shelf__arrow:hover:not([disabled]) { background: var(--cc-brand) !important; border-color: var(--cc-brand) !important; color: var(--cc-white) !important; }
.cc-site .cc-shelf__arrow[disabled] { opacity: .35; cursor: default; }
.cc-site .cc-shelf__nav .cc-link { margin-left: 8px; }

.cc-site .cc-tabs {
    display: flex;
    gap: 8px;
    margin: -12px 0 28px;
    overflow-x: auto;
    scrollbar-width: none;
}
.cc-site .cc-tabs::-webkit-scrollbar { display: none; }
.cc-site .cc-tabs__tab {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-pill);
    background: var(--cc-white);
    color: var(--cc-brand);
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 600;
    cursor: pointer;
    transition: background var(--cc-fast) var(--cc-ease), color var(--cc-fast) var(--cc-ease), border-color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-tabs__tab:hover { border-color: var(--cc-brand); }
.cc-site .cc-tabs__tab[aria-selected="true"] { background: var(--cc-brand); border-color: var(--cc-brand); color: var(--cc-white); }

.cc-site .cc-shelf__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 3 * 20px) / 4);
    gap: 20px;
    margin: 0;
    padding: 4px 4px 24px;
    margin-inline: -4px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 4px;
    scrollbar-width: thin;
    scrollbar-color: var(--cc-line-strong) transparent;
}
.cc-site .cc-shelf__track[hidden] { display: none; }
.cc-site .cc-shelf__track > * { scroll-snap-align: start; }
.cc-site .cc-shelf__track::-webkit-scrollbar { height: 4px; }
.cc-site .cc-shelf__track::-webkit-scrollbar-thumb { background: var(--cc-line-strong); border-radius: var(--cc-r-pill); }
.cc-site .cc-shelf__track:focus-visible { outline: 2px solid var(--cc-accent-ink); outline-offset: 4px; border-radius: var(--cc-r-lg); }
/* JS kapalıysa bütün paneller görünür kalsın */
.woocommerce-no-js .cc-site .cc-shelf__track[hidden],
.cc-site.woocommerce-no-js .cc-shelf__track[hidden] { display: grid; margin-top: 32px; }

.cc-site .cc-grid.cc-product-grid { gap: 20px; }

/* ---------------------------------------------------------
   15. Koyu bölüm — maliyet hesaplayıcı + rakamlar

   Hesaplayıcı ve hemen ardından gelen rakamlar tek koyu
   "bölüm" gibi okunur. "Figür başına maliyet" kutusu eskiden
   bulanık kahverengiydi; artık marka turuncusu, lacivert yazı.
   --------------------------------------------------------- */

.cc-site .cc-section--dark {
    position: relative;
    background:
        radial-gradient(50% 60% at 100% 0%, rgba(232, 117, 45, .16), transparent 70%),
        radial-gradient(40% 50% at 0% 100%, rgba(120, 100, 220, .14), transparent 70%),
        var(--cc-night);
    color: var(--cc-white);
}
.cc-site .cc-section--dark:has(+ .cc-stats) { padding-bottom: clamp(40px, 4vw, 64px); }
.cc-site .cc-section--dark h2,
.cc-site .cc-section--dark h3 { color: var(--cc-white); }

.cc-site .cc-calc { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.cc-site .cc-calc__copy h2 { max-width: 12ch; margin: 0 0 18px; font-weight: 600; line-height: 1.04; }
.cc-site .cc-calc__copy > p:not(.cc-eyebrow) { max-width: 46ch; font-size: var(--fs-lead); color: rgba(255, 255, 255, .72); }
.cc-site .cc-calc__points { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.cc-site .cc-calc__points li {
    position: relative;
    padding-left: 30px;
    font-size: var(--fs-base);
    color: rgba(255, 255, 255, .8);
}
.cc-site .cc-calc__points li::before {
    content: '';
    position: absolute;
    left: 0; top: 2px;
    width: 18px; height: 18px;
    border-radius: 50%;
    background: rgba(232, 117, 45, .18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9a57' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat;
}
.cc-site .cc-calc__panel {
    padding: clamp(24px, 3vw, 36px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--cc-r-xl);          /* eskiden 2px 28px 2px 28px */
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(16px);
    box-shadow: 0 30px 80px -40px rgba(0, 0, 0, .6);
}
.cc-site .cc-calc__panel .cc-field > span { color: rgba(255, 255, 255, .78); font-size: var(--fs-sm); font-weight: 600; }
.cc-site .cc-calc__panel .cc-field > span strong { color: var(--cc-white); }
.cc-site .cc-calc__panel select { border-color: transparent; }
.cc-site .cc-calc__panel input[type="range"] { width: 100%; accent-color: var(--cc-accent); }
.cc-site .cc-calc__results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 22px 0; }
.cc-site .cc-calc__result {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: var(--cc-r-md);
    background: rgba(255, 255, 255, .05);
}
.cc-site .cc-calc__result span { font-size: var(--fs-caption); color: rgba(255, 255, 255, .7); }
.cc-site .cc-calc__result strong { font-size: clamp(20px, 1.8vw, 24px); font-weight: 700; color: var(--cc-white); font-variant-numeric: tabular-nums; }
.cc-site .cc-calc__result--hero { border-color: var(--cc-accent); background: var(--cc-accent); }
.cc-site .cc-calc__result--hero span { color: rgba(33, 26, 77, .82) !important; font-weight: 600; }
.cc-site .cc-calc__result--hero strong,
.cc-site .cc-calc__result--hero .woocommerce-Price-amount { color: var(--cc-brand) !important; font-size: clamp(24px, 2.2vw, 30px); }

.cc-site .cc-stats {
    padding: 0 0 clamp(56px, 5vw, 88px);
    border: 0;
    background: var(--cc-night);
    color: var(--cc-white);
}
.cc-site .cc-stats__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding-top: clamp(32px, 3vw, 48px);
    border-top: 0;
    background: linear-gradient(rgba(255, 255, 255, .10), rgba(255, 255, 255, .10)) no-repeat center top / calc(100% - 2 * var(--cc-gutter)) 1px;
}
.cc-site .cc-stat { display: flex; flex-direction: column; gap: 8px; padding: 0 24px; text-align: left; }
.cc-site .cc-stat:first-child { padding-left: 0; }
.cc-site .cc-stat + .cc-stat { border-left: 1px solid rgba(255, 255, 255, .10); }
.cc-site .cc-stat + .cc-stat::before { content: none; }
.cc-site .cc-stat strong {
    font-family: var(--cc-display);
    font-size: clamp(36px, 3.6vw, 52px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--cc-white);
}
.cc-site .cc-stat span { font-size: var(--fs-sm); line-height: 1.45; color: rgba(255, 255, 255, .66); }

/* ---------------------------------------------------------
   16. Tarifler ve rehberler

   Eskiden #15102d koyu zemindeydi; hesaplayıcı ve rakamlarla
   birlikte arka arkaya üç koyu bant oluşuyordu.
   --------------------------------------------------------- */

.cc-site .cc-home-content { background: var(--cc-white); color: var(--cc-ink); }
.cc-site .cc-home-content .cc-section__head h2,
.cc-site .cc-home-content__column-head h3 { color: var(--cc-brand); }
.cc-site .cc-home-content__head > p { color: var(--cc-muted); font-size: var(--fs-lead); }
.cc-site .cc-home-content__column-head a { font-size: var(--fs-sm); letter-spacing: 0; text-transform: none; }
.cc-site .cc-home-content__item span { display: block; }

.cc-site .cc-home-content__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 48px; align-items: end; max-width: none; }
.cc-site .cc-home-content__head > p { margin: 0; max-width: 52ch; }
.cc-site .cc-home-content__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 3vw, 40px); }
.cc-site .cc-home-content__column-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--cc-line);
}
.cc-site .cc-home-content__column-head h3 { margin: 0; font-size: var(--fs-h4); }
.cc-site .cc-home-content__list { display: grid; gap: 10px; }
.cc-site .cc-home-content__item {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 18px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
    color: inherit;
    text-decoration: none;
    transition: border-color var(--cc-fast) var(--cc-ease), box-shadow var(--cc-slow) var(--cc-ease), transform var(--cc-slow) var(--cc-ease);
}
.cc-site .cc-home-content__item:hover { border-color: var(--cc-line-strong); box-shadow: var(--cc-sh-2); transform: translateY(-2px); }
.cc-site .cc-home-content__item img {
    width: 112px; height: 84px;
    margin: 0;
    border-radius: var(--cc-r-md);
    object-fit: cover;
}
.cc-site .cc-home-content__item small {
    display: block;
    margin-bottom: 4px;
    font-size: var(--fs-overline);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--cc-accent-ink);
}
.cc-site .cc-home-content__item strong { display: block; font-size: var(--fs-body); font-weight: 650; line-height: 1.35; color: var(--cc-brand); }

/* ---------------------------------------------------------
   17. Referanslar
   --------------------------------------------------------- */

.cc-site .cc-quote {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 28px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site .cc-quote > .cc-icon { color: var(--cc-accent); }
.cc-site .cc-quote blockquote { margin: 0; font-size: var(--fs-body); line-height: 1.65; color: var(--cc-ink); }
.cc-site .cc-quote figcaption { margin-top: auto; }
.cc-site .cc-quote figcaption strong { display: block; color: var(--cc-brand); }
.cc-site .cc-quote figcaption span { font-size: var(--fs-sm); color: var(--cc-muted); }

/* ---------------------------------------------------------
   18. Sık sorulan sorular

   Açıkken 45° döndürülen "+" çarpı yerine eğik çizgi gibi
   görünüyordu. Yerine dönen ok.
   --------------------------------------------------------- */

.cc-site .cc-section:has(> .cc-faq) { background: var(--cc-paper); border-top: 1px solid var(--cc-line); }
.cc-site .cc-faq { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: clamp(36px, 6vw, 96px); align-items: start; }
.cc-site .cc-faq__head { position: sticky; top: 124px; }
.cc-site .cc-faq__head h2 { margin: 0 0 14px; font-weight: 600; line-height: 1.08; }
.cc-site .cc-faq__head p { font-size: var(--fs-lead); }
.cc-site .cc-faq__head a { color: var(--cc-accent-ink); font-weight: 650; }
.cc-site .cc-faq__list { border-top: 1px solid var(--cc-line); }
.cc-site .cc-faq__item { border-bottom: 1px solid var(--cc-line); }
.cc-site .cc-faq__item summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 68px;
    padding: 18px 56px 18px 0;
    font-size: var(--fs-body);
    font-weight: 650;
    line-height: 1.4;
    color: var(--cc-brand);
    list-style: none;
    cursor: pointer;
}
.cc-site .cc-faq__item summary::-webkit-details-marker { display: none; }
.cc-site .cc-faq__item summary::after {
    content: '';
    position: absolute;
    right: 0; top: 50%;
    width: 34px; height: 34px;
    margin-top: -17px;
    border-radius: 50%;
    background: var(--cc-mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23211a4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 16px no-repeat;
    font-size: 0;
    transform: none;
    transition: transform var(--cc-fast) var(--cc-ease), background-color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-faq__item summary:hover::after { background-color: var(--cc-accent-wash); }
.cc-site .cc-faq__item[open] summary::after { transform: rotate(180deg); background-color: var(--cc-accent-wash); }
.cc-site .cc-faq__item > div { padding: 0 56px 22px 0; font-size: var(--fs-body); line-height: 1.65; color: var(--cc-muted); }

/* ---------------------------------------------------------
   19. Son çağrı bandı
   --------------------------------------------------------- */

.cc-site .cc-ctaband {
    padding: clamp(64px, 7vw, 104px) 0;
    background:
        radial-gradient(50% 70% at 0% 100%, rgba(232, 117, 45, .22), transparent 70%),
        linear-gradient(135deg, #2a2160 0%, var(--cc-brand) 45%, var(--cc-night) 100%);
    color: var(--cc-white);
}
.cc-site .cc-ctaband__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 480px);
    gap: clamp(36px, 6vw, 88px);
    align-items: center;               /* başlık formun dibinde kalıyordu */
}
.cc-site .cc-ctaband h2 { max-width: 14ch; margin: 0 0 16px; font-weight: 600; line-height: 1.04; color: var(--cc-white); }
.cc-site .cc-ctaband p:not(.cc-eyebrow) { max-width: 44ch; font-size: var(--fs-lead); color: rgba(255, 255, 255, .76); }
.cc-site .cc-ctaband__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.cc-site .cc-ctaband .cc-form {
    padding: clamp(24px, 3vw, 32px);
    border: 0;
    border-radius: var(--cc-r-xl);       /* eskiden 2px 22px 2px 22px */
    background: var(--cc-white);
    box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .55);
}
.cc-site .cc-ctaband .cc-form p,
.cc-site .cc-ctaband .cc-form label { color: var(--cc-muted); }
.cc-site .cc-form__title { margin: 0 0 16px; font-family: var(--cc-display); font-size: var(--fs-h3); font-weight: 600; color: var(--cc-brand); }

/* ---------------------------------------------------------
   20. Alt bilgi
   --------------------------------------------------------- */

.cc-site .cc-footer { background: #0d0a1f; color: rgba(255, 255, 255, .7); }
.cc-site .cc-footer__top { gap: clamp(28px, 4vw, 56px); padding-block: clamp(56px, 6vw, 88px) clamp(40px, 4vw, 56px); }
.cc-site .cc-footer__brand p { max-width: 36ch; margin: 18px 0 22px; font-size: var(--fs-base); line-height: 1.65; color: rgba(255, 255, 255, .62); }
.cc-site .cc-footer h4 {
    margin: 0 0 18px;
    font-family: var(--cc-font);
    font-size: var(--fs-caption);
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--cc-white);
}
.cc-site .cc-footer ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.cc-site .cc-footer li { margin: 0; padding: 0; line-height: 1.45; }
.cc-site .cc-footer li,
.cc-site .cc-footer a { font-size: var(--fs-base); color: rgba(255, 255, 255, .66); text-decoration: none; }
.cc-site .cc-footer a:hover { color: var(--cc-white); }
.cc-site .cc-footer__contact li { display: grid; grid-template-columns: 18px 1fr; gap: 12px; align-items: start; }
.cc-site .cc-footer__contact .cc-icon { margin-top: 2px; color: #ff9a57; }
.cc-site .cc-footer__social { display: flex; gap: 8px; }
.cc-site .cc-footer__social a {
    display: grid;
    place-items: center;
    width: 40px; height: 40px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--cc-r-pill);
    color: var(--cc-white);
    text-decoration: none;
    transition: background var(--cc-fast) var(--cc-ease), border-color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-footer__social a:hover { background: var(--cc-accent); border-color: var(--cc-accent); color: var(--cc-brand); }
.cc-site .cc-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
    padding-block: 22px 28px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}
.cc-site .cc-footer__bottom p { margin: 0; font-size: var(--fs-sm); color: rgba(255, 255, 255, .5); }
.cc-site .cc-footer__pay { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.cc-site .cc-footer__pay .cc-icon { color: rgba(255, 255, 255, .5); }
.cc-site .cc-footer__pay b {
    padding: 4px 10px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--cc-r-sm);
    font-size: var(--fs-caption);
    font-weight: 650;
    color: rgba(255, 255, 255, .78);
}

/* WhatsApp düğmesi — resmi işaret, beyaz; masaüstünde üzerine gelince etiket açılır */
.cc-site .cc-whatsapp-fab {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: auto;
    max-width: 56px;
    height: 56px;
    padding: 0 14px;
    border-radius: var(--cc-r-pill);
    background: #25d366;
    color: var(--cc-white);
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    box-shadow: 0 14px 30px -12px rgba(18, 140, 76, .7), 0 2px 6px rgba(0, 0, 0, .12);
    transition: max-width var(--cc-slow) var(--cc-ease), background var(--cc-fast) var(--cc-ease), transform var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-whatsapp-fab .cc-icon { flex: 0 0 auto; width: 28px; height: 28px; color: var(--cc-white); }
.cc-site .cc-whatsapp-fab .cc-icon path { fill: currentColor; }
.cc-site .cc-whatsapp-fab__label {
    display: inline !important;
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 650;
    color: var(--cc-white);
    opacity: 0;
    transition: opacity var(--cc-fast) var(--cc-ease);
}
@media (hover: hover) and (min-width: 721px) {
    .cc-site .cc-whatsapp-fab:hover,
    .cc-site .cc-whatsapp-fab:focus-visible { max-width: 220px; background: #0f7d43; }   /* etiket beyaz yazı: 5.2:1 */
    .cc-site .cc-whatsapp-fab:hover .cc-whatsapp-fab__label,
    .cc-site .cc-whatsapp-fab:focus-visible .cc-whatsapp-fab__label { opacity: 1; }
}

/* ---------------------------------------------------------
   21. Kap ve mağaza bağlamı

   Mağaza sayfalarında çağrı bandı ve koyu bölüm sayfa içine
   gömülü yuvarlak kart olarak durur; genel bölüm dolgusu
   bunları düzleştirmesin.
   --------------------------------------------------------- */

.cc-site .cc-wrap { max-width: var(--cc-wrap); padding-inline: var(--cc-gutter); }
/* alt çizgi sütunlarla hizalı: kenar boşluğunu taşmasın */
.cc-site .cc-footer__bottom { position: relative; border-top: 0; }
.cc-site .cc-footer__bottom::before {
    content: '';
    position: absolute;
    top: 0; left: var(--cc-gutter); right: var(--cc-gutter);
    height: 1px;
    background: rgba(255, 255, 255, .08);
}

.cc-site .cc-shop .cc-section { padding: 56px 0; }
.cc-site .cc-shop .cc-section--cream,
.cc-site .cc-shop .cc-section--dark,
.cc-site .cc-shop .cc-ctaband {
    margin-top: 56px;
    padding: clamp(32px, 4vw, 56px);
    border-radius: var(--cc-r-xl);
}
.cc-site .cc-shop .cc-ctaband > .cc-wrap { padding: 0; }

/* ---------------------------------------------------------
   22. Formlar
   --------------------------------------------------------- */

.cc-site .cc-field > span,
.cc-site .cc-form label,
.cc-site .cc-filter label {
    display: block;
    margin: 0 0 6px;
    font-size: var(--fs-sm);
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--cc-brand);
}
.cc-site .cc-field input,
.cc-site .cc-field select,
.cc-site .cc-field textarea,
.cc-site .cc-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.cc-site .cc-form select,
.cc-site .cc-form textarea,
.cc-site .woocommerce form .form-row input.input-text,
.cc-site .woocommerce form .form-row select,
.cc-site .woocommerce form .form-row textarea {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-md);
    background: var(--cc-white);
    font-family: var(--cc-font);
    font-size: var(--fs-body);   /* 16px: iOS'ta odaklanınca yakınlaştırmaz */
    color: var(--cc-ink);
    box-shadow: none;
    transition: border-color var(--cc-fast) var(--cc-ease), box-shadow var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-field textarea,
.cc-site .cc-form textarea { min-height: 112px; }
.cc-site .cc-field input:focus,
.cc-site .cc-field select:focus,
.cc-site .cc-field textarea:focus,
.cc-site .cc-form input:focus,
.cc-site .cc-form select:focus,
.cc-site .cc-form textarea:focus,
.cc-site .woocommerce form .form-row input.input-text:focus {
    border-color: var(--cc-brand);
    box-shadow: 0 0 0 4px rgba(33, 26, 77, .10);
    outline: none;
}
.cc-site ::placeholder { color: var(--cc-muted-soft); opacity: 1; }
.cc-site .cc-field select,
.cc-site .cc-form select {
    appearance: none;
    padding-right: 42px;
    background: var(--cc-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575167' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px;
}
.cc-site .cc-consent,
.cc-site .cc-form label.cc-consent,
.cc-site .cc-form .cc-consent span { font-size: var(--fs-sm); font-weight: 400; line-height: 1.55; color: var(--cc-muted); }
.cc-site .cc-consent a { color: var(--cc-brand); font-weight: 600; }
.cc-site .cc-form textarea::placeholder,
.cc-site .cc-form input::placeholder { color: var(--cc-muted-soft); font-weight: 400; opacity: 1; }
.cc-site .cc-consent input { accent-color: var(--cc-brand); width: 18px; height: 18px; }

/* ---------------------------------------------------------
   23. Katalog kenar çubuğu ve mağaza gezinmesi
   --------------------------------------------------------- */

.cc-site .cc-catalog-sidebar > * {
    padding: 20px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site .cc-catalog-sidebar > * + * { margin-top: 16px; }
.cc-site .cc-catalog-sidebar h2,
.cc-site .cc-catalog-sidebar h3,
.cc-site .cc-filter h2,
.cc-site .cc-filter-block h2,
.cc-site .cc-filter-block h3,
.cc-site .cc-spec-card h2,
.cc-site .cc-spec-card h3,
.cc-site .cc-panel h3,
.cc-site .widget h2,
.cc-site .widget-title,
.cc-site aside h2 {
    margin: 0 0 12px;
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: var(--cc-brand);
}
.cc-site .cc-catalog-sidebar ul { margin: 0; padding: 0; list-style: none; }
.cc-site .cc-catalog-sidebar li + li { margin-top: 2px; }
.cc-site .cc-catalog-sidebar li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 40px;
    padding: 6px 10px;
    margin-inline: -10px;
    border-radius: var(--cc-r-sm);
    font-size: var(--fs-base);
    color: var(--cc-ink);
    text-decoration: none;
    transition: background var(--cc-fast) var(--cc-ease), color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-catalog-sidebar li a:hover,
.cc-site .cc-catalog-sidebar li a.is-current { background: var(--cc-paper); color: var(--cc-brand); }
.cc-site .cc-catalog-sidebar li a.is-current { font-weight: 650; box-shadow: inset 2px 0 0 var(--cc-accent); }
.cc-site .cc-catalog-sidebar li a span,
.cc-site .cc-catalog-sidebar li a em {
    flex: 0 0 auto;
    min-width: 26px;
    padding: 2px 7px;
    border-radius: var(--cc-r-pill);
    background: var(--cc-mist);
    font-style: normal;
    font-size: var(--fs-overline);
    font-weight: 650;
    text-align: center;
    color: var(--cc-muted);
}

/* filtre paneli — form ölçeğiyle aynı etiket ve alanlar */
.cc-site .cc-catalog-filter__head { margin-bottom: 16px; }
.cc-site .cc-catalog-filter__head .cc-eyebrow { margin-bottom: 6px; }
.cc-site .cc-catalog-filter__head h2 { margin: 0; font-family: var(--cc-font); font-size: var(--fs-h4); font-weight: 700; color: var(--cc-brand); }
.cc-site .cc-catalog-filter label { display: block; margin: 0 0 14px; }
.cc-site .cc-catalog-filter label > span {
    display: block;
    margin: 0 0 6px;
    font-size: var(--fs-sm);
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--cc-brand);
}
.cc-site .cc-catalog-filter input,
.cc-site .cc-catalog-filter select {
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-md);
    background-color: var(--cc-white);
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    color: var(--cc-ink);
}
.cc-site .cc-catalog-filter select {
    appearance: none;
    padding-right: 40px;
    background: var(--cc-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575167' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 16px;
}
.cc-site .cc-catalog-filter input:focus,
.cc-site .cc-catalog-filter select:focus { border-color: var(--cc-brand); box-shadow: 0 0 0 4px rgba(33, 26, 77, .10); outline: none; }
.cc-site .cc-catalog-filter__clear { font-size: var(--fs-sm); font-weight: 650; color: var(--cc-accent-ink); }

/* Mağaza üstü kategori gezinmesi: eski düzen kenardan kenara tablo
   (nth-child kenarlıklarıyla) — yuvarlak köşe verilince çentikli
   görünüyordu. Aralıklı, ayrı çipler; etkin kategori lacivert. */
.cc-site .cc-shop-categories { gap: 10px; border: 0; }
.cc-site .cc-shop-category,
.cc-site .cc-shop-category:nth-child(n) {
    position: relative;
    min-height: 84px;
    padding: 16px 44px 14px 16px;
    border: 1px solid var(--cc-line) !important;
    border-radius: var(--cc-r-md);
    background: var(--cc-white);
    box-shadow: none;
    transform: none;
    transition: border-color var(--cc-fast) var(--cc-ease), background var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-shop-category:hover { border-color: var(--cc-line-strong) !important; background: var(--cc-paper); }
.cc-site .cc-shop-category span { max-width: 20ch; font-size: var(--fs-sm); font-weight: 650; line-height: 1.3; color: var(--cc-brand); }
.cc-site .cc-shop-category small { font-size: var(--fs-caption); color: var(--cc-muted); }
.cc-site .cc-shop-category i { position: absolute; top: 14px; right: 14px; display: inline-flex; color: var(--cc-muted-soft); transition: transform var(--cc-fast) var(--cc-ease); }
.cc-site .cc-shop-category:hover i { transform: translateX(2px); color: var(--cc-brand); }
.cc-site .cc-shop-category.is-current,
.cc-site .cc-shop-category.is-current:nth-child(n) { border-color: var(--cc-brand) !important; background: var(--cc-brand); }
.cc-site .cc-shop-category.is-current span,
.cc-site .cc-shop-category.is-current i { color: var(--cc-white); }
.cc-site .cc-shop-category.is-current small { color: rgba(255, 255, 255, .7); }

.cc-site .woocommerce-pagination ul { display: flex; flex-wrap: wrap; gap: 6px; border: 0; }
.cc-site .woocommerce-pagination ul li { border: 0; }
.cc-site .woocommerce-pagination a,
.cc-site .woocommerce-pagination span {
    display: grid !important;
    place-items: center;
    min-width: 42px; min-height: 42px;
    padding: 0 10px !important;
    border: 1px solid var(--cc-line) !important;
    border-radius: var(--cc-r-md);
    font-size: var(--fs-base);
    font-weight: 600;
    color: var(--cc-brand);
}
.cc-site .woocommerce-pagination span.current { background: var(--cc-brand) !important; border-color: var(--cc-brand) !important; color: var(--cc-white) !important; }

/* ---------------------------------------------------------
   24. Ürün sayfası
   --------------------------------------------------------- */

.cc-site .cc-shop p.stock {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 16px;
    padding: 6px 12px;
    border-radius: var(--cc-r-pill);
    font-size: var(--fs-sm);
    font-weight: 600;
}
.cc-site .cc-shop p.stock::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.cc-site .cc-shop p.stock.in-stock { background: #edf7f0; color: #156c3a; }
.cc-site .cc-shop p.stock.out-of-stock { background: #fdf0ee; color: #a3341f; }
.cc-site .cc-shop div.product:has(p.stock.out-of-stock) .cc-pricebox { opacity: .72; }

.cc-site .cc-gallery__thumbs { gap: 10px; }
.cc-site .cc-gallery__thumb { border-radius: var(--cc-r-md) !important; background: var(--cc-well) !important; }
.cc-site .cc-gallery__thumb.is-active { border-color: var(--cc-brand); box-shadow: 0 0 0 2px rgba(33, 26, 77, .16); }
.cc-site .cc-gallery__zoom { display: grid; place-items: center; }

.cc-site .cc-product-trust { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 24px 0 0; padding: 0; list-style: none; }
.cc-site .cc-product-trust li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fs-sm);
    color: var(--cc-muted);
}
.cc-site .cc-product-trust li::before { content: none; }
.cc-site .cc-product-trust .cc-icon { color: var(--cc-ok); }
.cc-site .cc-product-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: var(--fs-sm);
    font-weight: 650;
    color: #0f7d43;          /* WhatsApp yeşili, beyazda 5.2:1 (#128c4c 4.3:1'di) */
    text-decoration: none;
}
.cc-site .cc-product-whatsapp:hover { text-decoration: underline; text-underline-offset: 3px; }
.cc-site .cc-studio-cta__icon { display: grid; place-items: center; }

/* süreç adımları (ürün sayfası ve [cc_process]) — tek yüzey */
.cc-site .cc-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.cc-site .cc-step,
.cc-site .cc-step:first-child,
.cc-site .cc-step:last-child {
    position: relative;
    min-height: 0;
    padding: 24px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);          /* eskiden 2px 0 0 22px */
    background: var(--cc-white);
}
.cc-site .cc-step__num {
    position: static;
    display: grid;
    place-items: center;
    width: 36px; height: 36px;
    margin: 0 0 16px;
    border-radius: 50%;
    background: var(--cc-brand);
    color: var(--cc-white);
    font-size: var(--fs-sm);
    font-weight: 700;
    letter-spacing: 0;
}
.cc-site .cc-step h3 { margin: 0 0 6px; font-size: var(--fs-h4); font-weight: 650; }
.cc-site .cc-step p { margin: 0; font-size: var(--fs-base); line-height: 1.55; }

/* ---------------------------------------------------------
   24b. Ürün sayfası — fiyat kutusu ve renk seçici

   Sayfanın tek turuncu düğmesi "Sepete Ekle": birincil eylem
   marka rengini taşır, lacivert yazıyla 5.3:1 (beyaz yazı
   2.99:1'di). "Figür başına" fiyatı da açık zeminde turuncu
   yazıydı (2.99:1) → koyu turuncu 4.9:1.
   --------------------------------------------------------- */

/* Ürün sayfası sitenin geri kalanıyla aynı ızgarada: eskiden 1500px
   kaba taşıyor, galeri logonun hizasından çıkıyordu. */
.cc-site.single-product .cc-shop > .cc-wrap { max-width: var(--cc-wrap); }

.cc-site .cc-product__sku { font-size: var(--fs-sm); letter-spacing: 0; color: var(--cc-muted); }
.cc-site .cc-product__sku strong { color: var(--cc-brand); font-weight: 650; }

.cc-site .cc-colors__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.cc-site .cc-colors__head h3 {
    margin: 0;
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: var(--cc-brand);
}
.cc-site .cc-colors__current { font-size: var(--fs-sm); font-weight: 600; color: var(--cc-muted); }
.cc-site .cc-colors__hint { margin: 12px 0 0; font-size: var(--fs-sm); line-height: 1.55; color: var(--cc-muted); }
.cc-site .cc-colors__hint strong { color: var(--cc-brand); }
.cc-site .cc-swatch { min-height: 36px; border-radius: var(--cc-r-pill); font-size: var(--fs-caption); }
.cc-site .cc-swatch[aria-checked="true"] { border-color: var(--cc-brand); box-shadow: 0 0 0 1px var(--cc-brand); }

.cc-site .cc-btn--studio small { font-size: var(--fs-caption); }

.cc-site .cc-pricebox__label {
    font-size: var(--fs-overline);
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--cc-muted);
}
.cc-site .cc-pricebox__percost span { font-size: var(--fs-sm); color: var(--cc-muted); }
.cc-site .cc-pricebox__percost strong,
.cc-site .cc-pricebox__percost .woocommerce-Price-amount { color: var(--cc-accent-ink); font-weight: 700; }
.cc-site .cc-pricebox__figures { font-size: var(--fs-base); color: var(--cc-muted); }
.cc-site .cc-pricebox__figures strong { color: var(--cc-brand); }
.cc-site .cc-pricebox__total span { font-size: var(--fs-base); font-weight: 600; color: var(--cc-brand); }
.cc-site .cc-pricebox__total strong { font-size: var(--fs-h4); font-weight: 750; color: var(--cc-brand); }

.cc-site .cc-shop div.product form.cart .quantity input.qty,
.cc-site .quantity input.qty {
    min-height: 52px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-md) !important;
    font-size: var(--fs-body);
    font-weight: 650;
    color: var(--cc-brand);
}
.cc-site .cc-shop div.product form.cart .single_add_to_cart_button,
.cc-site .single_add_to_cart_button.button {
    min-height: 52px;
    border-radius: var(--cc-r-md) !important;
    background: var(--cc-accent) !important;
    border-color: var(--cc-accent) !important;
    color: var(--cc-brand) !important;
    font-family: var(--cc-font);
    font-size: var(--fs-body);
    font-weight: 700;
}
.cc-site .cc-shop div.product form.cart .single_add_to_cart_button:hover,
.cc-site .single_add_to_cart_button.button:hover { background: #f28b45 !important; border-color: #f28b45 !important; }

/* WooCommerce'in clearfix ::before/::after'ı flex kapta öğe sayılıyor,
   gap ile iki uçta 12px boşluk açıyordu: adet ve düğme sütun
   kenarıyla hizalı değildi. */
.cc-site .cc-shop div.product form.cart::before,
.cc-site .cc-shop div.product form.cart::after { content: none; display: none; }

/* galeri kuyusu */
.cc-site .cc-gallery__main,
.cc-site .cc-gallery__slide { border-radius: var(--cc-r-xl); background: var(--cc-well); }
.cc-site .cc-gallery__slide img { mix-blend-mode: multiply; }

/* WooCommerce bildirimleri */
.cc-site .woocommerce-message,
.cc-site .woocommerce-info,
.cc-site .woocommerce-error,
.cc-site .wc-block-components-notice-banner { border-radius: var(--cc-r-md) !important; font-size: var(--fs-base); }
.cc-site .woocommerce-message .wc-forward,
.cc-site .wc-block-components-notice-banner .wc-forward {
    font-size: var(--fs-sm) !important;
    font-weight: 650;
    color: var(--cc-accent-ink) !important;
    text-decoration: none !important;
    border: 0 !important;
}

/* konum çubuğu */
.cc-site .cc-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    margin: 0 0 clamp(20px, 2.5vw, 32px);
    padding-top: clamp(20px, 2.5vw, 28px);
    font-size: var(--fs-sm);
    color: var(--cc-muted);
}
.cc-site .cc-breadcrumb a { color: var(--cc-muted); text-decoration: none; }
.cc-site .cc-breadcrumb a:hover { color: var(--cc-brand); text-decoration: underline; text-underline-offset: 3px; }
.cc-site .cc-breadcrumb__sep { display: inline-flex; color: var(--cc-muted-soft); }
.cc-site.single-product .cc-shop { padding-top: 0; }

/* sabit sipariş çubuğu (mobil) — ana düğmeyle aynı eylem, aynı renk */
.cc-site .cc-sticky { border-radius: var(--cc-r-lg); }
.cc-site .cc-sticky .cc-btn,
.cc-site .cc-sticky button {
    background: var(--cc-accent) !important;
    border-color: var(--cc-accent) !important;
    color: var(--cc-brand) !important;
    font-weight: 700;
}

/* mağaza butonları: eski kural 11px köşe basıyordu */
.cc-site .cc-shop .cc-btn,
.cc-site .cc-shop button.cc-btn { border-radius: var(--cc-r-md) !important; }

/* ---------------------------------------------------------
   24c. İç sayfalar — sayfa başlığı, hakkımızda, iletişim
   --------------------------------------------------------- */

/* Sayfa başlığı ~435px'ti; içerik ilk ekranın altına itiliyordu. */
.cc-site .cc-pagehead { padding: clamp(56px, 6vw, 96px) 0 clamp(48px, 5vw, 80px); }
.cc-site .cc-pagehead h1 { max-width: 16ch; margin: 0 0 16px; font-weight: 600; line-height: 1.04; }
.cc-site .cc-pagehead__lead { max-width: 60ch; margin: 0; font-size: var(--fs-lead); line-height: 1.6; color: var(--cc-muted); }
.cc-site .cc-pagehead::after { color: rgba(33, 26, 77, .035); }

.cc-site .cc-shop-intro__text { font-size: var(--fs-body); line-height: 1.6; }

/* metin görselin ortasında süzülmesin — üstten başlasın */
.cc-site .cc-split { align-items: start; }
.cc-site .cc-split__media,
.cc-site .cc-split__media img { border-radius: var(--cc-r-xl); }   /* eskiden 2px 32px */
.cc-site .cc-split__media { overflow: hidden; background: var(--cc-well); }
.cc-site .cc-split__media img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 3; }  /* block: satır içi görselin taban boşluğu altta gri şerit bırakıyordu */

.cc-site .cc-panel,
.cc-site .cc-value { padding: clamp(24px, 3vw, 36px); border: 1px solid var(--cc-line); border-radius: var(--cc-r-lg); background: var(--cc-white); }
/* kart içindeki h2 sayfa ölçeğinde (46px) duruyordu */
.cc-site .cc-panel h2 { margin: 0 0 10px; font-size: clamp(22px, 2vw, 28px); line-height: 1.15; }
.cc-site .cc-panel p,
.cc-site .cc-value p { margin: 0; font-size: var(--fs-body); line-height: 1.6; }
.cc-site .cc-value h3 { margin: 0 0 6px; font-size: var(--fs-h4); }
/* metnin 6px solunda, kartın dibine sabitlenmiş turuncu çizgi ve
   sabit yükseklik kaldırıldı */
.cc-site .cc-value { min-height: 0; }
.cc-site .cc-value::after,
.cc-site .cc-value::before { content: none; display: none; }
.cc-site .cc-form { border-radius: var(--cc-r-xl); }

.cc-site .cc-contact-info {
    padding: clamp(24px, 3vw, 32px);
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-xl);          /* eskiden 2px 22px 2px 22px */
    background: var(--cc-paper);
}
.cc-site .cc-contact-info ul { margin: 0 0 24px; }
.cc-site .cc-contact-info li {
    display: grid;
    grid-template-columns: 44px 1fr;
    column-gap: 16px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid var(--cc-line);
    font-size: var(--fs-body);
}
.cc-site .cc-contact-info li > .cc-icon {
    grid-row: span 2;
    box-sizing: content-box;
    padding: 12px;
    border-radius: var(--cc-r-md);
    background: var(--cc-white);
    color: var(--cc-accent-ink);
    box-shadow: var(--cc-sh-1);
}
.cc-site .cc-contact-info li span {
    margin: 0;
    font-size: var(--fs-overline);
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--cc-muted);
}
.cc-site .cc-contact-info li a,
.cc-site .cc-contact-info li em { font-style: normal; font-weight: 600; color: var(--cc-brand); text-decoration: none; }
.cc-site .cc-contact-info li a:hover { color: var(--cc-accent-ink); }

/* tarif ve rehber arşivi — eskiden 4px 24px 4px 24px ve 18px/10px */
.cc-site .cc-content-card { border-radius: var(--cc-r-lg); }
.cc-site .cc-content-filters { border-radius: var(--cc-r-lg); }
.cc-site .cc-content-filters select { border-radius: var(--cc-r-md); }
.cc-site .cc-content-card h2 { font-weight: 600; letter-spacing: -.015em; }

/* sayfalama okları */
.cc-site .woocommerce-pagination .cc-icon { display: block; }
.cc-site .page-numbers.prev,
.cc-site .page-numbers.next { font-size: 0; }

/* sidebar alt kategori sayıları (10px'ti) */
.cc-site .cc-filter-block nav a small { font-size: var(--fs-overline); font-weight: 650; }

/* Stüdyo boş durum ipucu artık önizlemenin altında akışta */
.cc-site .cc-studio__empty {
    position: static;
    margin: 12px 0 0;
    padding: 0;
    border-radius: 0;
    background: none;
    font-size: var(--fs-sm);
    font-weight: 600;
    text-align: center;
    color: var(--cc-brand);
}

/* Tasarım stüdyosu: beyaz zeminde parlak turuncu etiketler 2.99:1'di */
.cc-site .cc-studio__kicker,
.cc-site .cc-studio__safe-label,
.cc-site .cc-studio [data-cc-selected-color] { color: var(--cc-accent-ink); }

/* ---------------------------------------------------------
   24d. Küçük ayrıntılar
   --------------------------------------------------------- */

/* İçeriğe geç: yalnızca klavyeyle odaklanınca görünür, görünür
   olduğunda da okunur (eskiden 1.15:1). */
.cc-site .cc-skip {
    position: absolute;
    top: -100px; left: 16px;
    z-index: 1000;
    padding: 10px 16px;
    border-radius: var(--cc-r-md);
    background: var(--cc-brand);
    color: var(--cc-white);
    font-weight: 650;
    text-decoration: none;
    transition: top var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-skip:focus { top: 12px; outline: 2px solid var(--cc-accent); outline-offset: 2px; }

.cc-site .cc-hero__scroll { font-size: var(--fs-overline); }
.cc-site .woocommerce-Price-currencySymbol { font-size: 1em; }

/* ---------------------------------------------------------
   24e. WooCommerce blokları — sepet, boş sepet, ödeme

   Boş sepetteki "Mağazada yeni" bloğu kendi kart işaretlemesini
   basıyor; site kartlarıyla aynı dile getirilir.
   --------------------------------------------------------- */

.cc-site .wp-block-button__link { border-radius: var(--cc-r-md) !important; }
.cc-site .wc-block-cart__empty-cart__title {
    margin: 8px 0 12px;
    font-family: var(--cc-display);
    font-size: clamp(24px, 2.4vw, 32px);
    font-weight: 600;
    color: var(--cc-brand);
}
.cc-site .wc-block-cart__empty-cart__title::before {
    content: '';
    display: block;
    width: 64px; height: 64px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: var(--cc-accent-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ad4c0e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1.1 11.1a1 1 0 0 1-1 .9H7.6a1 1 0 0 1-1-.9L5.5 8Z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center / 28px no-repeat;
}
.cc-site .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title),
.cc-site .wp-block-woocommerce-empty-cart-block .wp-block-heading {
    font-size: var(--fs-h3);
    font-family: var(--cc-font);
    font-weight: 700;
}
.cc-site .wp-block-separator.is-style-dots { color: var(--cc-line-strong); }

.cc-site .wc-block-grid__products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; }
.cc-site .wc-block-grid__product {
    display: flex;
    flex-direction: column;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    border: 1px solid var(--cc-line) !important;
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
    overflow: hidden;
    text-align: left;
    transition: border-color var(--cc-fast) var(--cc-ease), box-shadow var(--cc-slow) var(--cc-ease), transform var(--cc-slow) var(--cc-ease);
}
.cc-site .wc-block-grid__product:hover { border-color: var(--cc-line-strong) !important; box-shadow: var(--cc-sh-2); transform: translateY(-3px); }
.cc-site .wc-block-grid__product-link { display: flex; flex-direction: column; flex: 1 1 auto; color: inherit; text-decoration: none; }
.cc-site .wc-block-grid__product-image {
    margin: 0 0 16px !important;
    aspect-ratio: 1 / 1;
    border-bottom: 1px solid var(--cc-line);
    background: var(--cc-well);
}
.cc-site .wc-block-grid__product-image img {
    width: 100%; height: 100%;
    padding: 9%;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.cc-site .wc-block-grid__product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.36em * 2);
    margin: 0 0 6px !important;
    padding: 0 18px;
    font-family: var(--cc-font) !important;
    font-size: var(--fs-base) !important;
    font-weight: 650 !important;
    line-height: 1.36;
    color: var(--cc-brand);
}
.cc-site .wc-block-grid__product-price {
    margin: auto 0 0 !important;
    padding: 6px 18px 0;
    font-size: var(--fs-h4) !important;
    font-weight: 750;
    color: var(--cc-brand);
}
.cc-site .wc-block-grid__product-add-to-cart { margin: 14px 18px 0 !important; }
.cc-site.woocommerce-cart .cc-shop--page .wc-block-grid__product-add-to-cart .wp-block-button__link,
.cc-site .wc-block-grid__product-add-to-cart .wp-block-button__link,
.cc-site .wc-block-grid__product-add-to-cart a.button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0 14px !important;
    border-radius: var(--cc-r-md) !important;
    background: var(--cc-brand) !important;
    color: var(--cc-white) !important;
    font-size: var(--fs-sm) !important;
    font-weight: 650;
}

/* dolu sepet ve ödeme — kutular site yüzeyleriyle aynı (tek kat:
   iç sarmalayıcıya da kutu verilince iç içe kutu oluşuyordu) */
.cc-site .wc-block-cart .wc-block-cart__sidebar,
.cc-site .wp-block-woocommerce-checkout-order-summary-block {
    padding: 24px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-xl);
    background: var(--cc-paper);
}
.cc-site .wc-block-cart-items__row img,
.cc-site .wc-block-components-order-summary-item__image img { border-radius: var(--cc-r-md); background: var(--cc-well); mix-blend-mode: multiply; }
.cc-site .wc-block-checkout__sidebar .wc-block-components-order-summary { padding: 0; border: 0; background: none; }
.cc-site .wc-block-components-product-name { font-weight: 650; color: var(--cc-brand); text-decoration: none; }
/* adım başlıkları h2 ama ~17px: serif küçük puntoda okunmuyor */
.cc-site .wc-block-components-title,
.cc-site .wc-block-components-checkout-step__title,
.cc-site .wc-block-components-order-summary__button-text,
.cc-site .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-title {
    font-family: var(--cc-font) !important;
    font-size: var(--fs-h4) !important;
    font-weight: 700 !important;
    letter-spacing: -.005em;
    color: var(--cc-brand);
}
/* satırda ürün özeti tekrar ediyordu; ad + özelleştirme ayrıntıları kalır */
.cc-site .wc-block-components-product-metadata__description { display: none; }
.cc-site .wc-block-components-button:not(.is-link),
.cc-site .wc-block-cart__submit-button,
.cc-site .wc-block-components-checkout-place-order-button {
    min-height: 54px;
    border-radius: var(--cc-r-md) !important;
    background: var(--cc-accent) !important;
    color: var(--cc-brand) !important;
    font-family: var(--cc-font);
    font-size: var(--fs-body);
    font-weight: 700;
}
.cc-site .wc-block-components-button:not(.is-link):hover { background: #f28b45 !important; }
.cc-site .wc-block-components-text-input input,
.cc-site .wc-block-components-select select,
.cc-site .wc-blocks-components-select__select { border-radius: var(--cc-r-md) !important; border-color: var(--cc-line-strong) !important; }
.cc-site .wc-block-components-totals-item__label { color: var(--cc-muted); }
.cc-site .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.cc-site .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: var(--fs-h4); font-weight: 750; color: var(--cc-brand); }

@media (max-width: 1080px) { .cc-site .wc-block-grid__products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) {
    .cc-site .wc-block-grid__products { gap: 12px; }
    .cc-site .wc-block-grid__product-title { padding: 0 12px; font-size: var(--fs-sm) !important; }
    .cc-site .wc-block-grid__product-price { padding: 4px 12px 0; font-size: var(--fs-body) !important; }
    .cc-site .wc-block-grid__product-add-to-cart { margin: 12px 12px 0 !important; }
}

/* ---------------------------------------------------------
   25. Duyarlı düzen
   --------------------------------------------------------- */

@media (max-width: 1180px) {
    .cc-site .cc-trust__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cc-site .cc-trust__item:first-child { padding-left: 24px; }
    .cc-site .cc-trust__item:nth-child(odd) { border-left: 0; padding-left: 0; }
    .cc-site .cc-trust__item:nth-child(n+3) { border-top: 1px solid var(--cc-line); }
    .cc-site .cc-shelf__track { grid-auto-columns: calc((100% - 2 * 20px) / 3); }
    .cc-site .cc-signature__grid { grid-template-columns: 1fr; }
    .cc-site .cc-signature__intro { position: static; }
    .cc-site .cc-signature__molds { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1080px) {
    .cc-site .cc-catgrid--bento { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 220px; }
    .cc-site .cc-catgrid--bento .cc-catcard--feature { grid-column: span 2; grid-row: span 1; }
    .cc-site .cc-catgrid--bento .cc-catcard--all { grid-column: span var(--cc-span-2, 1); }
    .cc-site .cc-timeline__list { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 36px; }
    .cc-site .cc-timeline__list::before { display: none; }
    .cc-site .cc-calc,
    .cc-site .cc-faq,
    .cc-site .cc-ctaband__inner,
    .cc-site .cc-home-content__head,
    .cc-site .cc-home-content__columns { grid-template-columns: 1fr; }
    .cc-site .cc-faq__head { position: static; }
    .cc-site .cc-stats__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
    .cc-site .cc-stat:nth-child(odd) { padding-left: 0; border-left: 0; }
    .cc-site .cc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    :root, .cc-site { --cc-gutter: 20px; --cc-section-y: 56px; }
    .cc-site .cc-hero__title { font-size: clamp(36px, 11vw, 48px); hyphens: auto; }

    .cc-site .cc-trust__inner { display: grid; grid-template-columns: 1fr 1fr; padding: 0 var(--cc-gutter); overflow: visible; }
    .cc-site .cc-trust__item { flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 14px; font-size: var(--fs-sm); white-space: normal; border-bottom: 0; }
    .cc-site .cc-trust__item:nth-child(odd) { padding-left: 0; }
    .cc-site .cc-trust__item .cc-trust__icon { width: 38px; height: 38px; }

    .cc-site .cc-catgrid--bento { grid-auto-rows: 184px; gap: 10px; }
    /* küçük karoda ok gizlenir (karonun tamamı dokunulabilir):
       etiket daralmaz, görselin üstünü kapatmaz */
    .cc-site .cc-catgrid--bento .cc-catcard:not(.cc-catcard--feature):not(.cc-catcard--all) .cc-catcard__go { display: none; }
    .cc-site .cc-catgrid--bento .cc-catcard { border-radius: var(--cc-r-lg); }
    .cc-site .cc-catgrid--bento .cc-catcard--feature { grid-row: span 2; }
    .cc-site .cc-catgrid--bento .cc-catcard__body { left: 8px; right: 8px; bottom: 8px; padding: 10px 10px 10px 12px; gap: 8px; border-radius: var(--cc-r-md); }
    .cc-site .cc-catgrid--bento .cc-catcard__body strong { font-size: var(--fs-sm); }
    .cc-site .cc-catcard__go { width: 30px; height: 30px; }
    .cc-site .cc-catcard--feature .cc-catcard__body { left: 12px; right: 12px; bottom: 12px; padding: 14px 14px 14px 16px; }
    .cc-site .cc-catgrid--bento .cc-catcard--feature .cc-catcard__body strong { font-size: 20px; }
    .cc-site .cc-catcard--feature .cc-catcard__go { width: 40px; height: 40px; }
    .cc-site .cc-catgrid--bento .cc-catcard--all .cc-catcard__body { padding: 16px; }

    .cc-site .cc-signature__molds { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .cc-site .cc-signature__actions .cc-btn { flex: 1 1 100%; }
    .cc-site .cc-timeline__list { grid-template-columns: 1fr; row-gap: 0; }
    .cc-site .cc-timeline__step { display: grid; grid-template-columns: 40px 1fr; column-gap: 16px; padding-bottom: 24px; }
    .cc-site .cc-timeline__step::before { content: ''; position: absolute; left: 20px; top: 44px; bottom: 4px; width: 1px; background: var(--cc-line-strong); }
    .cc-site .cc-timeline__step:last-child::before { display: none; }
    .cc-site .cc-timeline__num { grid-row: span 2; margin: 0; }

    .cc-site .cc-section__head--row { align-items: flex-start; }
    .cc-site .cc-shelf__arrow { display: none; }
    .cc-site .cc-shelf__nav .cc-link { margin-left: 0; }
    .cc-site .cc-tabs { margin: -8px calc(var(--cc-gutter) * -1) 20px; padding-inline: var(--cc-gutter); }
    .cc-site .cc-shelf__track { grid-auto-columns: 62%; gap: 12px; margin-inline: calc(var(--cc-gutter) * -1); padding-inline: var(--cc-gutter); scroll-padding-inline: var(--cc-gutter); }

    .cc-site .cc-pcard__body,
    .cc-site .cc-product-grid .cc-pcard__body { padding: 12px 12px 14px; }
    .cc-site .cc-pcard__title,
    .cc-site .cc-pcard__body h3 { font-size: var(--fs-sm); }
    .cc-site .cc-pcard__price strong { font-size: var(--fs-body); }
    .cc-site .cc-pcard__foot .cc-btn { min-height: 40px; font-size: var(--fs-caption); }

    .cc-site ul.products li.product { padding-bottom: 12px !important; }
    .cc-site ul.products li.product .woocommerce-loop-product__title,
    .cc-site.tax-product_cat .cc-shop ul.products li.product .woocommerce-loop-product__title,
    .cc-site.post-type-archive-product .cc-shop ul.products li.product .woocommerce-loop-product__title { padding: 0 12px !important; font-size: var(--fs-sm); }
    .cc-site ul.products li.product .cc-card__media { margin-bottom: 12px; }
    .cc-site ul.products li.product .cc-card__price,
    .cc-site.tax-product_cat .cc-shop ul.products li.product .cc-card__price,
    .cc-site.post-type-archive-product .cc-shop ul.products li.product .cc-card__price { padding: 4px 12px 0 !important; font-size: var(--fs-body); }
    .cc-site ul.products li.product .cc-card__percost,
    .cc-site ul.products li.product .cc-card__min { padding: 0 12px; }
    .cc-site ul.products li.product .cc-btn,
    .cc-site.tax-product_cat .cc-shop ul.products li.product .cc-btn,
    .cc-site.post-type-archive-product .cc-shop ul.products li.product .cc-btn { margin: 12px 12px 0 !important; min-height: 40px; font-size: var(--fs-caption); }

    .cc-site .cc-home-content__item { grid-template-columns: 88px 1fr; gap: 14px; }
    .cc-site .cc-home-content__item img { width: 88px; height: 72px; }
    .cc-site .cc-stats__inner { grid-template-columns: 1fr 1fr; }
    .cc-site .cc-stat { padding: 0 16px; }
    .cc-site .cc-faq__item summary { padding-right: 48px; font-size: var(--fs-base); }
    .cc-site .cc-faq__item > div { padding-right: 0; font-size: var(--fs-base); }
    .cc-site .cc-steps { grid-template-columns: 1fr; }

    /* yatay kategori şeridi — sayfa payıyla hizalı, kaydırılabildiği belli */
    .cc-site .cc-shop-categories {
        gap: 12px;
        padding-inline: var(--cc-gutter);
        scroll-snap-type: x mandatory;
        scroll-padding-inline: var(--cc-gutter);
        scrollbar-width: none;
        -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
                mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
    }
    .cc-site .cc-shop-categories::-webkit-scrollbar { display: none; }
    .cc-site .cc-shop-categories > * { flex: 0 0 auto; min-width: 62%; scroll-snap-align: start; }
}

@media (hover: none) and (pointer: coarse) {
    .cc-site .cc-footer a { display: inline-flex; align-items: center; min-height: 40px; }
    .cc-site .cc-footer ul { gap: 0; }
}

/* =========================================================
   27. Mağaza — modern mağaza düzeni (3.2.1)

   Geri bildirim: "mağaza gibi gelmedi". Eski düzende her
   kartta tam genişlik lacivert "Sepete Ekle" bloğu ızgaraya
   hâkimdi; kategoriler görselsiz bağlantı tablosuydu; sıralama
   filtre formunun içine gömülüydü.

   - konum çubuğu + başlık, görselli kategori şeridi
   - sonuç sayısı + sıralama araç çubuğu (WooCommerce'in kendi
     sıralaması; redesign.css gizliyordu)
   - sade, yapışkan filtre paneli
   - çerçevesiz ürün döşemeleri: 4:5 görsel kuyusu (canlı ürün
     fotoğrafları 3:4 dikey), görselin köşesinde hızlı ekle
   ========================================================= */

.cc-site.post-type-archive-product .cc-shop,
.cc-site.tax-product_cat .cc-shop { padding-top: 0; }

.cc-site .cc-shop-intro { margin: 0 0 8px; }
.cc-site .cc-shop-intro .cc-breadcrumb { margin-bottom: 14px; }
.cc-site .cc-shop-intro__title { margin: 0 0 8px; font-size: clamp(30px, 3.2vw, 46px); line-height: 1.06; }
.cc-site .cc-shop-intro__text { max-width: 68ch; margin: 0 0 26px; font-size: var(--fs-body); line-height: 1.6; color: var(--cc-muted); }

/* görselli kategori şeridi */
.cc-site .cc-shop-categories {
    display: flex;
    gap: 18px;
    margin: 0;
    padding: 4px 4px 14px;
    border: 0;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
}
.cc-site .cc-shop-categories::-webkit-scrollbar { display: none; }
.cc-site .cc-shop-category,
.cc-site .cc-shop-category:nth-child(n),
.cc-site .cc-shop-category.is-current,
.cc-site .cc-shop-category.is-current:nth-child(n) {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: 112px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: none;
    box-shadow: none;
    text-align: center;
    text-decoration: none;
    scroll-snap-align: start;
    transform: none;
}
.cc-site .cc-shop-category__thumb,
.cc-site .cc-shop-category i.cc-shop-category__thumb {
    position: static;
    display: grid;
    place-items: center;
    width: 84px; height: 84px;
    margin: 0 0 10px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--cc-well);
    color: var(--cc-brand);
    box-shadow: 0 0 0 1px var(--cc-line);
    transition: box-shadow var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-shop-category__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--cc-slow) var(--cc-ease); }
.cc-site .cc-shop-category span {
    max-width: 13ch;
    font-size: var(--fs-sm);
    font-weight: 600;
    line-height: 1.25;
    color: var(--cc-brand);
    text-wrap: balance;
}
.cc-site .cc-shop-category small { font-size: var(--fs-caption); color: var(--cc-muted); }
.cc-site .cc-shop-category:hover { background: none; }
.cc-site .cc-shop-category:hover .cc-shop-category__thumb { box-shadow: 0 0 0 2px var(--cc-line-strong); }
.cc-site .cc-shop-category:hover .cc-shop-category__thumb img { transform: scale(1.07); }
.cc-site .cc-shop-category.is-current .cc-shop-category__thumb { box-shadow: 0 0 0 2px var(--cc-white), 0 0 0 4px var(--cc-brand); }
.cc-site .cc-shop-category.is-current span { font-weight: 750; color: var(--cc-brand); }
.cc-site .cc-shop-category.is-current small { color: var(--cc-muted); }
.cc-site .cc-shop-category--all .cc-shop-category__thumb { background: var(--cc-brand); color: var(--cc-white); }

/* yerleşim */
.cc-site .cc-catalog-layout {
    grid-template-columns: 248px minmax(0, 1fr);
    gap: clamp(28px, 3vw, 48px);
    margin-top: 18px;
    padding-top: 28px;
    border-top: 1px solid var(--cc-line);
}
.cc-site .cc-catalog-sidebar { position: sticky; top: 128px; display: grid; gap: 28px; align-self: start; }

/* filtre paneli — kutusuz, bölüm başlıklarıyla */
.cc-site .cc-catalog-sidebar > *,
.cc-site .cc-catalog-sidebar .cc-filter-block,
.cc-site .cc-filter-block--types {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.cc-site .cc-filter-block--types { padding-bottom: 24px; border-bottom: 1px solid var(--cc-line); }
.cc-site .cc-filter-block > h2,
.cc-site .cc-catalog-filter__head h2 {
    margin: 0 0 12px;
    font-family: var(--cc-font);
    font-size: var(--fs-caption);
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--cc-brand);
}
.cc-site .cc-filter-block .cc-paint-series nav { display: grid; gap: 2px; }
.cc-site .cc-filter-block .cc-paint-series a,
.cc-site .cc-filter-block .cc-paint-series a:hover,
.cc-site .cc-filter-block .cc-paint-series a.is-current {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 38px;
    margin: 0 -10px;
    padding: 6px 10px;
    border: 0;
    border-radius: var(--cc-r-sm);
    background: none;
    font-size: var(--fs-base);
    font-weight: 500;
    color: var(--cc-ink);
    text-decoration: none;
}
.cc-site .cc-filter-block .cc-paint-series a:hover { background: var(--cc-paper); color: var(--cc-brand); }
.cc-site .cc-filter-block .cc-paint-series a.is-current { background: var(--cc-mist); color: var(--cc-brand); font-weight: 650; }
.cc-site .cc-filter-block .cc-paint-series a small {
    min-width: 26px; height: auto;
    padding: 2px 8px;
    border-radius: var(--cc-r-pill);
    background: var(--cc-mist);
    font-size: var(--fs-overline);
    font-weight: 650;
    color: var(--cc-muted);
}
.cc-site .cc-filter-block .cc-paint-series a.is-current small { background: var(--cc-brand); color: var(--cc-white); }

/* eski düzen formu 5 sütunlu yatay çubuk yapıyordu (240/180/220/180/165px):
   kenar çubuğundan taşıp ürün ızgarasının üstüne biniyordu */
.cc-site .cc-catalog-filter,
.cc-site .cc-filter-block .cc-catalog-filter { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.cc-site .cc-catalog-filter > * { grid-column: auto; min-width: 0; }
.cc-site .cc-catalog-filter__head { display: flex; align-items: baseline; justify-content: space-between; margin: 0; }
.cc-site .cc-catalog-filter__head h2 { margin: 0; }
.cc-site .cc-catalog-filter label { margin: 0; }
.cc-site .cc-catalog-filter__search { position: relative; }
.cc-site .cc-catalog-filter__search .cc-icon { position: absolute; left: 13px; bottom: 14px; color: var(--cc-muted-soft); pointer-events: none; }
.cc-site .cc-catalog-filter__search input { padding-left: 40px; }
.cc-site .cc-catalog-filter__price { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 8px; }
.cc-site .cc-catalog-filter__dash { padding-bottom: 12px; color: var(--cc-muted-soft); }
.cc-site .cc-catalog-filter .cc-btn,
.cc-site .cc-filter-block .cc-catalog-filter .cc-btn { width: 100%; min-height: 44px; margin: 4px 0 0; border-radius: var(--cc-r-md) !important; }

/* araç çubuğu: sonuç sayısı + sıralama */
.cc-site .cc-catalog-results { display: flex; flex-wrap: wrap; align-items: center; column-gap: 16px; }
.cc-site .cc-catalog-results > * { flex: 1 1 100%; min-width: 0; }
.cc-site .cc-catalog-results > .woocommerce-result-count,
.cc-site .cc-catalog-results .woocommerce-result-count {
    flex: 1 1 auto;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
    font-size: var(--fs-base);
    color: var(--cc-muted);
}
.cc-site .cc-catalog-results > .woocommerce-ordering,
.cc-site .cc-shop .cc-catalog-results .woocommerce-ordering { display: block !important; flex: 0 0 auto; margin: 0 0 22px; }
.cc-site .woocommerce-ordering select {
    min-height: 44px;
    padding: 0 42px 0 16px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-md);
    background: var(--cc-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23211a4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px;
    appearance: none;
    font-family: var(--cc-font);
    font-size: var(--fs-base);
    font-weight: 600;
    color: var(--cc-brand);
    cursor: pointer;
}
.cc-site .woocommerce-ordering select:focus { border-color: var(--cc-brand); box-shadow: 0 0 0 4px rgba(33, 26, 77, .10); outline: none; }

/* ürün döşemeleri — çerçevesiz */
.cc-site .cc-shop ul.products,
.cc-site .cc-shop .cc-catalog-results ul.products,
.cc-site.tax-product_cat .cc-shop ul.products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px 20px;
    margin: 0;
}
.cc-site .cc-shop ul.products li.product.product {
    container-type: inline-size;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    overflow: visible;
    transform: none;
}
.cc-site .cc-shop ul.products li.product.product:hover { box-shadow: none !important; transform: none; }
.cc-site .cc-shop ul.products li.product.product > a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1 1 auto; }
.cc-site .cc-shop ul.products li.product.product .cc-card__media,
.cc-site.tax-product_cat .cc-catalog-results li.product.product .cc-card__media,
.cc-site.post-type-archive-product .cc-catalog-results li.product.product .cc-card__media {
    position: relative;
    height: auto;
    aspect-ratio: 4 / 5;
    margin: 0 0 14px;
    border: 0;
    border-radius: var(--cc-r-lg);
    background: var(--cc-well);
    overflow: hidden;
}
.cc-site .cc-shop ul.products li.product.product .cc-card__media img {
    padding: 9% !important;
    transition: transform .6s var(--cc-ease) !important;
}
.cc-site .cc-shop ul.products li.product.product:hover .cc-card__media img { transform: scale(1.05) !important; }
.cc-site .cc-shop ul.products li.product.product .woocommerce-loop-product__title {
    min-height: calc(1.4em * 2);
    margin: 0 0 6px;
    padding: 0 !important;
    font-size: var(--fs-base);
    font-weight: 550;
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--cc-ink);
}
.cc-site .cc-shop ul.products li.product.product:hover .woocommerce-loop-product__title { color: var(--cc-brand); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.cc-site .cc-shop ul.products li.product.product .cc-card__text { padding: 0 !important; margin: 0 0 8px; }
.cc-site .cc-shop ul.products li.product.product .cc-card__price {
    margin: auto 0 0;
    padding: 0 !important;
    font-size: var(--fs-lead);
    font-weight: 750;
}
.cc-site .cc-shop ul.products li.product.product .cc-card__percost,
.cc-site .cc-shop ul.products li.product.product .cc-card__min { padding: 0; margin: 4px 0 0; }

/* rozetler — iki rozet üst üste, sol üstte. Eski kurallar birine sol/üst,
   ötekine sağ/alt veriyordu; bizimkilerle birleşince dört kenara da
   yapışıp görselin tamamını kaplıyordu (logolu kalıplarda beyaz daire). */
.cc-site .cc-shop ul.products li.product.product .cc-card__badge,
.cc-site .cc-shop ul.products li.product.product .cc-card__figures {
    position: absolute;
    left: 10px; right: auto; bottom: auto;
    width: auto; height: auto;
    max-width: calc(100% - 20px);
    padding: 5px 10px;
    border: 0;
    border-radius: var(--cc-r-pill);
    font-size: var(--fs-overline);
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: var(--cc-sh-1);
}
.cc-site .cc-shop ul.products li.product.product .cc-card__badge { top: 10px; background: var(--cc-brand); color: var(--cc-white); }
.cc-site .cc-shop ul.products li.product.product .cc-card__figures { top: 40px; background: var(--cc-white); color: var(--cc-brand); }
.cc-site .cc-shop ul.products li.product.product .cc-card__media:not(:has(.cc-card__badge)) .cc-card__figures { top: 10px; }

/* hızlı ekle — görselin sağ alt köşesinde. 100cqi = döşeme genişliği;
   kuyu 4:5 olduğundan yüksekliği 1.25 katı. */
.cc-site .cc-shop ul.products li.product.product .cc-btn,
.cc-site.tax-product_cat .cc-shop ul.products li.product.product .cc-btn,
.cc-site.post-type-archive-product .cc-shop ul.products li.product.product .cc-btn,
.cc-site .cc-catalog-results ul.products li.product.product .cc-btn {
    position: absolute;
    top: calc(100cqi * 1.25 - 52px);
    right: 12px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;               /* 12 + 16 + 14 > 40: kapalıyken yazının ilk harfi taşmasın */
    width: auto !important;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 0 !important;
    padding: 0 12px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: var(--cc-r-pill) !important;
    background: var(--cc-white) !important;
    color: var(--cc-brand) !important;
    box-shadow: 0 8px 20px -8px rgba(23, 18, 38, .45), 0 1px 3px rgba(23, 18, 38, .12);
    font-size: var(--fs-sm);
    font-weight: 650;
    line-height: 1 !important;
    white-space: nowrap;
    transition: max-width var(--cc-slow) var(--cc-ease), background var(--cc-fast) var(--cc-ease), color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-shop ul.products li.product.product .cc-btn .cc-icon { flex: 0 0 auto; }
.cc-site .cc-shop ul.products li.product.product:hover .cc-btn--cart,
.cc-site .cc-shop ul.products li.product.product .cc-btn--cart:focus-visible { max-width: 170px; background: var(--cc-brand) !important; color: var(--cc-white) !important; }
.cc-site .cc-shop ul.products li.product.product .cc-btn--cart.loading { opacity: .7; cursor: progress; }
.cc-site .cc-shop ul.products li.product.product .cc-btn--cart.added { background: var(--cc-ok) !important; color: var(--cc-white) !important; }
/* özel ürünler (logolu kalıp, jelatin) — her zaman açık etiketli hap.
   Temel kuralın gövde sınıflı biçimleriyle aynı özgüllükte olmalı. */
.cc-site .cc-shop ul.products li.product.product .cc-btn--view,
.cc-site.tax-product_cat .cc-shop ul.products li.product.product .cc-btn--view,
.cc-site.post-type-archive-product .cc-shop ul.products li.product.product .cc-btn--view { max-width: none; gap: 8px; background: var(--cc-brand) !important; color: var(--cc-white) !important; }
.cc-site .cc-shop ul.products li.product.product .cc-btn--view:hover,
.cc-site.tax-product_cat .cc-shop ul.products li.product.product .cc-btn--view:hover { background: var(--cc-brand-soft) !important; }
.cc-site .cc-shop ul.products li.product.product .added_to_cart {
    position: static;
    display: inline-flex;
    margin: 8px 0 0;
    font-size: var(--fs-caption);
    font-weight: 650;
    color: var(--cc-accent-ink);
    text-align: left;
}

/* sayfalama */
.cc-site .cc-catalog-results .woocommerce-pagination { margin-top: 48px; }
.cc-site .woocommerce-pagination ul { justify-content: center; }

/* =========================================================
   28. Mağaza şablonu içindeki bantlar — tam genişlik

   Ürün sayfasındaki SSS ve süreç bölümleri mağaza şablonunun
   1320px kabı içinde basılıyor; zemin rengi içerik kenarında
   kesiliyor, metin o kenara yapışıyordu. box-shadow yayılımı
   ekran kenarına kadar uzanır ama kaydırma taşması yaratmaz
   (mürekkep taşması); clip-path yalnızca dikeyde kırpar.
   ========================================================= */

.cc-site .cc-shop .cc-section:has(> .cc-faq) {
    border-top: 0;
    background: var(--cc-paper);
    box-shadow: 0 0 0 100vmax var(--cc-paper);
    clip-path: inset(0 -100vmax);
}
.cc-site .cc-shop .cc-section > .cc-wrap { padding-inline: 0; }

/* stok ürünlerinde tek sütunlu ürün detayı, okunur satır boyu */
.cc-site .cc-product-details__grid--single { display: block; }
.cc-site .cc-product-details__grid--single .cc-product-details__main { max-width: 76ch; }

/* ---------------------------------------------------------
   27–28 duyarlı düzen
   --------------------------------------------------------- */

@media (max-width: 1180px) {
    .cc-site .cc-shop ul.products,
    .cc-site .cc-shop .cc-catalog-results ul.products,
    .cc-site.tax-product_cat .cc-shop ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
    .cc-site .cc-catalog-layout { grid-template-columns: 1fr; padding-top: 20px; }
    .cc-site .cc-catalog-sidebar { position: static; grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 760px) {
    .cc-site .cc-shop-categories { gap: 12px; margin-inline: calc(var(--cc-gutter) * -1); padding-inline: var(--cc-gutter); scroll-padding-inline: var(--cc-gutter); border: 0; }
    .cc-site .cc-shop-category,
    .cc-site .cc-shop-category:nth-child(n),
    .cc-site .cc-shop-category.is-current,
    .cc-site .cc-shop-category.is-current:nth-child(n) { width: 80px; min-width: 80px; }
    .cc-site .cc-shop-category__thumb,
    .cc-site .cc-shop-category i.cc-shop-category__thumb { width: 64px; height: 64px; margin-bottom: 8px; }
    .cc-site .cc-shop-category span { font-size: var(--fs-caption); }
    .cc-site .cc-shop-category small { font-size: 11px; }

    /* alt kategoriler: yatay kaydırmalı çipler */
    .cc-site .cc-filter-block--types { padding-bottom: 16px; }
    .cc-site .cc-filter-block .cc-paint-series nav {
        display: flex;
        flex-wrap: nowrap;   /* eski kural sarıyordu: çipler alt alta diziliyordu */
        gap: 8px;
        margin-inline: calc(var(--cc-gutter) * -1);
        padding: 2px var(--cc-gutter) 4px;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .cc-site .cc-filter-block .cc-paint-series nav::-webkit-scrollbar { display: none; }
    .cc-site .cc-filter-block .cc-paint-series a,
    .cc-site .cc-filter-block .cc-paint-series a:hover,
    .cc-site .cc-filter-block .cc-paint-series a.is-current {
        flex: 0 0 auto;
        min-height: 38px;
        margin: 0;
        padding: 0 12px;
        border: 1px solid var(--cc-line-strong);
        border-radius: var(--cc-r-pill);
        font-size: var(--fs-sm);
        white-space: nowrap;
    }
    .cc-site .cc-filter-block .cc-paint-series a.is-current { border-color: var(--cc-brand); background: var(--cc-brand); color: var(--cc-white); }

    /* filtre: açılır düğme */
    .cc-site .cc-catalog-sidebar .cc-filter-block--form { border: 1px solid var(--cc-line-strong); border-radius: var(--cc-r-md); overflow: hidden; }
    .cc-site .cc-filter-block--form > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 48px;
        padding: 0 16px;
        font-size: var(--fs-base);
        font-weight: 650;
        color: var(--cc-brand);
        cursor: pointer;
    }
    .cc-site .cc-filter-block--form > summary span { display: inline-flex; align-items: center; gap: 10px; }
    .cc-site .cc-filter-block--form > summary i { display: inline-flex; transition: transform var(--cc-fast) var(--cc-ease); }
    .cc-site .cc-filter-block--form[open] > summary i { transform: rotate(180deg); }
    .cc-site .cc-filter-block--form .cc-filter-block__content { padding: 4px 16px 18px; }
    .cc-site .cc-catalog-filter__head { display: none; }

    .cc-site .cc-catalog-results > .woocommerce-result-count,
    .cc-site .cc-catalog-results .woocommerce-result-count { flex: 1 1 0; margin-bottom: 16px; font-size: var(--fs-caption); line-height: 1.4; }
    .cc-site .cc-shop-intro__text { font-size: var(--fs-base); margin-bottom: 20px; }
    .cc-site .cc-catalog-results > .woocommerce-ordering,
    .cc-site .cc-shop .cc-catalog-results .woocommerce-ordering { margin-bottom: 16px; }
    .cc-site .woocommerce-ordering select { min-height: 40px; padding-left: 12px; font-size: var(--fs-sm); }

    .cc-site .cc-shop ul.products,
    .cc-site .cc-shop .cc-catalog-results ul.products,
    .cc-site.tax-product_cat .cc-shop ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
    .cc-site .cc-shop ul.products li.product.product .cc-card__media { margin-bottom: 10px; border-radius: var(--cc-r-md); }
    .cc-site .cc-shop ul.products li.product.product .woocommerce-loop-product__title { font-size: var(--fs-sm); }
    .cc-site .cc-shop ul.products li.product.product .cc-card__price { font-size: var(--fs-body); }
    .cc-site .cc-shop ul.products li.product.product .cc-btn { top: calc(100cqi * 1.25 - 46px); right: 8px; max-width: 36px; height: 36px; min-height: 36px; padding: 0 10px !important; gap: 12px; }
    .cc-site .cc-shop ul.products li.product.product .cc-btn--view,
    .cc-site.tax-product_cat .cc-shop ul.products li.product.product .cc-btn--view,
    .cc-site.post-type-archive-product .cc-shop ul.products li.product.product .cc-btn--view { max-width: none; gap: 6px; font-size: var(--fs-caption); }
    .cc-site .cc-shop ul.products li.product.product .cc-card__badge,
    .cc-site .cc-shop ul.products li.product.product .cc-card__figures { left: 8px; font-size: 10px; padding: 4px 8px; }
    .cc-site .cc-shop ul.products li.product.product .cc-card__badge { top: 8px; }
    .cc-site .cc-shop ul.products li.product.product .cc-card__figures { top: 34px; }
    .cc-site .cc-shop ul.products li.product.product .cc-card__media:not(:has(.cc-card__badge)) .cc-card__figures { top: 8px; }
}

/* =========================================================
   29. İç sayfalar ve içerik — canlı site taraması (3.2.1)

   Canlı sitede sayfa sayfa gezilerek bulunanlar:
   - sayfa başlığındaki "CHEFCOLORS" filigranı ekrandan taşıyor,
     "HEFCOLORS" diye kesilip giriş metninin altına giriyordu
   - `.cc-site .cc-wrap` (0,2,0) dar kabı da 1320px'e açmıştı:
     yasal metinlerde ~120 karakterlik satır
   - `.cc-site h2` ölçeği kart, makale ve yasal metin başlıklarını
     da 46px'e çekiyordu (tarif kartında 4–5 satırlık başlık)
   - tarif alışveriş listesinde ₺ işareti alt satıra düşüyordu
   - mağaza/kategori sonundaki teklif bandı kap içinde kutu kalıyordu
   - sipariş takibinde WooCommerce düğmesi temanın siyahıyla geliyordu
   ========================================================= */

/* 29a. Sayfa başlığı — kesik yazı yerine sade halka + sıcak ışık
   (teklif bandındaki halka motifinin açık zemin karşılığı) */
.cc-site .cc-pagehead::after {
    content: "";
    top: 50%;
    right: max(-200px, calc((100% - var(--cc-wrap)) / 2 - 160px));
    bottom: auto;
    width: clamp(300px, 34vw, 500px);
    height: auto;
    aspect-ratio: 1;
    border: 1px solid rgba(33, 26, 77, .09);
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(232, 117, 45, .13), rgba(232, 117, 45, 0) 72%);
    font-size: 0;
    transform: translateY(-50%);
}
.cc-site .cc-pagehead > .cc-wrap { position: relative; z-index: 1; }

/* 29b. Dar kap gerçekten dar: okunur satır ~72 karakter. Kap sayfa başlığıyla
   aynı sol kenarda kalır; ortalanınca başlık solda, metin ortada kalıyordu. */
.cc-site .cc-wrap--narrow > * { max-width: 760px; }
.cc-site .cc-tracking__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

/* 29c. Başlık ölçeği bağlama göre — bölüm başlığı 46px kalır;
   kart, makale ara başlığı ve yasal metin küçülür */
.cc-site .cc-content-card h2 {
    margin: 0 0 10px;
    font-size: clamp(1.25rem, 1rem + .6vw, 1.5rem);   /* 20–24px */
    line-height: 1.2;
}
.cc-site .cc-prose h2,
.cc-site .cc-rte h2,
.cc-site .cc-legal h2,
.cc-site .cc-tracking__help h2 {
    font-size: clamp(1.5rem, 1.15rem + 1vw, 2rem);    /* 24–32px */
    line-height: 1.15;
}
.cc-site .cc-prose h2 { margin: 48px 0 14px; scroll-margin-top: 120px; }
.cc-site .cc-prose h2:first-child { margin-top: 0; }
.cc-site .cc-recipe-section { margin-top: 48px; padding-top: 28px; }
.cc-site .cc-recipe-section h2 { margin: 0 0 18px; }
.cc-site .cc-legal h2 { margin: 40px 0 10px; }
.cc-site .cc-legal h2:first-child { margin-top: 0; }
.cc-site .cc-legal p,
.cc-site .cc-legal li { font-size: var(--fs-body); line-height: 1.75; }
.cc-site .cc-tracking__help { margin-top: 56px; padding-top: 40px; border-top: 1px solid var(--cc-line); }
.cc-site .cc-tracking__help h2 { margin: 0 0 16px; }

/* 29d. Tarif / rehber kartları */
.cc-site .cc-content-card { display: flex; flex-direction: column; }
.cc-site .cc-content-card__body { display: flex; flex: 1 1 auto; flex-direction: column; }
.cc-site .cc-content-card__body > p:not(.cc-eyebrow) { min-height: 0; margin: 0 0 18px; font-size: var(--fs-base); }
.cc-site .cc-content-card__link { margin-top: auto; gap: 6px; color: var(--cc-accent-ink); letter-spacing: .06em; }
.cc-site .cc-content-card__link:hover { color: var(--cc-accent-deep); }
.cc-site .cc-content-card:hover .cc-content-card__link .cc-icon { transform: translateX(3px); }
.cc-site .cc-content-card__link .cc-icon { transition: transform var(--cc-fast) var(--cc-ease); }
.cc-site .cc-content-card__media--empty {
    display: grid;
    place-items: center;
    background:
        radial-gradient(60% 80% at 80% 20%, rgba(232, 117, 45, .16), transparent 70%),
        linear-gradient(135deg, var(--cc-mist), var(--cc-well));
    color: var(--cc-brand);
}
.cc-site .cc-content-pagination .page-numbers { border-radius: var(--cc-r-md); }
.cc-site .cc-content-pagination .page-numbers .cc-icon { display: block; }

/* tarif filtresi: yerel ok yerine site oku */
.cc-site .cc-content-filters select {
    appearance: none;
    padding-right: 42px;
    background: var(--cc-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575167' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px;
    font-size: var(--fs-base);
}
.cc-site .cc-content-filters label > span { font-size: var(--fs-overline); color: var(--cc-muted); }

/* 29e. Tarif ve rehber sayfası */
.cc-site .cc-content-single__back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 24px; font-size: var(--fs-sm); font-weight: 600; color: var(--cc-muted); }
.cc-site .cc-content-single__back:hover { color: var(--cc-brand); }
.cc-site .cc-content-single__back + .cc-eyebrow { margin-top: 0; }

/* alışveriş listesi: `span { display: grid }` fiyatın iç span'lerini de ızgaraya
   çeviriyordu; ₺ işareti bu yüzden alt satıra iniyordu */
.cc-site .cc-recipe-product > span { display: grid; gap: 4px; min-width: 0; }
.cc-site .cc-recipe-product small span { display: inline; }
.cc-site .cc-recipe-product small { font-size: var(--fs-sm); font-weight: 700; white-space: nowrap; color: var(--cc-accent-ink); }
.cc-site .cc-recipe-product strong { font-size: var(--fs-sm); font-weight: 600; color: var(--cc-brand); }
.cc-site .cc-recipe-product img { mix-blend-mode: multiply; background: var(--cc-well); border-radius: var(--cc-r-md); }
.cc-site .cc-recipe-products { border-radius: var(--cc-r-lg); }
.cc-site .cc-recipe-products__head h2 { margin: 6px 0 0; font-size: var(--fs-h4); line-height: 1.3; }

/* rehber: "Bu rehberde" + yardım kartı (sağ sütun artık boş değil) */
.cc-site .cc-guide-aside { position: sticky; top: 116px; display: grid; gap: 16px; }
.cc-site .cc-toc {
    padding: 22px 24px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site .cc-toc .cc-eyebrow { margin: 0 0 12px; }
.cc-site .cc-toc ol { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; counter-reset: toc; }
.cc-site .cc-toc li { counter-increment: toc; }
.cc-site .cc-toc a {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 8px;
    padding: 8px 10px;
    margin-inline: -10px;
    border-radius: var(--cc-r-sm);
    font-size: var(--fs-base);
    line-height: 1.45;
    color: var(--cc-muted);
    text-decoration: none;
    transition: background var(--cc-fast) var(--cc-ease), color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-toc a::before { content: counter(toc, decimal-leading-zero); font-size: var(--fs-caption); font-weight: 700; line-height: 1.9; color: var(--cc-accent-ink); }
.cc-site .cc-toc a:hover { background: var(--cc-paper); color: var(--cc-brand); }
.cc-site .cc-toc a[aria-current="true"] { background: var(--cc-mist); color: var(--cc-brand); font-weight: 600; }
.cc-site .cc-guide-help {
    display: grid;
    gap: 10px;
    padding: 24px;
    border-radius: var(--cc-r-lg);
    background:
        radial-gradient(70% 90% at 100% 0%, rgba(232, 117, 45, .22), transparent 70%),
        linear-gradient(135deg, #2a2160, var(--cc-brand));
    color: var(--cc-white);
}
.cc-site .cc-guide-help__title { margin: 0; font-family: var(--cc-display); font-size: var(--fs-h3); font-weight: 600; line-height: 1.2; color: var(--cc-white); }
.cc-site .cc-guide-help p:not(.cc-guide-help__title) { margin: 0 0 8px; font-size: var(--fs-base); line-height: 1.6; color: rgba(255, 255, 255, .76); }
/* koyu kartta ikincil düğme (bkz. 5. bölüm "koyu bantlar") */
.cc-site .cc-guide-help .cc-btn--outline {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .42) !important;
    color: var(--cc-white) !important;
}
.cc-site .cc-guide-help .cc-btn--outline:hover { background: rgba(255, 255, 255, .14) !important; border-color: var(--cc-white) !important; }

/* 29f. Onay listesi: "✓" metin glifi yerine sitedeki onay rozeti */
.cc-site .cc-checklist { display: grid; gap: 12px; margin: 20px 0 0; }
.cc-site .cc-checklist li { margin: 0; padding-left: 32px; font-size: var(--fs-body); line-height: 1.5; color: var(--cc-ink); }
.cc-site .cc-checklist li::before {
    content: "";
    top: .1em;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--cc-accent-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ad4c0e' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;
}
/* form bölümünde sol sütun kaydırırken görünür kalsın */
@media (min-width: 1081px) {
    .cc-site .cc-split--form > div:first-child { position: sticky; top: 120px; }
}

/* 29g. Teklif bandı: güven maddeleri + üst etiket */
.cc-site .cc-ctaband .cc-eyebrow { margin: 0 0 14px; }
.cc-site .cc-ctaband__points { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.cc-site .cc-ctaband__points li { display: flex; align-items: center; gap: 12px; font-size: var(--fs-body); color: rgba(255, 255, 255, .88); }
.cc-site .cc-ctaband__points .cc-icon {
    flex: none;
    width: 24px;
    height: 24px;
    padding: 5px;
    border-radius: 50%;
    background: rgba(232, 117, 45, .18);
    color: #ff9a57;
}

/* mağaza ve kategori sonundaki bant da tam genişlik: zemin ekran kenarına
   uzanır, içerik kapta kalır. Degrade için box-shadow hilesi yetmez; zemin
   ::before'da, yatay taşmayı .cc-shop kırpar. */
.cc-site .cc-shop { overflow-x: clip; }
.cc-site .cc-shop:has(.cc-ctaband) { padding-bottom: 0; }
.cc-site .cc-shop .cc-ctaband {
    isolation: isolate;
    overflow: visible;
    margin: clamp(56px, 6vw, 88px) 0 0;
    padding: clamp(64px, 7vw, 104px) 0;
    border-radius: 0;
    background: var(--cc-brand);         /* yedek zemin; degrade ::before'da */
    clip-path: inset(0 -100vmax);
}
.cc-site .cc-shop .cc-ctaband::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background:
        radial-gradient(50% 70% at 0% 100%, rgba(232, 117, 45, .22), transparent 70%),
        linear-gradient(135deg, #2a2160 0%, var(--cc-brand) 45%, var(--cc-night) 100%);
}

/* 29h. Değerler: 5 kart 3'lü ızgarada tek başına boşluk bırakıyordu;
   son satırdaki kartlar satırı doldurur */
@media (min-width: 901px) {
    .cc-site .cc-grid--3:has(> .cc-value) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .cc-site .cc-grid--3 > .cc-value { grid-column: span 2; }
    .cc-site .cc-grid--3 > .cc-value:nth-child(3n+1):nth-last-child(2),
    .cc-site .cc-grid--3 > .cc-value:nth-child(3n+1):nth-last-child(2) + .cc-value { grid-column: span 3; }
    .cc-site .cc-grid--3 > .cc-value:nth-child(3n+1):last-child { grid-column: 1 / -1; }
}
@media (min-width: 721px) and (max-width: 900px) {
    .cc-site .cc-grid--3 > .cc-value:nth-child(odd):last-child { grid-column: 1 / -1; }
}

/* 29i. WooCommerce sayfaları */
/* sipariş takibi: temanın siyah düğmesi yerine site düğmesi */
.cc-site .cc-tracking .button,
.cc-site .cc-tracking button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 24px;
    border: 0;
    background: var(--cc-brand);
    color: var(--cc-white);
    cursor: pointer;
    transition: background-color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-tracking .button:hover,
.cc-site .cc-tracking button[type="submit"]:hover { background: var(--cc-brand-soft); }
.cc-site .cc-tracking form > p:first-child { margin-top: 0; font-size: var(--fs-body); color: var(--cc-muted); }

/* hesabım — giriş: sayfanın sol yarısına sıkışmış form yerine ortalı kart */
.cc-site.woocommerce-account:not(.logged-in) .cc-shop__title { text-align: center; }
.cc-site.woocommerce-account:not(.logged-in) .cc-shop__content > .woocommerce { max-width: 460px; margin-inline: auto; }
.cc-site.woocommerce-account:not(.logged-in) .cc-shop__content > .woocommerce:has(#customer_login) { max-width: 980px; }
.cc-site.woocommerce-account .cc-shop__content .woocommerce > h2,
.cc-site.woocommerce-account #customer_login h2 {
    margin: 0 0 14px;
    font-family: var(--cc-font);
    font-size: var(--fs-h3);
    font-weight: 650;
    letter-spacing: -.01em;
    text-align: center;
}
.cc-site.woocommerce-account .woocommerce-form-login,
.cc-site.woocommerce-account .woocommerce-form-register,
.cc-site.woocommerce-account .woocommerce-ResetPassword {
    margin: 0;
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
    box-shadow: var(--cc-sh-2);
}
.cc-site .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}
.cc-site .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-base); }
.cc-site .woocommerce-form-login__submit { width: 100%; min-height: 48px; }
.cc-site .woocommerce-form-login .lost_password { margin: 14px 0 0; text-align: center; font-size: var(--fs-sm); }
.cc-site .woocommerce-form-login .lost_password a { color: var(--cc-accent-ink); font-weight: 600; }

/* boş sepet — eski kurallar (0,3,0 + !important) başlığı Inter 40px'e,
   düğmeleri turuncu çerçeveye kilitliyordu */
.cc-site.woocommerce-cart .cc-shop--page .wp-block-woocommerce-empty-cart-block > .wc-block-cart__empty-cart__title {
    margin: 24px 0 8px;
    font-family: var(--cc-display);
    font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem);
    font-weight: 600;
    color: var(--cc-brand);
    text-align: center;
}
/* WooCommerce'in üzgün yüz maskesi yerine sitedeki sepet rozeti */
.cc-site.woocommerce-cart .cc-shop--page .wp-block-woocommerce-empty-cart-block > .wc-block-cart__empty-cart__title::before {
    content: "";
    display: block !important;
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 50%;
    -webkit-mask-image: none;
            mask-image: none;
    background: var(--cc-accent-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ad4c0e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1.1 11.1a1 1 0 0 1-1 .9H7.6a1 1 0 0 1-1-.9L5.5 8Z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center / 30px no-repeat !important;
}
.cc-site.woocommerce-cart .cc-shop--page .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title) {
    margin: 56px 0 0;
    font-family: var(--cc-display);
    font-size: clamp(1.5rem, 1.2rem + .9vw, 1.875rem);   /* ana mesajın altında kalsın */
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--cc-brand);
}
.cc-site.woocommerce-cart .cc-shop--page .wc-block-grid__product-add-to-cart .wp-block-button__link {
    min-height: 44px;
    border: 0 !important;
    background: var(--cc-brand) !important;
    color: var(--cc-white) !important;
    font-size: var(--fs-sm);
    font-weight: 650;
}
.cc-site.woocommerce-cart .cc-shop--page .wc-block-grid__product-add-to-cart .wp-block-button__link:hover { background: var(--cc-brand-soft) !important; }
.cc-site.woocommerce-cart .cc-shop--page .wc-block-grid__product-add-to-cart .wp-block-button__link::before { border-color: rgba(255, 255, 255, .4); }
/* öneri kartları mağaza karolarıyla aynı: yuvarlak görsel kuyusu, çerçevesiz */
.cc-site.woocommerce-cart .cc-shop--page .wc-block-grid__product-image {
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin: 0 0 14px !important;
    border: 0;
    border-radius: var(--cc-r-lg);
    background: var(--cc-well);
}
.cc-site.woocommerce-cart .cc-shop--page .wc-block-grid__product-image img { padding: 10% !important; mix-blend-mode: multiply; }
.cc-site.woocommerce-cart .cc-shop--page .wc-block-grid__product-title { min-height: calc(1.36em * 2); padding: 0; font-size: var(--fs-base); font-weight: 600; color: var(--cc-brand); }
.cc-site.woocommerce-cart .cc-shop--page .wc-block-grid__product-price { margin: 4px 0 12px !important; padding: 0; font-size: var(--fs-body); font-weight: 700; color: var(--cc-brand); }
.cc-site.woocommerce-cart .cc-shop--page .wc-block-grid__product-add-to-cart { padding: 0; }

/* betikle odaklanan bildirim/başlık kutularına odak çerçevesi çizilmesin
   (sepete eklendi bildirimi turuncu çift çerçeveyle geliyordu) */
.cc-site [tabindex="-1"]:focus { outline: none; }

/* 29j. 404 — kaba çizgi tablosu yerine kartlar */
.cc-site .cc-error-links__grid { gap: 12px; border: 0; }
.cc-site .cc-error-link,
.cc-site .cc-error-link:nth-child(n) {
    min-height: 84px;
    padding: 18px 20px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
    transition: border-color var(--cc-fast) var(--cc-ease), box-shadow var(--cc-slow) var(--cc-ease), transform var(--cc-slow) var(--cc-ease);
}
.cc-site .cc-error-link:hover { border-color: var(--cc-line-strong); box-shadow: var(--cc-sh-2); transform: translateY(-2px); }
.cc-site .cc-error-link strong { font-size: var(--fs-base); font-weight: 650; color: var(--cc-brand); }
.cc-site .cc-error-link .cc-icon { flex: none; color: var(--cc-accent-ink); transition: transform var(--cc-fast) var(--cc-ease); }
.cc-site .cc-error-link:hover .cc-icon { transform: translateX(3px); }

/* üst duyuru çubuğundaki ok */
.cc-site .cc-announcement a { display: inline-flex; align-items: center; gap: 6px; }

/* 29k. duyarlı */
@media (max-width: 1080px) {
    /* minmax(0,1fr): iki kartlı yan sütun min-içerik genişliğiyle izi 536px'e açıyordu */
    .cc-site .cc-content-single__layout { grid-template-columns: minmax(0, 1fr); }
    .cc-site .cc-guide-aside { position: static; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); max-width: 760px; min-width: 0; }
}
@media (max-width: 900px) {
    .cc-site .cc-error-links__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .cc-site .cc-pagehead::after { top: -70px; right: -110px; width: 260px; transform: none; }

    /* tarif künyesi: ikinci satırdaki hücre içeri kayıyordu */
    .cc-site .cc-recipe-facts div:nth-child(odd) { padding-left: 0; }
    .cc-site .cc-recipe-facts div:nth-child(even) { padding-left: 16px; }

    .cc-site .cc-content-card h2 { font-size: 1.375rem; }

    /* alt bilgi: iki bağlantı listesi yan yana — tek sütunda ekranlarca kaydırılıyordu */
    .cc-site .cc-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; row-gap: 36px; }
    .cc-site .cc-footer__brand,
    .cc-site .cc-footer__col:last-child { grid-column: 1 / -1; }
    .cc-site .cc-footer__col li,
    .cc-site .cc-footer__col a { font-size: var(--fs-sm); }

    .cc-site .cc-ctaband__points li { font-size: var(--fs-base); }
    .cc-site .cc-error-links__grid { grid-template-columns: 1fr; }
}

/* içindekiler bağlantıları yumuşak kaydırsın (hareket azaltma tercihine saygılı) */
@media (prefers-reduced-motion: no-preference) {
    html:has(body.cc-site) { scroll-behavior: smooth; }
}

/* kalıp teknik çizimleri kartta büyütülür (CC_Woo::media_zoom_attr). `scale`
   özelliği üzerine gelince uygulanan transform ile çakışmaz, onunla birleşir. */
.cc-site [style*="--cc-zoom"] > img { scale: var(--cc-zoom); }

/* hakkımızda: hikâye sütunu başlıksız paragraf yığınıydı */
.cc-site .cc-about__story .cc-eyebrow { margin: 0 0 12px; }
.cc-site .cc-about__story h2 { max-width: 18ch; margin: 0 0 20px; font-size: var(--fs-h2); line-height: 1.1; }
.cc-site .cc-about__story p:not(.cc-eyebrow) { font-size: var(--fs-lead); line-height: 1.7; color: var(--cc-muted); }
.cc-site .cc-split:has(> .cc-about__story) { align-items: center; }

/* [cc_products columns="…"] parametresi eski 4 sütun kuralında yok sayılıyordu
   (katalogdaki 6 kalıp 4 + 2 diziliyor, sağda iki kartlık boşluk kalıyordu) */
@media (min-width: 1101px) {
    .cc-site .cc-grid.cc-product-grid[style*="--cc-cols"] { grid-template-columns: repeat(var(--cc-cols), minmax(0, 1fr)); }
}

/* ürün sayfası SSS bandıyla (ya da kendi dolgusu olan bir bölümle) bitiyor:
   bant ile alt bilgi arasında beyaz şerit kalmasın */
.cc-site.single-product .cc-shop { padding-bottom: 0; }

/* etiket yalnızca üzerine gelinebilen ekranlarda açılır; dokunmatikte hiç basılmasın */
@media (hover: none), (max-width: 720px) {
    .cc-site .cc-whatsapp-fab__label { display: none !important; }
}

/* 404 üst etiketi krem zeminde canlı turuncuydu (2.7:1) */
.cc-site .cc-error__eyebrow { color: var(--cc-accent-ink); }

/* dokunmatik: küçük metin bağlantılarının dokunma alanı ≥ 40px (yerleşim değişmeden) */
@media (pointer: coarse) {
    .cc-site .cc-announcement a,
    .cc-site .cc-link,
    .cc-site .cc-breadcrumb a,
    .cc-site .cc-content-single__back,
    .cc-site .cc-product-whatsapp,
    .cc-site .woocommerce-LostPassword a,
    .cc-site .cc-content-card__link { padding-block: 10px; margin-block: -10px; }
}
.cc-site .woocommerce-form__input-checkbox { width: 18px; height: 18px; accent-color: var(--cc-brand); }

/* kalan eski asimetrik köşeler tek ölçeğe */
.cc-site .cc-content-single__image,
.cc-site .cc-error__visual { border-radius: var(--cc-r-xl); }
.cc-site .cc-recipe-products__head > span,
.cc-site .cc-content-card__meta span { border-radius: var(--cc-r-pill); }

/* sipariş takibi formu: WooCommerce satır dolgusu (3px) etiketleri metinden içeri itiyordu */
.cc-site .cc-tracking .form-row { padding: 0; margin: 0 0 16px; }
.cc-site .cc-tracking label { display: block; margin: 0 0 6px; font-size: var(--fs-sm); font-weight: 600; color: var(--cc-brand); }
.cc-site .cc-tracking .input-text {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-md);
    background: var(--cc-white);
    font: inherit;
    font-size: var(--fs-base);
}
.cc-site .cc-tracking .input-text:focus { border-color: var(--cc-brand); box-shadow: 0 0 0 4px rgba(33, 26, 77, .10); outline: none; }

/* makale listeleri paragrafla aynı tonda; madde işareti marka turuncusu */
.cc-site .cc-prose ul:not(.cc-recipe-ingredients) li { margin: 0 0 6px; color: var(--cc-muted); }
.cc-site .cc-prose ul:not(.cc-recipe-ingredients) li::marker { color: var(--cc-accent); }

/* =========================================================
   30. Ürün sayfası — renk ve boyut seçici (3.3.0)

   Her renk ayrı bir ürün; aynı ürünün diğer renkleri burada
   seçilir (CC_Variants). Çip, o rengin ürün sayfasına gider;
   kaydırma konumu korunur, geçiş çapraz solmayla olur.
   ========================================================= */

.cc-site .cc-variants {
    display: grid;
    gap: 18px;
    margin: 4px 0 0;
    padding: 18px 0 22px;
    border-top: 1px solid var(--cc-line);   /* alttaki çizgiyi fiyat kutusu çiziyor */
}
.cc-site .cc-variants__group { min-width: 0; }
.cc-site .cc-variants .cc-colors__head { margin-bottom: 10px; }
.cc-site .cc-variants .cc-colors__current { font-weight: 650; color: var(--cc-brand); }
.cc-site .cc-variants .cc-colors__current small { font-size: inherit; font-weight: 500; color: var(--cc-muted); }
.cc-site .cc-variants__list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cc-site .cc-variants__list li { margin: 0; padding: 0; }

.cc-site a.cc-variant {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    height: auto;
    min-height: 40px;
    padding: 4px 14px 4px 5px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-pill) !important;
    background: var(--cc-white);
    color: var(--cc-brand);
    font-size: var(--fs-sm);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color var(--cc-fast) var(--cc-ease), background var(--cc-fast) var(--cc-ease), transform var(--cc-fast) var(--cc-ease);
}
.cc-site a.cc-variant:hover { border-color: var(--cc-brand); transform: translateY(-1px); }
.cc-site a.cc-variant .cc-swatch__dot {
    display: block;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background: var(--sw, #ccc);
    box-shadow: inset 0 0 0 1px rgba(23, 18, 38, .16);
}
.cc-site a.cc-variant b { display: inline; font-size: inherit; font-weight: inherit; }
.cc-site a.cc-variant small { font-size: var(--fs-caption); font-weight: 500; color: var(--cc-muted); }
.cc-site a.cc-variant--text { padding-left: 14px; }
.cc-site a.cc-variant.is-active {
    border-color: var(--cc-brand);
    background: var(--cc-mist);
    box-shadow: inset 0 0 0 1px var(--cc-brand);
    cursor: default;
    transform: none;
}
/* tükendi: noktada çapraz çizgi, ad üstü çizili — tıklanabilir, ürün sayfası "stokta yok" der */
.cc-site a.cc-variant.is-oos { color: var(--cc-muted); }
.cc-site a.cc-variant.is-oos .cc-swatch__dot {
    background:
        linear-gradient(to top right, transparent calc(50% - 1px), rgba(255, 255, 255, .95) calc(50% - 1px), rgba(255, 255, 255, .95) calc(50% + 1px), transparent calc(50% + 1px)),
        var(--sw, #ccc);
    opacity: .55;
}
.cc-site a.cc-variant.is-oos b { text-decoration: line-through; text-decoration-color: rgba(87, 81, 103, .5); }

.cc-site a.cc-size {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-md);
    background: var(--cc-white);
    color: var(--cc-brand);
    font-size: var(--fs-sm);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color var(--cc-fast) var(--cc-ease), background var(--cc-fast) var(--cc-ease);
}
.cc-site a.cc-size:hover { border-color: var(--cc-brand); }
.cc-site a.cc-size.is-active { border-color: var(--cc-brand); background: var(--cc-brand); color: var(--cc-white); cursor: default; }
.cc-site a.cc-size.is-oos { color: var(--cc-muted); text-decoration: line-through; }

@media (max-width: 720px) {
    /* uzun renk listesi mobilde tek satır, yana kaydırılır; adlar okunur kalır */
    .cc-site .cc-variants__list:not(.cc-variants__list--sizes) {
        flex-wrap: nowrap;
        margin-inline: calc(var(--cc-gutter) * -1);
        padding: 2px var(--cc-gutter) 6px;
        overflow-x: auto;
        scroll-padding-inline: var(--cc-gutter);
        scrollbar-width: none;
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 36px), transparent);
                mask-image: linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 36px), transparent);
    }
    .cc-site .cc-variants__list::-webkit-scrollbar { display: none; }
    .cc-site .cc-variants__list li { flex: 0 0 auto; }
    /* eski kural mobilde çipi 34px noktaya indirip adı gizliyordu */
    .cc-site a.cc-variant { width: auto; padding: 4px 14px 4px 5px; justify-content: flex-start; }
    .cc-site a.cc-variant--text { padding-left: 14px; }
    .cc-site a.cc-variant b { display: inline; }
}

/* =========================================================
   31. Başlık araması (3.3.0) — her ekranda görünür
   ========================================================= */

.cc-site .cc-header__search {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--cc-r-md);
    background: transparent;
    color: var(--cc-brand);
    font-family: var(--cc-font);
    font-size: var(--fs-sm);
    font-weight: 600;
    cursor: pointer;
    transition: background var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-header__search:hover,
.cc-site .cc-header__search[aria-expanded="true"] { background: var(--cc-mist); }
.cc-site .cc-header__search .cc-icon { flex: none; }

.cc-site .cc-search {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    border-top: 1px solid var(--cc-line);
    background: var(--cc-white);
    box-shadow: 0 28px 56px -28px rgba(18, 13, 43, .45);
}
.cc-site .cc-search[hidden] { display: none; }
.cc-site .cc-search__inner { padding-block: 20px 26px; }
.cc-site .cc-search__form { position: relative; display: flex; align-items: center; gap: 10px; margin: 0; }
.cc-site .cc-search__form > .cc-icon { position: absolute; left: 16px; top: 50%; color: var(--cc-muted); transform: translateY(-50%); pointer-events: none; }
.cc-site .cc-search__form input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 52px;
    padding: 0 16px 0 48px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-md);
    background: var(--cc-white);
    color: var(--cc-ink);
    font-family: var(--cc-font);
    font-size: 16px;                    /* iOS'ta odakta yakınlaştırma olmasın */
    -webkit-appearance: none;
            appearance: none;
}
.cc-site .cc-search__form input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
.cc-site .cc-search__form input[type="search"]:focus { border-color: var(--cc-brand); box-shadow: 0 0 0 4px rgba(33, 26, 77, .10); outline: none; }
.cc-site .cc-search__submit { min-height: 52px; padding: 0 26px; }
.cc-site .cc-search__close {
    display: grid;
    place-items: center;
    flex: none;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--cc-brand);
    cursor: pointer;
}
.cc-site .cc-search__close:hover { background: var(--cc-mist); }
.cc-site .cc-search.is-loading .cc-search__form > .cc-icon { animation: cc-search-pulse .9s ease-in-out infinite alternate; }
@keyframes cc-search-pulse { to { opacity: .35; } }

.cc-site .cc-search__label {
    margin: 20px 0 10px;
    font-size: var(--fs-overline);
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--cc-muted);
}
.cc-site .cc-search__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cc-site .cc-search__chips a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-pill);
    color: var(--cc-brand);
    font-size: var(--fs-sm);
    font-weight: 600;
    text-decoration: none;
}
.cc-site .cc-search__chips a:hover { border-color: var(--cc-brand); background: var(--cc-mist); }

.cc-site .cc-search__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 16px; margin: 0; padding: 0; list-style: none; }
.cc-site .cc-search__list li { margin: 0; }
.cc-site .cc-search__item {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 8px;
    border-radius: var(--cc-r-md);
    color: inherit;
    text-decoration: none;
}
.cc-site .cc-search__item:hover,
.cc-site .cc-search__item:focus-visible { background: var(--cc-paper); }
.cc-site .cc-search__item img {
    width: 56px;
    height: 56px;
    padding: 4px;
    border-radius: var(--cc-r-sm);
    background: var(--cc-well);
    object-fit: contain;
    mix-blend-mode: multiply;
}
.cc-site .cc-search__item span { display: grid; gap: 3px; min-width: 0; }
.cc-site .cc-search__item b {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--fs-base);
    font-weight: 600;
    line-height: 1.3;
    color: var(--cc-brand);
}
.cc-site .cc-search__item small { font-size: var(--fs-sm); font-weight: 700; color: var(--cc-brand); }
.cc-site .cc-search__item.is-oos small { font-weight: 500; color: var(--cc-muted); }
.cc-site .cc-search__all { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 8px 0; font-size: var(--fs-sm); font-weight: 650; color: var(--cc-accent-ink); text-decoration: none; }
.cc-site .cc-search__all:hover { color: var(--cc-accent-deep); }
.cc-site .cc-search__empty { margin: 18px 0 0; font-size: var(--fs-base); color: var(--cc-muted); }
.cc-site .cc-search__empty b { color: var(--cc-brand); }

/* 3.4.0 — gruplu sonuçlar, renk aileleri, hızlı ekleme, son/popüler aramalar */
.cc-site .cc-search { overflow-y: auto; overscroll-behavior: contain; }   /* yükseklik JS ile ekrana sığdırılır */
.cc-site .cc-search__label { display: flex; align-items: center; gap: 6px; }
.cc-site .cc-search__label .cc-icon { color: var(--cc-muted-soft); }
.cc-site .cc-search__label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cc-site .cc-search__clear { margin-top: 10px; padding: 4px 6px; border: 0; background: none; font: 600 var(--fs-caption)/1 var(--cc-font); color: var(--cc-muted); cursor: pointer; }
.cc-site .cc-search__clear:hover { color: var(--cc-brand); }
.cc-site .cc-search__recent { display: inline-flex; align-items: center; border: 1px solid var(--cc-line-strong); border-radius: var(--cc-r-pill); }
.cc-site .cc-search__chips .cc-search__recent a { min-height: 36px; padding: 0 4px 0 14px; border: 0; }
.cc-site .cc-search__chips .cc-search__recent a:hover { background: none; text-decoration: underline; }
.cc-site .cc-search__recent button { display: grid; place-items: center; width: 30px; height: 30px; margin-right: 3px; border: 0; border-radius: 50%; background: none; color: var(--cc-muted); cursor: pointer; }
.cc-site .cc-search__recent button:hover { background: var(--cc-mist); color: var(--cc-brand); }
.cc-site .cc-search__chips .cc-search__cat small { margin-left: 6px; font-size: var(--fs-caption); font-weight: 600; color: var(--cc-muted); }
.cc-site .cc-search__hint { margin: 18px 0 0; font-size: var(--fs-caption); color: var(--cc-muted); }
.cc-site .cc-search__hint kbd {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    margin-right: 4px;
    padding: 0 6px;
    border: 1px solid var(--cc-line-strong);
    border-bottom-width: 2px;
    border-radius: 6px;
    background: var(--cc-white);
    font: 700 12px/1 var(--cc-font);
    color: var(--cc-brand);
}

.cc-site .cc-search__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 32px; }
.cc-site .cc-search__grid.has-side { grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); }
.cc-site .cc-search__main .cc-search__list,
.cc-site .cc-search__list--best { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cc-site .cc-search__side { padding-left: 24px; border-left: 1px solid var(--cc-line); }
.cc-site .cc-search__note {
    margin-left: 4px;
    padding: 2px 8px;
    border-radius: var(--cc-r-pill);
    background: var(--cc-accent-wash);
    color: var(--cc-accent-ink);
    font-size: 10px;
    letter-spacing: .02em;
    text-transform: none;
}
.cc-site .cc-search__row { position: relative; display: flex; align-items: center; min-width: 0; }
.cc-site .cc-search__row .cc-search__item { flex: 1 1 auto; min-width: 0; }
.cc-site .cc-search__row:has(.cc-search__add) .cc-search__item { padding-right: 58px; }
.cc-site .cc-search__row--family .cc-search__item { grid-template-columns: 56px minmax(0, 1fr) auto; }
.cc-site .cc-search__row--family .cc-search__item small { font-weight: 600; }
.cc-site .cc-search mark { padding: 0; background: linear-gradient(transparent 60%, rgba(232, 117, 45, .3) 0); color: inherit; }
.cc-site .cc-search__item .cc-search__dots { display: flex; align-items: center; gap: 3px; margin-top: 2px; }
.cc-site .cc-search__dots i { display: block; width: 12px; height: 12px; border-radius: 50%; background: var(--sw, #ccc); box-shadow: inset 0 0 0 1px rgba(23, 18, 38, .18); }
.cc-site .cc-search__dots em { margin-left: 3px; font-size: 11px; font-style: normal; font-weight: 600; color: var(--cc-muted); }
.cc-site .cc-search__item .cc-search__pick { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-caption); font-weight: 650; white-space: nowrap; color: var(--cc-accent-ink); }
.cc-site .cc-search__item:hover .cc-search__pick .cc-icon { transform: translateX(2px); }
.cc-site .cc-search__pick .cc-icon { transition: transform var(--cc-fast) var(--cc-ease); }
.cc-site .cc-search__item--content img { padding: 0; object-fit: cover; mix-blend-mode: normal; }
.cc-site .cc-search__item--content small { font-weight: 600; color: var(--cc-muted); }
.cc-site .cc-search__item .cc-search__ph { display: grid; place-items: center; width: 56px; height: 56px; border-radius: var(--cc-r-sm); background: var(--cc-mist); color: var(--cc-brand); }
.cc-site .cc-search__add {
    position: absolute;
    top: 50%;
    right: 8px;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--cc-line-strong);
    border-radius: 50%;
    background: var(--cc-white);
    color: var(--cc-brand);
    cursor: pointer;
    transform: translateY(-50%);
    transition: background var(--cc-fast) var(--cc-ease), border-color var(--cc-fast) var(--cc-ease), color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-search__add:hover,
.cc-site .cc-search__add:focus-visible { border-color: var(--cc-brand); background: var(--cc-brand); color: var(--cc-white); }
.cc-site .cc-search__add.is-loading { opacity: .55; cursor: progress; }
.cc-site .cc-search__add.is-added { border-color: var(--cc-ok); background: var(--cc-ok); color: var(--cc-white); }

.cc-site .cc-search__none { max-width: 760px; }
.cc-site .cc-search__suggest {
    display: inline-flex;
    gap: 4px;
    margin: 12px 0 0;
    padding: 8px 14px;
    border: 1px dashed var(--cc-line-strong);
    border-radius: var(--cc-r-md);
    background: var(--cc-paper);
    font: 500 var(--fs-base)/1.4 var(--cc-font);
    color: var(--cc-brand);
    cursor: pointer;
}
.cc-site .cc-search__suggest b { color: var(--cc-accent-ink); }
.cc-site .cc-search__wa {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: var(--cc-r-md);
    background: #eefaf2;
    color: #0f7d43;
    text-decoration: none;
}
.cc-site .cc-search__wa span { display: grid; gap: 2px; }
.cc-site .cc-search__wa b { font-size: var(--fs-base); color: var(--cc-brand); }
.cc-site .cc-search__wa small { font-size: var(--fs-sm); color: var(--cc-muted); }

/* sonuç sayfası — sonuç yokken */
.cc-site .cc-search-empty { margin-top: 12px; }
.cc-site .cc-search-empty__suggest { margin: 0 0 8px; font-size: var(--fs-lead); color: var(--cc-muted); }
.cc-site .cc-search-empty__suggest a { font-weight: 700; color: var(--cc-accent-ink); }
.cc-site .cc-search-empty h2,
.cc-site .cc-search-empty .cc-search-empty__title { margin: 36px 0 16px; font-family: var(--cc-font); font-size: var(--fs-h3); font-weight: 650; }
.cc-site .cc-search-empty__content ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.cc-site .cc-search-empty__content a { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid var(--cc-line); border-radius: var(--cc-r-lg); text-decoration: none; }
.cc-site .cc-search-empty__content a:hover { border-color: var(--cc-line-strong); box-shadow: var(--cc-sh-2); }
.cc-site .cc-search-empty__content img { width: 64px; height: 64px; border-radius: var(--cc-r-md); object-fit: cover; }
.cc-site .cc-search-empty__content span { display: grid; gap: 3px; }
.cc-site .cc-search-empty__content small { font-size: var(--fs-caption); font-weight: 600; color: var(--cc-muted); }
.cc-site .cc-search-empty__content b { font-size: var(--fs-base); color: var(--cc-brand); }
.cc-site .cc-search-empty__help {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 40px;
    padding: 20px 24px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-paper);
}
.cc-site .cc-search-empty__help div { display: grid; gap: 4px; }
.cc-site .cc-search-empty__help b { font-size: var(--fs-body); color: var(--cc-brand); }
.cc-site .cc-search-empty__help span { font-size: var(--fs-base); color: var(--cc-muted); }

/* açıkken sayfa hafifçe kararır; başlık (z-index 80) ve panel üstte kalır */
html.cc-search-open body.cc-site::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 70;
    background: rgba(18, 13, 43, .32);
}

@media (max-width: 1240px) {
    .cc-site .cc-header__search-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .cc-site .cc-header__search { padding: 0 10px; }
}
@media (max-width: 1024px) {
    .cc-site .cc-search__grid.has-side { grid-template-columns: minmax(0, 1fr); }
    .cc-site .cc-search__side { margin-top: 8px; padding-left: 0; border-left: 0; }
}
@media (hover: none) {
    .cc-site .cc-search__hint { display: none; }     /* klavye kısayolu dokunmatikte anlamsız */
}
@media (max-width: 720px) {
    .cc-site .cc-search__inner { padding-block: 14px 18px; }
    .cc-site .cc-search__submit { display: none; }        /* klavyedeki "Ara" tuşu gönderir */
    .cc-site .cc-search__main .cc-search__list,
    .cc-site .cc-search__list--best { grid-template-columns: minmax(0, 1fr); }
    .cc-site .cc-search__close { width: 44px; height: 44px; }
    .cc-site .cc-header__search { min-width: 44px; justify-content: center; padding: 0; }
    .cc-site .cc-search__row--family .cc-search__item { grid-template-columns: 56px minmax(0, 1fr); }
    .cc-site .cc-search__item .cc-search__pick { display: none; }
    html.cc-search-open,
    html.cc-search-open body { overflow: hidden; }       /* arkadaki sayfa kaymasın */
}

/* =========================================================
   32. Anasayfa mağaza ızgarası (3.3.0)

   "Tanıtım sitesi gibi duruyor": tek satırlık yatay raf yerine
   sekmeli ürün ızgarası. Karolar mağaza sayfasının kuralları
   (27. bölüm) ile çizilir — .cc-shop--embed aynı kapsamı verir.
   Masaüstü 4 × 3, tablet 3 × 3, mobil 2 × 3.
   ========================================================= */

.cc-site .cc-store .cc-section__head { margin-bottom: 20px; }
.cc-site .cc-store__tabs { margin: 0 0 28px; }
.cc-site .cc-shop.cc-shop--embed { padding: 0; overflow: visible; background: none; }
.cc-site .cc-store__panel[hidden] { display: none; }
.cc-site .cc-store__panel ul.products { margin: 0; }
.cc-site .cc-store__more { display: flex; justify-content: center; margin-top: 40px; }

@media (max-width: 1180px) {
    .cc-site .cc-store__panel ul.products li.product:nth-child(n+10) { display: none; }
}
@media (max-width: 760px) {
    .cc-site .cc-store__panel ul.products li.product:nth-child(n+7) { display: none; }
    .cc-site .cc-store__tabs {
        flex-wrap: nowrap;
        margin-inline: calc(var(--cc-gutter) * -1);
        padding-inline: var(--cc-gutter);
        overflow-x: auto;
        scrollbar-width: none;
    }
    .cc-site .cc-store__tabs::-webkit-scrollbar { display: none; }
    .cc-site .cc-store__tabs .cc-tabs__tab { flex: 0 0 auto; }
    .cc-site .cc-store__more { margin-top: 28px; }
    .cc-site .cc-store__more .cc-btn { width: 100%; }
}

/* =========================================================
   33. Hesabım (3.4.0)

   Giriş yapmış müşteri: solda profil + dikey menü, sağda içerik.
   Pano ve sipariş ayrıntısı eklenti şablonundan (templates/
   woocommerce/myaccount), sipariş tablosu WooCommerce'in sütun
   kancalarından gelir. Mobilde menü yatay kaydırılan çiplere,
   sipariş tablosu kartlara döner.
   ========================================================= */

.cc-site .cc-shop__kicker {
    margin: 0 0 10px;
    font-size: var(--fs-overline);
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.cc-site .cc-shop__kicker a { color: var(--cc-accent-ink); text-decoration: none; }
.cc-site .cc-shop__kicker a:hover { text-decoration: underline; }

.cc-site.woocommerce-account.logged-in .cc-shop__content > .woocommerce {
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas: "profile content" "nav content";
    gap: 16px 48px;
    align-items: start;
    max-width: none;
    font-size: var(--fs-base);
}
.cc-site.woocommerce-account.logged-in .cc-shop__content > .woocommerce::before,
.cc-site.woocommerce-account.logged-in .cc-shop__content > .woocommerce::after { display: none; }

/* profil kartı */
.cc-site .cc-account-profile {
    grid-area: profile;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site .cc-account-profile__avatar {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--cc-brand);
    color: var(--cc-white);
    font-size: var(--fs-base);
    font-weight: 700;
    letter-spacing: .02em;
}
.cc-site .cc-account-profile__text { display: grid; gap: 2px; min-width: 0; }
.cc-site .cc-account-profile__text strong { overflow: hidden; color: var(--cc-brand); font-size: var(--fs-base); font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.cc-site .cc-account-profile__text small { overflow: hidden; color: var(--cc-muted); font-size: var(--fs-caption); text-overflow: ellipsis; white-space: nowrap; }

/* menü */
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation {
    grid-area: nav;
    float: none;
    width: auto;
    margin: 0;
    padding: 8px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation ul {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; border: 0; }
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--cc-r-sm);
    background: transparent;
    color: var(--cc-ink);
    font-size: var(--fs-base);
    font-weight: 550;
    text-decoration: none;
    transition: background-color var(--cc-fast) var(--cc-ease), color var(--cc-fast) var(--cc-ease);
}
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation a::before {
    content: "";
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    background: var(--cc-muted-soft);
    -webkit-mask: var(--cc-nav-icon) center / contain no-repeat;
    mask: var(--cc-nav-icon) center / contain no-repeat;
    transition: background-color var(--cc-fast) var(--cc-ease);
}
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation a:hover { background: var(--cc-paper); color: var(--cc-brand); }
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation a:focus-visible { outline: 2px solid var(--cc-accent); outline-offset: 1px; }
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation .is-active a {
    background: var(--cc-mist);
    color: var(--cc-brand);
    font-weight: 650;
}
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation .is-active a::before,
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation a:hover::before { background: var(--cc-accent-ink); }
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 6px !important;
    padding-top: 6px !important;
    border-top: 1px solid var(--cc-line) !important;
}
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--cc-muted); }
.cc-site .woocommerce-MyAccount-navigation-link--dashboard a { --cc-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E"); }
.cc-site .woocommerce-MyAccount-navigation-link--orders a { --cc-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5 12 3.5l8 4v9l-8 4-8-4v-9Z'/%3E%3Cpath d='m4 7.5 8 4 8-4'/%3E%3Cpath d='M12 11.5v9'/%3E%3C/svg%3E"); }
.cc-site .woocommerce-MyAccount-navigation-link--downloads a { --cc-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E"); }
.cc-site .woocommerce-MyAccount-navigation-link--edit-address a { --cc-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.8-6.5-11a6.5 6.5 0 0 1 13 0c0 5.2-6.5 11-6.5 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E"); }
.cc-site .woocommerce-MyAccount-navigation-link--payment-methods a { --cc-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 15h3'/%3E%3C/svg%3E"); }
.cc-site .woocommerce-MyAccount-navigation-link--edit-account a { --cc-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.8'/%3E%3Cpath d='M4.5 20a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E"); }
.cc-site .woocommerce-MyAccount-navigation-link--customer-logout a { --cc-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='M10 16l-4-4 4-4'/%3E%3Cpath d='M6 12h10'/%3E%3C/svg%3E"); }

/* içerik sütunu */
.cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-content {
    grid-area: content;
    display: grid;
    gap: 20px;
    float: none;
    width: auto;
    min-width: 0;
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper:empty { display: none; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content > * { margin-block: 0; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content > p { color: var(--cc-muted); }
.cc-site.woocommerce-account .woocommerce-MyAccount-content h2 {
    margin: 0;
    font-family: var(--cc-font);
    font-size: var(--fs-h4);
    font-weight: 650;
    letter-spacing: -.01em;
    line-height: 1.3;
}

/* durum rozeti */
.cc-site .cc-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--cc-r-pill);
    background: var(--cc-mist);
    color: var(--cc-brand-soft);
    font-size: var(--fs-caption);
    font-weight: 650;
    line-height: 1.3;
    white-space: nowrap;
}
.cc-site .cc-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.cc-site .cc-status--done { background: #e6f3ec; color: var(--cc-ok); }
.cc-site .cc-status--wait { background: #fbf1dc; color: var(--cc-warn); }
.cc-site .cc-status--active { background: var(--cc-accent-wash); color: var(--cc-accent-ink); }
.cc-site .cc-status--stop { background: #efedf2; color: var(--cc-muted); }

/* pano */
.cc-site .cc-account-hello {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    padding: clamp(22px, 3vw, 30px);
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: linear-gradient(120deg, var(--cc-cream), var(--cc-white) 70%);
}
.cc-site .cc-account-hello > div { flex: 1 1 320px; }
.cc-site.woocommerce-account .cc-account-hello h2 {
    margin: 0 0 6px;
    font-family: var(--cc-display);
    font-size: clamp(1.625rem, 1.2rem + 1.2vw, 2.125rem);
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.1;
}
.cc-site .cc-account-hello p { max-width: 52ch; margin: 0; color: var(--cc-muted); font-size: var(--fs-body); line-height: 1.55; }
.cc-site .cc-account-hello .cc-btn { flex: 0 0 auto; }

.cc-site .cc-account-block {
    overflow: hidden;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site .cc-account-block__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px 14px;
}
.cc-site .cc-account-block__head a { color: var(--cc-accent-ink); font-size: var(--fs-sm); font-weight: 650; text-decoration: none; }
.cc-site .cc-account-block__head a:hover { text-decoration: underline; }

.cc-site .cc-account-orders { margin: 0; padding: 0; list-style: none; }
.cc-site .cc-account-orders li { margin: 0; border-top: 1px solid var(--cc-line); }
.cc-site .cc-account-orders a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(96px, auto) 18px;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    color: var(--cc-ink);
    text-decoration: none;
    transition: background-color var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-account-orders a:hover { background: var(--cc-paper); }
.cc-site .cc-account-orders__id { display: grid; gap: 2px; min-width: 0; }
.cc-site .cc-account-orders__id strong { color: var(--cc-brand); font-size: var(--fs-body); font-weight: 650; }
.cc-site .cc-account-orders__id small { color: var(--cc-muted); font-size: var(--fs-caption); }
.cc-site .cc-account-orders__total { color: var(--cc-brand); font-weight: 650; text-align: right; white-space: nowrap; }
.cc-site .cc-account-orders__go { display: flex; color: var(--cc-muted-soft); }
.cc-site .cc-account-orders a:hover .cc-account-orders__go { color: var(--cc-accent-ink); }

.cc-site .cc-account-empty {
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 12px 20px 28px;
    color: var(--cc-muted);
    text-align: center;
}
.cc-site .cc-account-empty .cc-icon { color: var(--cc-accent-ink); }
.cc-site .cc-account-empty p { max-width: 44ch; margin: 0; }
.cc-site .cc-account-empty strong { display: block; color: var(--cc-brand); }

.cc-site .cc-account-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
}
.cc-site .cc-account-links a {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
    color: var(--cc-ink);
    text-decoration: none;
    transition: border-color var(--cc-fast) var(--cc-ease), box-shadow var(--cc-fast) var(--cc-ease), transform var(--cc-fast) var(--cc-ease);
}
.cc-site .cc-account-links a:hover { border-color: var(--cc-line-strong); box-shadow: var(--cc-sh-2); transform: translateY(-1px); }
.cc-site .cc-account-links a > span:last-child { display: grid; gap: 2px; min-width: 0; }
.cc-site .cc-account-links strong { color: var(--cc-brand); font-size: var(--fs-base); font-weight: 650; }
.cc-site .cc-account-links small { color: var(--cc-muted); font-size: var(--fs-caption); line-height: 1.4; }
.cc-site .cc-account-links__icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--cc-r-md);
    background: var(--cc-mist);
    color: var(--cc-brand);
}
.cc-site .cc-account-links__wa .cc-account-links__icon { background: #e4f5ea; color: #128c4a; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content > .cc-account-logout { color: var(--cc-muted); font-size: var(--fs-sm); }
.cc-site .cc-account-logout a { color: var(--cc-accent-ink); font-weight: 600; }

/* bilgi bandı (ör. e-posta onayı) — mavi uyarı yerine sakin satır */
.cc-site.woocommerce-account .woocommerce-MyAccount-content .wc-block-components-notice-banner {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 12px 16px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-md);
    background: var(--cc-paper);
    color: var(--cc-muted);
    font-size: var(--fs-sm);
    line-height: 1.5;
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content .wc-block-components-notice-banner > svg {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    padding: 0;
    border-radius: 0;
    background: none;
    fill: var(--cc-muted-soft);
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content .wc-block-components-notice-banner__content {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 16px;
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content .wc-block-components-notice-banner__content .button {
    order: 2;
    float: none;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: none !important;
    color: var(--cc-accent-ink) !important;
    font-size: var(--fs-sm);
    font-weight: 650;
    letter-spacing: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
    opacity: 1;
}

/* sipariş tablosu */
.cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table {
    width: 100%;
    margin: 0;
    border-radius: var(--cc-r-lg);
    font-size: var(--fs-base);
}
.cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table thead th {
    padding: 14px 20px;
    background: var(--cc-paper);
    color: var(--cc-muted);
    font-size: var(--fs-overline);
    font-weight: 650;
    letter-spacing: .1em;
}
.cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table tbody th,
.cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table tbody td {
    padding: 14px 20px;
    border-top: 1px solid var(--cc-line);
    vertical-align: middle;
}
.cc-site.woocommerce-account table.woocommerce-orders-table tbody tr { transition: background-color var(--cc-fast) var(--cc-ease); }
.cc-site.woocommerce-account table.woocommerce-orders-table tbody tr:hover { background: var(--cc-paper); }
.cc-site.woocommerce-account .woocommerce-orders-table__cell-order-number a {
    color: var(--cc-brand);
    font-size: var(--fs-body);
    font-weight: 650;
    letter-spacing: 0;
    text-decoration: none;
}
.cc-site.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover { color: var(--cc-accent-ink); text-decoration: underline; }
.cc-site.woocommerce-account .woocommerce-orders-table__cell-order-date { color: var(--cc-muted); white-space: nowrap; }
.cc-site .cc-order-total { display: block; color: var(--cc-brand); font-weight: 650; white-space: nowrap; }
.cc-site .cc-order-count { display: block; color: var(--cc-muted); font-size: var(--fs-caption); }
.cc-site.woocommerce-account .woocommerce-orders-table__header-order-actions,
.cc-site.woocommerce-account .woocommerce-orders-table__cell-order-actions { text-align: right; }
.cc-site.woocommerce-account .woocommerce-orders-table__cell-order-actions { white-space: nowrap; }
.cc-site.woocommerce-account .cc-shop__content .woocommerce-orders-table__cell-order-actions .button,
.cc-site.woocommerce-account .cc-shop__content .woocommerce-pagination .button,
.cc-site.woocommerce-account .cc-shop__content .woocommerce-Address-title .edit,
.cc-site.woocommerce-account .cc-shop__content .order-again .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 0 0 0 6px;
    padding: 0 14px;
    border: 1px solid var(--cc-line-strong);
    border-radius: var(--cc-r-sm);
    background: var(--cc-white) !important;
    color: var(--cc-brand) !important;
    font-size: var(--fs-sm);
    font-weight: 650;
    line-height: 1;
    text-decoration: none;
    transition: background-color var(--cc-fast) var(--cc-ease), border-color var(--cc-fast) var(--cc-ease);
}
.cc-site.woocommerce-account .cc-shop__content .woocommerce-orders-table__cell-order-actions .button:hover,
.cc-site.woocommerce-account .cc-shop__content .woocommerce-pagination .button:hover,
.cc-site.woocommerce-account .cc-shop__content .woocommerce-Address-title .edit:hover,
.cc-site.woocommerce-account .cc-shop__content .order-again .button:hover { border-color: var(--cc-brand); background: var(--cc-mist) !important; }
.cc-site.woocommerce-account .cc-shop__content .woocommerce-orders-table__cell-order-actions .button.pay {
    border-color: var(--cc-brand);
    background: var(--cc-brand) !important;
    color: var(--cc-white) !important;
}
.cc-site.woocommerce-account .woocommerce-pagination { display: flex; justify-content: space-between; gap: 12px; }
.cc-site.woocommerce-account .woocommerce-pagination .button { margin: 0; }

/* sipariş ayrıntısı */
.cc-site .cc-account-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-self: start;
    color: var(--cc-muted);
    font-size: var(--fs-sm);
    font-weight: 600;
    text-decoration: none;
}
.cc-site .cc-account-back:hover { color: var(--cc-brand); }
.cc-site .cc-order-head {
    display: grid;
    gap: 20px;
    padding: clamp(20px, 3vw, 28px);
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site.woocommerce-account .cc-order-head h2 { margin: 0 0 6px; font-family: var(--cc-display); font-size: clamp(1.5rem, 1.1rem + 1vw, 1.875rem); font-weight: 600; letter-spacing: -.02em; line-height: 1.05; }
.cc-site .cc-order-head__main p:last-child { margin: 0; color: var(--cc-muted); }
.cc-site .cc-order-head__main .amount { color: var(--cc-brand); font-weight: 650; }
.cc-site .cc-order-head__stop {
    margin: 0;
    padding: 12px 16px;
    border-radius: var(--cc-r-md);
    background: var(--cc-paper);
    color: var(--cc-muted);
    font-size: var(--fs-sm);
}
.cc-site .cc-order-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}
.cc-site .cc-order-steps li {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 8px;
    margin: 0;
    color: var(--cc-muted);
    font-size: var(--fs-sm);
    font-weight: 600;
    text-align: center;
}
.cc-site .cc-order-steps li + li::before {
    content: "";
    position: absolute;
    top: 12px;
    right: 50%;
    left: -50%;
    height: 2px;
    margin-inline: 18px;
    border-radius: 2px;
    background: var(--cc-line-strong);
}
.cc-site .cc-order-steps li.is-done + li::before { background: var(--cc-ok); }
.cc-site .cc-order-steps__dot {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 2px solid var(--cc-line-strong);
    border-radius: 50%;
    background: var(--cc-white);
    color: var(--cc-white);
}
.cc-site .cc-order-steps .is-done .cc-order-steps__dot { border-color: var(--cc-ok); background: var(--cc-ok); }
.cc-site .cc-order-steps .is-done { color: var(--cc-ink); }
.cc-site .cc-order-steps .is-current { color: var(--cc-brand); font-weight: 700; }
.cc-site .cc-order-steps .is-current .cc-order-steps__dot { border-color: var(--cc-accent); box-shadow: 0 0 0 4px var(--cc-accent-wash); }
.cc-site .cc-order-steps .is-current .cc-order-steps__dot::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--cc-accent); }

.cc-site .cc-order-notes { display: grid; gap: 12px; }
.cc-site .cc-order-notes ol { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cc-site .cc-order-notes li { margin: 0; padding: 14px 16px; border: 1px solid var(--cc-line); border-left: 3px solid var(--cc-accent); border-radius: var(--cc-r-md); background: var(--cc-white); }
.cc-site .cc-order-notes .meta { margin: 0 0 4px; color: var(--cc-muted); font-size: var(--fs-caption); font-weight: 600; }
.cc-site .cc-order-notes .description p { margin: 0; }

.cc-site.woocommerce-account .woocommerce-order-details,
.cc-site.woocommerce-account .woocommerce-customer-details { display: grid; gap: 12px; margin: 0; }
.cc-site.woocommerce-account .cc-shop__content table.order_details { margin: 0; border-radius: var(--cc-r-lg); }
.cc-site.woocommerce-account .cc-shop__content table.order_details thead th { padding: 14px 20px; background: var(--cc-paper); font-size: var(--fs-overline); }
.cc-site.woocommerce-account .cc-shop__content table.order_details td,
.cc-site.woocommerce-account .cc-shop__content table.order_details tfoot th { padding: 14px 20px; border-top: 1px solid var(--cc-line); }
.cc-site.woocommerce-account .cc-shop__content table.order_details tfoot th {
    color: var(--cc-muted);
    font-size: var(--fs-sm);
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}
.cc-site.woocommerce-account .cc-shop__content table.order_details tfoot tr:last-child th,
.cc-site.woocommerce-account .cc-shop__content table.order_details tfoot tr:last-child td { color: var(--cc-brand); font-size: var(--fs-body); font-weight: 700; }
.cc-site.woocommerce-account .cc-shop__content table.order_details .product-name a { font-family: var(--cc-font); font-size: var(--fs-base); font-weight: 600; }
.cc-site.woocommerce-account .cc-shop__content table.order_details .product-quantity { color: var(--cc-muted); font-weight: 600; }
.cc-site.woocommerce-account .cc-shop__content table.order_details .wc-item-meta { margin: 6px 0 0; padding: 0; color: var(--cc-muted); font-size: var(--fs-caption); list-style: none; }
.cc-site.woocommerce-account .cc-shop__content table.order_details .wc-item-meta p { display: inline; margin: 0; }
.cc-site.woocommerce-account .cc-shop__content .order-again { margin: 0; }
.cc-site.woocommerce-account .cc-shop__content .order-again .button { margin: 0; }

.cc-site.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses,
.cc-site.woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin: 0;
}
.cc-site.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses::before,
.cc-site.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses::after,
.cc-site.woocommerce-account .woocommerce-Addresses::before,
.cc-site.woocommerce-account .woocommerce-Addresses::after { display: none; }
.cc-site.woocommerce-account .woocommerce-columns--addresses .woocommerce-column,
.cc-site.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 20px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site.woocommerce-account .woocommerce-customer-details address,
.cc-site.woocommerce-account .woocommerce-Address address {
    margin: 10px 0 0;
    padding: 0;
    border: 0;
    color: var(--cc-muted);
    font-style: normal;
    line-height: 1.7;
}
.cc-site.woocommerce-account .woocommerce-customer-details address p { margin: 6px 0 0; padding: 0; }
.cc-site.woocommerce-account .woocommerce-customer-details address p::before { display: none; }
.cc-site.woocommerce-account .woocommerce-customer-details > address {
    margin: 0;
    padding: 20px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site.woocommerce-account .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.cc-site.woocommerce-account .woocommerce-Address-title::before,
.cc-site.woocommerce-account .woocommerce-Address-title::after { display: none; }
.cc-site.woocommerce-account .woocommerce-Address-title h2 { float: none; }
.cc-site.woocommerce-account .cc-shop__content .woocommerce-Address-title .edit { float: none; margin: 0; }

.cc-site .cc-order-help {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    padding: 16px 20px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-paper);
}
.cc-site .cc-order-help > .cc-icon { flex: 0 0 auto; color: #128c4a; }
.cc-site .cc-order-help p { flex: 1 1 260px; margin: 0; color: var(--cc-muted); }
.cc-site .cc-order-help strong { color: var(--cc-brand); }

/* formlar: adres ve hesap bilgileri */
.cc-site.woocommerce-account .woocommerce-MyAccount-content > form {
    max-width: 820px;
    padding: clamp(20px, 3vw, 30px);
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-lg);
    background: var(--cc-white);
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content > form > h2,
.cc-site.woocommerce-account .woocommerce-MyAccount-content > form > h3 { margin: 0 0 18px; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content form .form-row { margin: 0 0 16px; padding: 0; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content form label { display: block; margin-bottom: 6px; color: var(--cc-ink); font-size: var(--fs-sm); font-weight: 600; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content form .required { color: var(--cc-accent-ink); text-decoration: none; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content form input.input-text,
.cc-site.woocommerce-account .woocommerce-MyAccount-content form select {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border-color: var(--cc-line-strong);
    border-radius: var(--cc-r-sm);
    font-size: var(--fs-body);
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content form input.input-text:focus,
.cc-site.woocommerce-account .woocommerce-MyAccount-content form select:focus {
    border-color: var(--cc-brand);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(33, 26, 77, .12);
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content form .select2-container .select2-selection--single {
    height: 46px;
    border-color: var(--cc-line-strong);
    border-radius: var(--cc-r-sm);
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content form .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 14px; line-height: 44px; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content form .select2-container .select2-selection--single .select2-selection__arrow { height: 44px; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content form em,
.cc-site.woocommerce-account .woocommerce-MyAccount-content form .description { display: block; margin-top: 6px; color: var(--cc-muted); font-size: var(--fs-caption); font-style: normal; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content form fieldset {
    margin: 8px 0 20px;
    padding: 18px 20px 4px;
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-r-md);
    background: var(--cc-paper);
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content form legend {
    padding: 0 8px;
    margin-left: -8px;
    color: var(--cc-brand);
    font-size: var(--fs-body);
    font-weight: 650;
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content form > p:last-of-type,
.cc-site.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields > p:last-child { margin: 4px 0 0; }
.cc-site.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"] {
    min-height: 48px;
    padding: 0 26px;
    border-radius: var(--cc-r-md);
    font-size: var(--fs-base);
    font-weight: 650;
}
.cc-site.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]:hover { background: var(--cc-brand-soft); }

@media (max-width: 1100px) {
    .cc-site.woocommerce-account.logged-in .cc-shop__content > .woocommerce { grid-template-columns: 228px minmax(0, 1fr); gap: 16px 32px; }
}
@media (max-width: 860px) {
    .cc-site.woocommerce-account.logged-in .cc-shop__content > .woocommerce {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        grid-template-areas: "profile" "nav" "content";
        gap: 12px;
    }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-content { margin-top: 8px; }
    .cc-site .cc-account-profile { padding: 0; border: 0; background: none; }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation {
        margin-inline: calc(var(--cc-gutter) * -1);
        padding: 0 var(--cc-gutter);
        border: 0;
        border-radius: 0;
        background: none;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation::-webkit-scrollbar { display: none; }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation ul { display: flex; gap: 8px; width: max-content; }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation a {
        gap: 8px;
        min-height: 40px;
        padding: 0 14px;
        border: 1px solid var(--cc-line);
        border-radius: var(--cc-r-pill);
        background: var(--cc-white);
        font-size: var(--fs-sm);
        white-space: nowrap;
    }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation a::before { width: 16px; height: 16px; }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation .is-active a { border-color: var(--cc-brand); background: var(--cc-brand); color: var(--cc-white); }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation .is-active a::before { background: var(--cc-white); }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-MyAccount-navigation-link--customer-logout { margin: 0 !important; padding: 0 !important; border: 0 !important; }
}
@media (max-width: 720px) {
    .cc-site .cc-account-hello .cc-btn { width: 100%; }
    .cc-site .cc-account-orders a { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 14px 16px; }
    .cc-site .cc-account-orders .cc-status { grid-column: 2; grid-row: 1; justify-self: end; }
    .cc-site .cc-account-orders__total { grid-column: 2; grid-row: 2; }
    .cc-site .cc-account-orders__id { grid-row: 1 / span 2; }
    .cc-site .cc-account-orders__go { display: none; }
    .cc-site .cc-account-block__head { padding: 16px 16px 12px; }
    .cc-site .cc-account-links { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .cc-site .cc-account-links a { padding: 14px; }

    /* sipariş tablosu → kartlar */
    .cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table,
    .cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table tbody { display: block; border: 0; border-radius: 0; background: none; }
    .cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table thead { display: none; }
    .cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table tbody tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 6px 12px;
        margin: 0 0 10px;
        padding: 16px;
        border: 1px solid var(--cc-line);
        border-radius: var(--cc-r-lg);
        background: var(--cc-white);
    }
    .cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table tbody tr:hover { background: var(--cc-white); }
    .cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table tbody th,
    .cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table tbody td {
        display: block;
        padding: 0;
        border: 0;
        background: none !important;
        text-align: left !important;
    }
    .cc-site.woocommerce-account table.woocommerce-orders-table tbody th::before,
    .cc-site.woocommerce-account table.woocommerce-orders-table tbody td::before { display: none; }
    .cc-site.woocommerce-account .woocommerce-orders-table__cell-order-number { grid-column: 1; grid-row: 1; }
    .cc-site.woocommerce-account .woocommerce-orders-table__cell-order-status { grid-column: 2; grid-row: 1; justify-self: end; }
    .cc-site.woocommerce-account .woocommerce-orders-table__cell-order-date { grid-column: 1; grid-row: 2; font-size: var(--fs-sm); }
    .cc-site.woocommerce-account .woocommerce-orders-table__cell-order-total { grid-column: 2; grid-row: 2; text-align: right !important; }
    .cc-site.woocommerce-account .woocommerce-orders-table__cell-order-total .cc-order-count { display: none; }
    .cc-site.woocommerce-account .cc-shop__content table.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions {
        grid-column: 1 / -1;
        display: flex;
        gap: 8px;
        margin-top: 8px;
        padding-top: 12px;
        border-top: 1px solid var(--cc-line);
    }
    .cc-site.woocommerce-account .cc-shop__content .woocommerce-orders-table__cell-order-actions .button { flex: 1 1 0; min-height: 42px; margin: 0; }

    .cc-site .cc-order-steps li { font-size: var(--fs-caption); }
    .cc-site .cc-order-help .cc-btn { width: 100%; }

    .cc-site.woocommerce-account .cc-shop__content table.order_details thead th,
    .cc-site.woocommerce-account .cc-shop__content table.order_details td,
    .cc-site.woocommerce-account .cc-shop__content table.order_details tfoot th { padding: 12px 14px; }

    .cc-site.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
    .cc-site.woocommerce-account .woocommerce-MyAccount-content form .form-row-last { float: none; width: 100%; }
    .cc-site.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"] { width: 100%; }
}