/*
 Theme Name: CokluCarsi Theme
 Template: storefront
 Description: ÇokluÇarşı - Trendyol Tarzı E-Ticaret
 Version: 2.0
*/

/* ===== RENK PALETİ ===== */
:root {
    --ty-orange: #F27A1A;
    --ty-orange-hover: #E06C10;
    --ty-green: #0BC15C;
    --ty-red: #F01F0E;
    --ty-dark: #191919;
    --ty-text: #333333;
    --ty-gray: #666666;
    --ty-light: #F3F3F3;
    --ty-border: #E0E0E0;
    --ty-bg: #F5F5F5;
    --ty-white: #FFFFFF;
    --ty-star: #F5A623;
    --ty-blue: #194BBA;
    --max-w: 1280px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--ty-bg);
    color: var(--ty-dark);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a { color: var(--ty-dark); text-decoration: none; }

/* ===== STOREFRONT OVERRIDE - FULL RESET ===== */
.col-full { max-width: var(--max-w) !important; margin: 0 auto !important; padding: 0 16px !important; float: none !important; width: 100% !important; }
.site-content { margin: 0 !important; padding: 0 !important; }
.site-content > .col-full { padding: 0 !important; }
#primary, #main { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; }
.page .entry-content, .page .entry-header { padding: 0 !important; margin: 0 !important; }
.hentry { margin: 0 !important; }
/* Storefront breadcrumb wrapper boşluğunu sıfırla */
.storefront-breadcrumb { margin: 0 !important; padding: 0 !important; }
.storefront-breadcrumb .col-full { padding: 0 !important; }
/* Header ile content arası boşluk kaldır */
#content { margin-top: 0 !important; padding-top: 0 !important; }
.site-content > .col-full > #primary { padding-top: 0 !important; }
.site-header .site-branding, .site-header .site-search, .site-header .site-header-cart, .site-header .secondary-navigation { display: none !important; }
.site-header { padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; position: static !important; }
.site-header > .col-full { padding: 0 !important; max-width: 100% !important; }
.main-navigation { display: none !important; }
.woocommerce .content-area, .woocommerce-page .content-area { float: none !important; width: 100% !important; }
.woocommerce .widget-area, .woocommerce-page .widget-area { display: none !important; }
.storefront-full-width-content .content-area, .page-template-template-fullwidth-php .content-area, .page-template-template-fullwidth-php #primary { width: 100% !important; float: none !important; margin: 0 !important; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }

/* ===== CUSTOM HEADER - TRENDYOL ===== */
.cc-header-wrap {
    background: var(--ty-white);
    border-bottom: 1px solid var(--ty-border);
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* ===== KAYAN YAZI ÇUBUĞU ===== */
.cc-topbar {
    background: #1a1a1a;
    overflow: hidden;
    white-space: nowrap;
    padding: 7px 0;
}

.cc-topbar-track {
    display: inline-flex;
    animation: cc-scroll 20s linear infinite;
}

.cc-topbar-track span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .3px;
    padding: 0 40px;
}

@keyframes cc-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.cc-header {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 10px 16px;
    height: 68px;
}

.cc-header-logo a {
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

.cc-header-logo img {
    height: 48px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
}

.cc-header-search {
    flex: 1;
    position: relative;
    max-width: 680px;
    margin: 6px auto 0;
}

.cc-header-search form { display: flex; position: relative; }

.cc-header-search input[type="text"] {
    width: 100%;
    padding: 10px 42px 10px 16px;
    border: 2px solid var(--ty-border);
    border-radius: 6px 0 0 6px;
    font-size: 14px;
    background: var(--ty-light);
    color: var(--ty-dark);
    outline: none;
    transition: border-color .15s;
    border-right: none;
}

.cc-header-search input[type="text"]:focus {
    border-color: var(--ty-orange);
    background: var(--ty-white);
}

.cc-header-search input::placeholder { color: var(--ty-gray); font-size: 14px; }

.cc-header-search button {
    background: var(--ty-orange);
    border: 2px solid var(--ty-orange);
    color: var(--ty-white);
    padding: 0 20px;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background .15s;
}

.cc-header-search button:hover { background: var(--ty-orange-hover); border-color: var(--ty-orange-hover); }
.cc-header-search button svg { pointer-events: none; }

.cc-header-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cc-header-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    color: var(--ty-dark) !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 500;
    transition: color .15s;
    padding: 4px 10px;
    border-radius: 6px;
    position: relative;
}

.cc-header-action:hover { color: var(--ty-orange) !important; background: var(--ty-light); }
.cc-header-action svg { color: var(--ty-dark); }
.cc-header-action:hover svg { color: var(--ty-orange); }

.cc-cart-count {
    position: absolute;
    top: 0;
    right: 4px;
    background: var(--ty-orange);
    color: var(--ty-white) !important;
    font-size: 10px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== NAV BAR ===== */
.cc-nav-wrap {
    background: var(--ty-white);
    border-bottom: 1px solid var(--ty-border);
}

.cc-nav {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.cc-nav::-webkit-scrollbar { display: none; }

.cc-nav a {
    color: var(--ty-dark) !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 16px;
    white-space: nowrap;
    transition: all .15s;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
}

.cc-nav a:hover, .cc-nav a.active {
    color: var(--ty-orange) !important;
    border-bottom-color: var(--ty-orange);
}

/* ===== HOMEPAGE ===== */
.cc-homepage {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 16px;
}

/* Hero Banner */
.cc-hero {
    background: linear-gradient(135deg, #FF6B00 0%, var(--ty-orange) 50%, #FF9A3C 100%);
    border-radius: 12px;
    padding: 36px 32px;
    color: var(--ty-white);
    text-align: center;
    margin: 16px 0;
    position: relative;
    overflow: hidden;
}

.cc-hero::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 250px;
    height: 250px;
    background: rgba(255,255,255,.08);
    border-radius: 50%;
}

.cc-hero-inner { position: relative; z-index: 1; }

.cc-hero-badge {
    display: inline-block;
    background: rgba(255,255,255,.2);
    padding: 4px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 12px;
}

.cc-hero h1 {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 8px;
}

.cc-hero p {
    font-size: 14px;
    opacity: .9;
    margin: 0 0 16px;
}

.cc-hero-btn {
    display: inline-block;
    background: var(--ty-white);
    color: var(--ty-orange) !important;
    padding: 10px 32px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    transition: all .15s;
}

.cc-hero-btn:hover { box-shadow: 0 4px 12px rgba(0,0,0,.15); transform: translateY(-1px); }

/* Kampanya Banner Şerit */
.cc-campaign-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 16px 0;
}

.cc-campaign-card {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    text-decoration: none !important;
    transition: all .15s;
}

.cc-campaign-card:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    border-color: var(--ty-orange);
}

.cc-campaign-card .cc-camp-pct {
    display: block;
    font-size: 32px;
    font-weight: 800;
    color: var(--ty-orange);
    line-height: 1;
}

.cc-campaign-card .cc-camp-txt {
    display: block;
    font-size: 12px;
    color: var(--ty-gray);
    margin-top: 6px;
}

/* Avantaj şerit */
.cc-advantages {
    display: flex;
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
}

.cc-adv-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--ty-dark);
    border-right: 1px solid var(--ty-border);
}

.cc-adv-item:last-child { border-right: none; }
.cc-adv-item svg { color: var(--ty-orange); flex-shrink: 0; }

/* Section */
.cc-section { margin-bottom: 20px; }

.cc-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 0;
}

.cc-section-title {
    font-size: 22px;
    font-weight: 800;
    color: var(--ty-dark);
    margin: 0;
    padding: 0;
}

.cc-see-all {
    font-size: 14px;
    font-weight: 700;
    color: var(--ty-orange) !important;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cc-see-all:hover { color: var(--ty-orange-hover) !important; }

/* Kategori Slider - placeholder, asıl stiller dosya sonunda */
.cc-cat-section {
    margin-bottom: 28px;
}

/* ===== MARKETPLACE MAĞAZALARIMIZ ===== */
.cc-marketplace-strip {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 4px 0;
}

.cc-marketplace-strip::-webkit-scrollbar { display: none; }

.cc-mp-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 14px 16px;
    min-width: 110px;
    flex: 1;
    background: var(--ty-white);
    border: 1.5px solid var(--ty-border);
    border-radius: 12px;
    text-decoration: none !important;
    transition: all 0.2s;
    text-align: center;
}

.cc-mp-card:hover {
    border-color: #ccc;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.cc-mp-logo {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -0.5px;
}

.cc-mp-logo-img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.cc-mp-name {
    font-size: 14px;
    font-weight: 700;
    color: var(--ty-dark);
}

.cc-mp-badge {
    font-size: 10px;
    font-weight: 600;
    color: #2E7D32;
    background: #E8F5E9;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

@media (max-width: 768px) {
    .cc-marketplace-strip { gap: 8px; }
    .cc-mp-card { min-width: 90px; padding: 10px 8px; }
    .cc-mp-logo { width: 44px; height: 44px; font-size: 15px; border-radius: 12px; }
    .cc-mp-logo-img { width: 40px; height: 40px; }
    .cc-mp-name { font-size: 12px; }
}

/* Kategori grid */
.cc-cat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 8px;
}

.cc-cat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 8px;
    border-radius: 8px;
    text-decoration: none !important;
    border: 1px solid var(--ty-border);
    background: var(--ty-white);
    transition: all .15s;
    text-align: center;
}

.cc-cat-card:hover {
    border-color: var(--ty-orange);
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.cc-cat-name {
    font-size: 12px;
    font-weight: 600;
    color: var(--ty-dark);
    line-height: 1.3;
}

.cc-cat-count {
    font-size: 10px;
    color: var(--ty-gray);
    margin-top: 2px;
}

/* ===== ÜRÜN KARTLARI - TRENDYOL TARZI ===== */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    padding: 0;
    margin: 0 !important;
    width: 100% !important;
}

.woocommerce ul.products li.product {
    background: var(--ty-white);
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow .15s ease;
    border: 1px solid #e8e8e8;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    position: relative;
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    border-color: #d0d0d0;
}

/* Ürün görseli - optimize: tam görünür, kırpılmaz */
.woocommerce ul.products li.product a img {
    margin: 0 !important;
    width: 100% !important;
    height: 220px;
    object-fit: contain;
    border-radius: 0;
    display: block;
    padding: 12px !important;
    background: #fff;
    box-sizing: border-box;
}

/* Ürün başlık */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 600;
    color: var(--ty-dark);
    padding: 12px 12px 6px !important;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 44px;
    margin: 0 !important;
}

/* Fiyat alanı */
.woocommerce ul.products li.product .price {
    padding: 2px 12px 10px !important;
    font-size: 15px !important;
    display: block;
}

/* Eski del/ins gizle - yeni custom price gösteriliyor */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price > span:not(.cc-price-wrap):not(.cc-price-tavsiye):not(.cc-price-main):not(.cc-price-havale) {
    /* fallback */
}

/* Özel fiyat gösterimi - Katalog */
.cc-price-wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cc-price-tavsiye {
    font-size: 13px;
    color: #999;
    text-decoration: line-through;
    font-weight: 400;
    line-height: 1.3;
}

.cc-price-main {
    font-size: 20px;
    color: var(--ty-orange);
    font-weight: 800;
    line-height: 1.3;
}

.cc-price-havale {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 12px;
    color: var(--ty-green);
    font-weight: 700;
    background: #E8F5E9;
    padding: 3px 8px;
    border-radius: 4px;
    margin-top: 3px;
    width: fit-content;
    line-height: 1.2;
}

.cc-price-havale svg {
    color: var(--ty-green);
    flex-shrink: 0;
}

/* İndirim badge - sol üst (belirgin) */
.woocommerce span.onsale {
    background: var(--ty-green) !important;
    color: var(--ty-white);
    border-radius: 4px !important;
    font-size: 14px;
    font-weight: 800;
    padding: 6px 12px;
    min-height: auto;
    min-width: auto;
    line-height: 1;
    top: 10px;
    left: 10px;
    right: auto;
    position: absolute;
    z-index: 4;
}

/* Ürün kartı - görsel wrapper (product link, kalp hariç) */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Sepete Ekle - Trendyol: HER ZAMAN GÖRÜNÜR, outlined */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
    background: var(--ty-white) !important;
    color: var(--ty-orange) !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 8px !important;
    width: calc(100% - 24px);
    padding: 11px 8px;
    font-weight: 700;
    font-size: 14px;
    text-transform: none;
    transition: all .15s ease;
    margin: 0 12px 12px !important;
    display: block;
    text-align: center;
    opacity: 1;
    box-sizing: border-box;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover {
    border-color: var(--ty-orange) !important;
    background: var(--ty-orange) !important;
    color: var(--ty-white) !important;
}

/* ===== TEK ÜRÜN SAYFASI - TRENDYOL ===== */
.single-product .site-main {
    max-width: var(--max-w);
    margin: 0 auto !important;
    padding: 8px 16px;
}

.single-product .product {
    background: var(--ty-white);
    border-radius: 8px;
    padding: 24px;
    border: 1px solid var(--ty-border);
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

/* Resim galerisi - sticky */
.single-product .product .woocommerce-product-gallery {
    position: sticky;
    top: 20px;
    align-self: flex-start;
}

/* Summary */
.single-product .product .summary {
    padding: 0;
    flex: 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}

.single-product .product .summary .product_title { order: 1; }
.single-product .product .summary .cc-product-brand { order: 2; }
.single-product .product .summary .cc-single-price { order: 3; }
.single-product .product .summary .cc-product-info { order: 4; }
.single-product .product .summary .stock { display: none !important; }
.single-product .product .summary .yith-add-to-wishlist-button-block,
.single-product .product .summary .yith-wcwl-add-to-wishlist,
.single-product .product .summary [class*="yith-wcwl"],
.single-product .product .summary [class*="yith-add-to-wishlist"] { display: none !important; }
.single-product .product .summary .cart { order: 6; }
.single-product .product .summary .woocommerce-product-details__short-description { order: 5; display: none; }

.single-product .product .summary .product_title {
    font-size: 20px;
    font-weight: 700;
    color: var(--ty-dark);
    margin-bottom: 4px;
    line-height: 1.3;
}

/* Marka linki - başlık altı */
.cc-product-brand {
    margin-bottom: 10px;
}

.cc-product-brand a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #1565C0;
    text-decoration: none;
    transition: color 0.2s;
}

.cc-product-brand a:hover {
    color: var(--ty-orange);
    text-decoration: underline;
}

.cc-product-brand a::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #1565C0;
    border-radius: 50%;
    margin-right: 2px;
}

/* Eski .price ve product_meta gizle */
.single-product .product .summary .price { display: none !important; }
.single-product .product_meta { display: none !important; }

/* =============================================
   TEK ÜRÜN SAYFASI - FIYAT ALANI
   ============================================= */
.cc-single-price {
    margin-bottom: 12px;
}

/* Fiyat Hero - ana fiyat ve havale yan yana */
.cc-price-hero {
    display: flex;
    align-items: stretch;
    gap: 16px;
    margin-bottom: 12px;
}

.cc-price-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cc-price-old {
    font-size: 14px;
    color: var(--ty-gray);
    text-decoration: line-through;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 4px;
}

.cc-price-current {
    font-size: 30px;
    font-weight: 800;
    color: var(--ty-orange);
    line-height: 1.1;
}

.cc-price-havale-hero {
    background: linear-gradient(135deg, #E8F5E9, #F1F8E9);
    border: 2px solid #A5D6A7;
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 160px;
}

.cc-havale-label {
    font-size: 11px;
    color: #2E7D32;
    font-weight: 500;
    margin-bottom: 2px;
}

.cc-havale-amount {
    font-size: 22px;
    font-weight: 800;
    color: #2E7D32;
    line-height: 1.1;
}

.cc-havale-badge {
    display: inline-block;
    background: #2E7D32;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
    margin-top: 4px;
    letter-spacing: .3px;
}

/* ===== SEPETE EKLE - TRENDYOL DÜZENİ ===== */

/* Adet seçici ve stok gizle */
.single-product .product .summary .quantity { display: none !important; }
.single-product .product .summary form.cart .quantity { display: none !important; }
.single-product .product .summary .stock { display: none !important; }

/* Form düzeni: Şimdi Al | Sepete Ekle yan yana tam genişlik */
.single-product .product .summary form.cart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin-top: 0;
}

/* Şimdi Al - outlined (Trendyol sol buton) */
.cc-buy-now-btn {
    flex: 1;
    height: 54px;
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    color: var(--ty-dark);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s;
    text-align: center;
}

.cc-buy-now-btn:hover {
    border-color: var(--ty-orange);
    color: var(--ty-orange);
}

/* Sepete Ekle - filled orange (Trendyol sağ buton) */
.single-product .product .summary .single_add_to_cart_button {
    background: var(--ty-orange) !important;
    border: 2px solid var(--ty-orange) !important;
    border-radius: 8px !important;
    height: 54px;
    font-size: 16px;
    font-weight: 700;
    flex: 1;
    transition: all .15s;
    color: var(--ty-white) !important;
    text-align: center;
    padding: 0 !important;
}

.single-product .product .summary .single_add_to_cart_button:hover {
    background: var(--ty-orange-hover) !important;
    border-color: var(--ty-orange-hover) !important;
}

/* ===== ÜRÜN DETAY - KARGO & TESLİMAT KUTUSU ===== */
.cc-delivery-box {
    margin: 16px 0;
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    overflow: hidden;
}

.cc-delivery-urgency {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: linear-gradient(135deg, #FFF3E0, #FFF8E1);
    border-bottom: 1px solid #FFE0B2;
    font-size: 13px;
    color: #E65100;
}

.cc-delivery-urgency svg { color: #E65100; flex-shrink: 0; }
.cc-delivery-urgency strong { color: #BF360C; }

.cc-delivery-items {
    padding: 4px 0;
}

.cc-delivery-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    transition: background 0.15s;
}

.cc-delivery-item:hover { background: #FAFAFA; }

.cc-delivery-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--ty-gray);
}

.cc-delivery-icon-truck { background: #E3F2FD; color: #1565C0; }
.cc-delivery-icon-truck svg { stroke: #1565C0; }
.cc-delivery-icon-free { background: #E8F5E9; color: #2E7D32; }
.cc-delivery-icon-free svg { stroke: #2E7D32; }
.cc-delivery-icon-fast { background: #FFF3E0; color: #E65100; }
.cc-delivery-icon-fast svg { stroke: #E65100; }

.cc-delivery-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.cc-delivery-text strong {
    font-size: 13px;
    font-weight: 600;
    color: var(--ty-dark);
}

.cc-delivery-text span {
    font-size: 11.5px;
    color: var(--ty-gray);
    line-height: 1.3;
}

.cc-delivery-free .cc-delivery-text strong { color: #2E7D32; }
.cc-text-green { color: #2E7D32 !important; }

/* ===== GÜVEN KUTULARI ===== */
.cc-trust-box {
    margin: 12px 0 16px;
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    padding: 14px;
}

.cc-trust-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.cc-trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #555;
}

.cc-trust-item svg { flex-shrink: 0; }
.cc-trust-item strong { color: var(--ty-dark); }

/* ===== FİYAT KARŞILAŞTIRMA TABLOSU ===== */
.cc-compare-table {
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 16px;
}

.cc-compare-title {
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ty-dark);
    background: #FAFAFA;
    border-bottom: 1px solid var(--ty-border);
}

.cc-compare-rows {
    padding: 4px 0;
}

.cc-compare-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    font-size: 13px;
    color: var(--ty-gray);
}

.cc-compare-old {
    text-decoration: line-through;
    color: var(--ty-gray);
}

.cc-compare-ours {
    background: #FFF3E0;
}

.cc-compare-ours span:first-child { color: var(--ty-orange); font-weight: 700; }
.cc-compare-price { color: var(--ty-orange); font-weight: 700; }

.cc-compare-havale {
    background: #E8F5E9;
}

.cc-compare-badge {
    display: inline-block;
    background: #2E7D32;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 3px;
    vertical-align: middle;
    letter-spacing: .3px;
}

.cc-compare-price-bold {
    font-size: 16px;
    font-weight: 800;
    color: #2E7D32;
}

.cc-compare-saving {
    border-top: 1px dashed var(--ty-border);
    background: #FFFDE7;
}

.cc-compare-saving span:last-child {
    color: #F57F17;
    font-weight: 700;
}

.cc-compare-link {
    display: block;
    text-align: center;
    padding: 8px;
    font-size: 11px;
    color: var(--ty-gray);
    text-decoration: none;
    border-top: 1px solid var(--ty-border);
    transition: color 0.15s;
}

.cc-compare-link:hover { color: var(--ty-orange); }

/* Tabs */
.woocommerce-tabs {
    background: var(--ty-white);
    border-radius: 8px;
    margin-top: 16px !important;
    border: 1px solid var(--ty-border);
    overflow: hidden;
    width: 100%;
}

.woocommerce-tabs ul.tabs { background: var(--ty-light) !important; border: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; }
.woocommerce-tabs ul.tabs li { background: transparent !important; border: none !important; margin: 0 !important; border-radius: 0 !important; flex: 1; text-align: center; }
.woocommerce-tabs ul.tabs li a { color: var(--ty-gray) !important; font-weight: 600; font-size: 13px; padding: 12px 16px !important; display: block; border-bottom: 2px solid transparent; }
.woocommerce-tabs ul.tabs li.active a { color: var(--ty-orange) !important; border-bottom-color: var(--ty-orange); background: var(--ty-white); }
.woocommerce-tabs .panel { padding: 20px !important; border: none !important; }

/* İlgili ürünler */
.related.products, .up-sells {
    max-width: var(--max-w);
    margin: 16px auto !important;
    padding: 0 16px;
}

.related.products > h2, .up-sells > h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* Breadcrumb */
/* Breadcrumb - Trendyol tarzı */
.woocommerce-breadcrumb {
    font-size: 13px;
    color: #333;
    padding: 12px 16px;
    margin: 0 auto !important;
    max-width: var(--max-w);
    box-sizing: border-box;
    line-height: 1.5;
    font-weight: 500;
}
.woocommerce-breadcrumb a {
    color: #999;
    text-decoration: none;
    font-weight: 400;
    transition: color .15s;
}
.woocommerce-breadcrumb a:hover {
    color: var(--ty-orange);
    text-decoration: none;
}
/* Breadcrumb separator stili */
.woocommerce-breadcrumb .breadcrumb-sep {
    color: #bbb;
    font-size: 13px;
    margin: 0 2px;
}
/* Storefront ev ikonu kaldır */
.woocommerce-breadcrumb a:first-child::before {
    display: none !important;
}

/* ===== ADIM GÖSTERGESİ (CART & CHECKOUT) ===== */
.cc-checkout-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 20px 0 24px;
    max-width: 480px;
    margin: 0 auto;
}
.cc-step {
    display: flex;
    align-items: center;
    gap: 8px;
}
.cc-step-num {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    background: var(--ty-border);
    color: #999;
    flex-shrink: 0;
}
.cc-step-text {
    font-size: 13px;
    font-weight: 600;
    color: #999;
    white-space: nowrap;
}
.cc-step-active .cc-step-num {
    background: var(--ty-orange);
    color: #fff;
}
.cc-step-active .cc-step-text {
    color: var(--ty-dark);
}
.cc-step-done .cc-step-num {
    background: #0BC15C;
    color: #fff;
    font-size: 16px;
}
.cc-step-done .cc-step-text {
    color: #0BC15C;
}
.cc-step-line {
    flex: 1;
    height: 2px;
    background: var(--ty-border);
    margin: 0 12px;
    min-width: 40px;
}

/* ===== SEPET & CHECKOUT GENEL ===== */
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main {
    max-width: var(--max-w);
    margin: 0 auto !important;
    padding: 8px 16px;
}

/* Sepet sayfası başlık (Sepet h1) ve breadcrumb gizle */
.woocommerce-cart .entry-header,
.woocommerce-cart .storefront-breadcrumb,
.woocommerce-cart .page-title,
.woocommerce-cart .entry-title {
    display: none !important;
}

/* WooCommerce Cart Block - boş sepet varsayılan stil override */
.wp-block-woocommerce-empty-cart-block .with-empty-cart-icon {
    display: none !important;
}
.wp-block-woocommerce-empty-cart-block .is-style-dots {
    display: none !important;
}

/* Boş sepet - Trendyol tarzı yatay kart */
.cc-empty-cart {
    display: flex;
    align-items: center;
    gap: 24px;
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    padding: 32px 40px;
    margin: 16px 0 32px;
}

.cc-empty-cart-icon {
    flex-shrink: 0;
}

.cc-empty-cart-icon svg {
    display: block;
}

.cc-empty-cart-text {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    color: var(--ty-dark);
}

.cc-empty-cart-action {
    flex-shrink: 0;
}

.cc-empty-cart-btn {
    display: inline-block;
    background: var(--ty-orange) !important;
    color: var(--ty-white) !important;
    border: 2px solid var(--ty-orange);
    border-radius: 8px;
    padding: 14px 40px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .15s;
    white-space: nowrap;
}

.cc-empty-cart-btn:hover {
    background: var(--ty-orange-hover) !important;
    border-color: var(--ty-orange-hover);
}

/* Eski WC boş sepet elementlerini gizle (template override kullanıyoruz) */
.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop {
    display: none !important;
}

/* "En Çok Satanlar" tab başlığı */
.woocommerce-cart .cross-sells > h2,
.woocommerce-cart .storefront-product-section > h2,
.woocommerce-cart section > h2,
.cc-cart-section-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--ty-orange) !important;
    padding: 0 0 12px !important;
    margin-bottom: 20px !important;
    border-bottom: 3px solid var(--ty-orange);
    display: inline-block;
}

/* Sepet sayfasındaki ürün kartları - ana kartlarla aynı stil */
.woocommerce-cart ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
}

.woocommerce-cart ul.products li.product {
    margin: 0 !important;
    width: 100% !important;
}

/* Sepet sayfası İNDİRİM badge'i -> %X formatı override */
.woocommerce-cart span.onsale {
    background: var(--ty-green) !important;
    color: var(--ty-white) !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 4px 8px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
    top: 8px !important;
    left: 8px !important;
    right: auto !important;
    position: absolute !important;
    z-index: 3 !important;
}

/* Storefront section title */
.storefront-product-section .section-title,
.storefront-product-section > h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--ty-dark) !important;
    text-align: left !important;
    margin-bottom: 16px !important;
}

/* Sepet sayfası - En Çok Satanlar tab wrapper */
.woocommerce-cart .storefront-product-section {
    border-top: 1px solid var(--ty-border);
    padding-top: 0;
}

.woocommerce-cart .storefront-product-section > h2 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--ty-orange) !important;
    text-align: left !important;
    padding: 14px 0 12px !important;
    margin-bottom: 20px !important;
    border-bottom: 3px solid var(--ty-orange) !important;
    display: inline-block !important;
}

/* ===== MARKAYA GÖRE ALIŞVERİŞ - SADECE YAZI ===== */
.storefront-woocommerce-brands {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 24px 16px;
}

.storefront-woocommerce-brands .section-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--ty-dark) !important;
    margin-bottom: 16px !important;
}

.storefront-woocommerce-brands ul.brand-thumbnails {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.storefront-woocommerce-brands ul.brand-thumbnails li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Marka resimlerini gizle */
.storefront-woocommerce-brands ul.brand-thumbnails li img {
    display: none !important;
}

/* Marka linklerini chip/tag stilinde göster */
.storefront-woocommerce-brands ul.brand-thumbnails li a {
    display: inline-block !important;
    background: var(--ty-white) !important;
    border: 1px solid var(--ty-border) !important;
    border-radius: 20px !important;
    padding: 8px 18px !important;
    font-size: 0 !important;
    color: var(--ty-dark) !important;
    text-decoration: none !important;
    transition: all .15s !important;
    white-space: nowrap !important;
}

/* title attr'dan marka ismini yazı olarak göster */
.storefront-woocommerce-brands ul.brand-thumbnails li a::after {
    content: attr(title);
    font-size: 13px;
    font-weight: 500;
    color: var(--ty-dark);
}

.storefront-woocommerce-brands ul.brand-thumbnails li a:hover {
    border-color: var(--ty-orange) !important;
    background: #FFF5EB !important;
}

.storefront-woocommerce-brands ul.brand-thumbnails li a:hover::after {
    color: var(--ty-orange);
}

/* Storefront product section grid */
.storefront-product-section ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
}

.storefront-product-section ul.products li.product {
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
}

/* ===== SEPET SAYFASI - TRENDYOL TARZI ===== */

/* Sepet 2 sütunlu layout */
.woocommerce-cart .woocommerce {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 24px;
    align-items: start;
}

.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce > form {
    grid-column: 1;
}

.woocommerce-cart .cart-collaterals {
    grid-column: 2;
    grid-row: 1 / span 3;
    position: sticky;
    top: 20px;
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    padding: 0;
    margin-top: 0;
    float: none !important;
    width: 100% !important;
    clear: none !important;
}

/* Storefront float override */
.woocommerce-cart .cart-collaterals .cart_totals {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
}

.woocommerce-cart .cart-collaterals .cross-sells {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
}

/* Sepet başlığı */
.woocommerce-cart form.woocommerce-cart-form::before {
    content: 'Sepetim';
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: var(--ty-dark);
    margin-bottom: 16px;
}

/* Sepet tablosu */
.woocommerce-cart table.cart {
    background: var(--ty-white);
    border-radius: 12px;
    border: 1px solid var(--ty-border);
    overflow: hidden;
}

.woocommerce-cart table.cart th {
    background: var(--ty-light);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--ty-gray);
    padding: 12px 16px;
    border-bottom: 1px solid var(--ty-border);
}

.woocommerce-cart table.cart td {
    padding: 16px;
    vertical-align: middle;
    border-color: var(--ty-border);
}

/* Ürün görseli */
.woocommerce-cart table.cart .product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid var(--ty-border);
}

/* Ürün adı */
.woocommerce-cart table.cart .product-name a {
    color: var(--ty-dark);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}

.woocommerce-cart table.cart .product-name a:hover {
    color: var(--ty-orange);
}

/* Fiyat */
.woocommerce-cart table.cart .product-price .amount,
.woocommerce-cart table.cart .product-subtotal .amount {
    font-weight: 700;
    color: var(--ty-dark);
    font-size: 15px;
}

/* Miktar kontrolü: +/- butonlu Trendyol tarzı */
.woocommerce-cart table.cart .quantity {
    display: flex;
    align-items: center;
    gap: 0;
    border: 1.5px solid var(--ty-border);
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
}
.woocommerce-cart table.cart .quantity .qty {
    width: 40px;
    text-align: center;
    border: none;
    border-left: 1.5px solid var(--ty-border);
    border-right: 1.5px solid var(--ty-border);
    border-radius: 0;
    padding: 8px 4px;
    font-size: 14px;
    font-weight: 700;
    -moz-appearance: textfield;
    background: var(--ty-white);
}
.woocommerce-cart table.cart .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart table.cart .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cc-qty-minus, .cc-qty-plus {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--ty-white);
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    color: var(--ty-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
    line-height: 1;
}
.cc-qty-minus:hover, .cc-qty-plus:hover {
    background: #FFF3E8;
}
.cc-qty-minus:active, .cc-qty-plus:active {
    background: #FFE0C0;
}

/* Sil butonu */
.woocommerce-cart table.cart .product-remove a.remove {
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 50%;
    background: #FFF0F0;
    color: #E53935 !important;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    transition: all 0.15s;
}

.woocommerce-cart table.cart .product-remove a.remove:hover {
    background: #E53935;
    color: white !important;
}

/* Kupon ve güncelle satırı */
.woocommerce-cart table.cart td.actions {
    padding: 16px;
    background: var(--ty-light);
}

.woocommerce-cart table.cart .coupon {
    display: flex;
    gap: 8px;
    align-items: center;
}

.woocommerce-cart table.cart .coupon input.input-text {
    border: 1.5px solid var(--ty-border);
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    max-width: 200px;
}

.woocommerce-cart table.cart .coupon .button {
    padding: 10px 16px !important;
    font-size: 13px !important;
    border-radius: 8px;
    white-space: nowrap;
}
/* Kupon label - Trendyol "İndirim Kodu" tarzı */
.woocommerce-cart table.cart .coupon::before {
    content: '🏷️';
    font-size: 16px;
    flex-shrink: 0;
}

/* Sepet Özeti (sağ sütun) */
.woocommerce-cart .cart_totals::before {
    content: 'Sepet Özeti';
    display: block;
    padding: 18px 20px;
    font-size: 17px;
    font-weight: 700;
    color: var(--ty-dark);
    background: var(--ty-light);
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid var(--ty-border);
}

.woocommerce-cart .cart_totals h2 {
    display: none;
}

.woocommerce-cart .cart_totals table {
    margin: 0;
    border: none;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    padding: 14px 20px;
    border-color: var(--ty-border);
    font-size: 14px;
}

.woocommerce-cart .cart_totals table th {
    color: #666;
    font-weight: 500;
    background: transparent;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
    font-size: 18px;
    font-weight: 800;
    color: var(--ty-orange);
    border-top: 2px solid var(--ty-border);
}

.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
    padding: 16px 20px;
}

.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button {
    display: block;
    background: var(--ty-orange) !important;
    color: var(--ty-white) !important;
    border: none;
    border-radius: 10px;
    padding: 16px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: all .15s;
}

.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
    background: var(--ty-orange-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(242,122,26,0.3);
}

/* Sepeti Onayla: buton metni override */
.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button {
    font-size: 0;
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button::after {
    content: 'Sepeti Onayla';
    font-size: 16px;
}

/* Sepet özeti altı rozetler */
.cc-cart-badges {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid var(--ty-border);
}
.cc-cart-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
    color: #555;
}
.cc-cart-badge.cc-badge-shipping {
    background: #E8F5E9;
    border-radius: 8px;
    padding: 10px 12px;
    font-weight: 600;
    color: #2E7D32;
}

/* Güncelle butonu gizle (otomatik güncelleme var) */
.woocommerce-cart table.cart td.actions button[name="update_cart"] {
    display: none !important;
}

/* Genel butonlar */
.woocommerce .cart .button,
.woocommerce .checkout .button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt {
    background: var(--ty-orange) !important;
    border-radius: 8px;
    font-weight: 700;
    border: none;
    transition: all .15s;
    padding: 12px 24px;
    color: var(--ty-white) !important;
}

.woocommerce .cart .button:hover,
.woocommerce .checkout .button:hover,
.woocommerce button.button.alt:hover {
    background: var(--ty-orange-hover) !important;
}

/* Checkout ürün görseli */
.cc-checkout-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cc-checkout-thumb {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 6px;
    border: 1px solid var(--ty-border);
    flex-shrink: 0;
}

.cc-checkout-item span {
    font-size: 13px;
    line-height: 1.4;
}

/* Sepet mobil */
@media (max-width: 768px) {
    .cc-checkout-steps {
        padding: 14px 8px 18px;
        gap: 0;
    }
    .cc-step-text { font-size: 11px; }
    .cc-step-num { width: 26px; height: 26px; font-size: 12px; }
    .cc-step-line { min-width: 20px; margin: 0 6px; }
    .woocommerce-cart .woocommerce {
        grid-template-columns: 1fr;
    }
    .woocommerce-cart .cart-collaterals {
        grid-column: 1;
        grid-row: auto;
        position: static;
    }
    .woocommerce-cart table.cart .product-thumbnail img {
        width: 60px;
        height: 60px;
    }
    .cc-qty-minus, .cc-qty-plus { width: 32px; height: 32px; font-size: 16px; }
    .woocommerce-cart table.cart .quantity .qty { width: 36px; font-size: 13px; padding: 6px 2px; }
}

/* ===== FAVORİLERİM (WISHLIST) - TRENDYOL TARZI ===== */
.woocommerce-wishlist .site-main {
    max-width: var(--max-w);
    margin: 0 auto !important;
    padding: 8px 16px;
}

.woocommerce-wishlist .entry-header {
    margin-bottom: 16px !important;
}
.woocommerce-wishlist .entry-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--ty-dark) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wishlist başlık gizle (YITH default) */
.yith-wcwl-form .wishlist-title-container {
    display: none !important;
}

/* Boş favoriler - Trendyol tarzı yatay kart */
.yith-wcwl-form .wishlist-empty {
    display: block !important;
    text-align: left !important;
    padding: 0 !important;
    border: none !important;
}

.yith-wcwl-form table.wishlist_table {
    border: none !important;
    background: transparent !important;
}

.yith-wcwl-form .wishlist-items-wrapper {
    display: block;
}

.yith-wcwl-form .wishlist-items-wrapper tr {
    display: block;
}

.yith-wcwl-form td.wishlist-empty {
    background: var(--ty-white);
    border: 1px solid var(--ty-border) !important;
    border-radius: 8px;
    padding: 32px 40px !important;
    font-size: 16px;
    font-weight: 600;
    color: var(--ty-dark);
    display: flex !important;
    align-items: center;
    gap: 24px;
    margin: 16px 0;
}

.yith-wcwl-form td.wishlist-empty::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

/* Wishlist footer gizle */
.yith_wcwl_wishlist_footer {
    display: none !important;
}

/* Dolu favoriler - ürün kartları */
.yith-wcwl-form table.wishlist_table tbody tr:not(.wishlist-empty) {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    margin-bottom: 8px;
}

.yith-wcwl-form table.wishlist_table thead {
    display: none;
}

/* ===== CHECKOUT - TRENDYOL TARZI ===== */

/* Breadcrumb ve başlık gizle */
.woocommerce-checkout .entry-header,
.woocommerce-checkout .storefront-breadcrumb,
.woocommerce-checkout .page-title,
.woocommerce-checkout .entry-title {
    display: none !important;
}

/* CSS Grid 2 sütunlu layout - Storefront float override */
.woocommerce-checkout form.checkout {
    display: grid !important;
    grid-template-columns: 1fr 380px !important;
    gap: 24px !important;
    align-items: start !important;
    position: static !important;
}

.woocommerce-checkout form.checkout::before,
.woocommerce-checkout form.checkout::after {
    display: none !important;
}

/* Sol sütun: fatura bilgileri */
.woocommerce-checkout .col2-set,
.woocommerce-checkout .col2-set#customer_details {
    grid-column: 1 !important;
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
}

/* Sağ sütun: sipariş özeti + ödeme + buton */
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
    grid-column: 2 !important;
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
    clear: none !important;
}

.woocommerce-checkout #order_review {
    grid-row: 1 / span 5;
    position: sticky;
    top: 20px;
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    padding: 0;
}

/* h3 başlıkları sol sütuna */
.woocommerce-checkout form.checkout > h3 {
    grid-column: 1;
    display: none;
}
.woocommerce-checkout #order_review_heading {
    display: none !important;
}

/* Kupon toggle sol sütuna */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .checkout_coupon {
    grid-column: 1;
}

/* wc-order-attribution gizle */
.woocommerce-checkout form.checkout > wc-order-attribution-inputs {
    display: none;
}

/* Checkout bölüm kartları */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
    float: none !important;
    width: 100% !important;
    margin: 0 0 20px 0;
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    padding: 24px;
}

.woocommerce-checkout .col2-set .col-2 {
    margin-bottom: 0;
}

/* Bölüm başlıkları */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
    font-size: 17px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 0 0 20px 0;
    padding: 0 0 14px 0;
    border-bottom: 2px solid var(--ty-orange);
    display: flex;
    align-items: center;
    gap: 8px;
}
.woocommerce-checkout .woocommerce-billing-fields h3::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F27A1A' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") no-repeat center;
    flex-shrink: 0;
}

/* Form inputları */
.woocommerce-checkout .form-row {
    margin-bottom: 14px;
}

.woocommerce-checkout .form-row label {
    font-size: 13px;
    font-weight: 600;
    color: var(--ty-dark);
    margin-bottom: 6px;
    display: block;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    transition: border-color .15s, box-shadow .15s;
    width: 100%;
    background: #FAFAFA;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: var(--ty-orange);
    box-shadow: 0 0 0 3px rgba(242,122,26,.1);
    outline: none;
    background: var(--ty-white);
}

/* Ad Soyad yanyana */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
    margin-bottom: 0;
}

.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
    flex: 1;
    min-width: calc(50% - 6px);
}

.woocommerce-checkout .form-row-wide {
    flex: 0 0 100%;
}

/* Sipariş Özeti - sağ sütun içi */
.woocommerce-checkout #order_review::before {
    content: 'Sipariş Özeti';
    display: block;
    padding: 18px 20px;
    font-size: 17px;
    font-weight: 700;
    color: var(--ty-dark);
    background: var(--ty-light);
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid var(--ty-border);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table {
    border: none !important;
    margin: 0;
    width: 100%;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
    display: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table td,
.woocommerce-checkout .woocommerce-checkout-review-order-table th {
    padding: 14px 20px;
    border-color: var(--ty-border) !important;
    font-size: 14px;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name {
    font-size: 13px;
    color: var(--ty-dark);
    font-weight: 500;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-total {
    font-weight: 700;
    color: var(--ty-dark);
    text-align: right;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
    font-size: 18px;
    font-weight: 800;
    color: var(--ty-orange);
    padding: 18px 20px;
    border-top: 2px solid var(--ty-border) !important;
}

/* Ödeme yöntemi - sağ sütunda */
.woocommerce-checkout #payment {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 16px 20px;
    border-top: 1px solid var(--ty-border);
}

.woocommerce-checkout #payment .payment_methods {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
    border: none !important;
}

.woocommerce-checkout #payment .payment_methods li {
    border: 1.5px solid var(--ty-border);
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 8px;
    transition: border-color 0.15s;
}

.woocommerce-checkout #payment .payment_methods li:has(input:checked) {
    border-color: var(--ty-orange);
    background: #FFF8F2;
}

.woocommerce-checkout #payment .payment_methods li label {
    font-size: 14px;
    font-weight: 700;
    color: var(--ty-dark);
    cursor: pointer;
}

.woocommerce-checkout #payment .payment_box {
    background: transparent !important;
    color: #666;
    font-size: 12px;
    padding: 8px 0 0 24px;
}

.woocommerce-checkout #payment .payment_box::before {
    display: none;
}

/* Sipariş Onayla butonu */
.woocommerce-checkout #place_order {
    background: var(--ty-orange) !important;
    color: var(--ty-white) !important;
    border: none !important;
    border-radius: 10px;
    padding: 16px;
    font-size: 16px;
    font-weight: 800;
    width: 100%;
    cursor: pointer;
    transition: all .15s;
    letter-spacing: 0.3px;
}

.woocommerce-checkout #place_order:hover {
    background: var(--ty-orange-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(242,122,26,0.3);
}

/* Yasal metin */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    font-size: 11px;
    color: #888;
    padding: 8px 0 0;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
    color: var(--ty-orange);
}

/* Kupon - Trendyol tarzı */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ty-dark);
    margin: 0 0 16px;
    cursor: pointer;
    transition: border-color .15s;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info:hover {
    border-color: var(--ty-orange);
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
    color: var(--ty-orange);
    font-size: 16px;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
    color: var(--ty-orange);
    font-weight: 700;
    text-decoration: none;
}

/* Kupon formu */
.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon {
    background: var(--ty-white);
    border: 1px solid var(--ty-border) !important;
    border-radius: 12px;
    padding: 20px !important;
    margin-bottom: 16px !important;
}
.woocommerce-checkout .checkout_coupon p:first-child {
    font-size: 13px;
    color: #666;
    margin-bottom: 12px;
}
.woocommerce-checkout .checkout_coupon .form-row-first {
    float: none !important;
    width: 100% !important;
    margin-bottom: 10px;
}
.woocommerce-checkout .checkout_coupon .form-row-last {
    float: none !important;
    width: 100% !important;
}
.woocommerce-checkout .checkout_coupon .button {
    width: 100%;
    text-align: center;
}

/* Güven rozetleri */
.cc-checkout-trust {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding: 14px 20px;
    border-top: 1px solid var(--ty-border);
}

.cc-checkout-trust-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: #666;
}

/* Havale bilgi kutusu */
.woocommerce-checkout .woocommerce-info {
    background: #FFF8F2;
    border: 1px solid var(--ty-orange);
    border-radius: 10px;
    color: var(--ty-dark);
    font-size: 13px;
    padding: 14px 18px;
    margin-bottom: 16px;
}

.woocommerce-checkout .woocommerce-info::before {
    color: var(--ty-orange);
}

/* Checkout mobil */
@media (max-width: 768px) {
    /* Ana sayfa padding */
    .woocommerce-checkout .site-main {
        padding: 4px 10px 100px;
    }

    /* Tek sütun layout */
    .woocommerce-checkout form.checkout {
        display: block !important;
    }

    /* Tüm grid-column override - hepsi tek sütun */
    .woocommerce-checkout .col2-set,
    .woocommerce-checkout .col2-set#customer_details {
        grid-column: 1 !important;
        width: 100% !important;
    }

    .woocommerce-checkout #order_review,
    .woocommerce-checkout #order_review_heading {
        grid-column: 1 !important;
        width: 100% !important;
    }

    .woocommerce-checkout .woocommerce-form-coupon-toggle,
    .woocommerce-checkout .checkout_coupon {
        grid-column: 1 !important;
    }

    /* Sipariş özeti - altına al, sticky kaldır */
    .woocommerce-checkout #order_review {
        grid-row: auto !important;
        position: static !important;
        border-radius: 10px;
        margin-top: 12px;
    }

    /* Sipariş Özeti başlık mobil */
    .woocommerce-checkout #order_review::before {
        padding: 14px 16px;
        font-size: 15px;
        border-radius: 10px 10px 0 0;
    }

    /* Sipariş tablosu hücre padding */
    .woocommerce-checkout .woocommerce-checkout-review-order-table td,
    .woocommerce-checkout .woocommerce-checkout-review-order-table th {
        padding: 10px 14px;
        font-size: 13px;
    }

    .woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
    .woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
        font-size: 16px;
        padding: 14px;
    }

    /* Checkout ürün görseli mobil küçült */
    .cc-checkout-thumb {
        width: 40px;
        height: 40px;
    }
    .cc-checkout-item span {
        font-size: 12px;
    }

    /* Sipariş özeti tablo - ürün adı kırılmasını düzelt */
    .woocommerce-checkout .woocommerce-checkout-review-order-table .product-name {
        word-break: normal !important;
        overflow-wrap: anywhere;
        min-width: 0;
    }
    .woocommerce-checkout .woocommerce-checkout-review-order-table {
        table-layout: auto !important;
    }

    /* Fatura bölüm kartları - daha dar padding */
    .woocommerce-checkout .col2-set .col-1,
    .woocommerce-checkout .col2-set .col-2 {
        padding: 14px;
        border-radius: 10px;
        margin-bottom: 12px;
    }

    /* Form alanları flex wrap - hepsi full width */
    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        flex: 0 0 100%;
        min-width: 100%;
    }

    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
        gap: 8px;
    }

    /* Bölüm başlıkları */
    .woocommerce-checkout .woocommerce-billing-fields h3,
    .woocommerce-checkout .woocommerce-additional-fields h3,
    .woocommerce-checkout .woocommerce-shipping-fields h3 {
        font-size: 14px;
        margin: 0 0 14px;
        padding: 0 0 10px;
    }

    .woocommerce-checkout .woocommerce-billing-fields h3::before {
        width: 16px;
        height: 16px;
    }

    /* Form label ve input */
    .woocommerce-checkout .form-row {
        margin-bottom: 10px;
    }
    .woocommerce-checkout .form-row label {
        font-size: 12px;
        margin-bottom: 4px;
    }
    .woocommerce form .form-row input.input-text,
    .woocommerce form .form-row textarea,
    .woocommerce form .form-row select {
        padding: 10px 12px;
        font-size: 14px;
        border-radius: 8px;
    }

    /* Ödeme yöntemi mobil */
    .woocommerce-checkout #payment {
        padding: 12px 14px;
    }
    .woocommerce-checkout #payment .payment_methods li {
        padding: 12px;
        border-radius: 8px;
    }
    .woocommerce-checkout #payment .payment_methods li label {
        font-size: 13px;
    }
    .woocommerce-checkout #payment .payment_box {
        font-size: 11px;
        padding: 6px 0 0 20px;
    }

    /* Sipariş onayla butonu - büyük ve belirgin */
    .woocommerce-checkout #place_order {
        font-size: 15px;
        padding: 14px;
        border-radius: 10px;
        letter-spacing: 0.2px;
    }

    /* Yasal metin mobil */
    .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
        font-size: 10px;
        padding: 6px 0 0;
    }

    /* Güven rozetleri - yatay scroll yerine compact */
    .cc-checkout-trust {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        padding: 10px 12px;
    }
    .cc-checkout-trust-item {
        font-size: 10px;
        gap: 3px;
    }
    .cc-checkout-trust-item svg {
        width: 12px;
        height: 12px;
    }

    /* Kupon toggle mobil */
    .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
        padding: 12px 14px;
        font-size: 13px;
        border-radius: 10px;
        margin-bottom: 12px;
    }

    /* Kupon formu mobil */
    .woocommerce-checkout .checkout_coupon.woocommerce-form-coupon {
        padding: 14px !important;
        border-radius: 10px;
        margin-bottom: 12px !important;
    }
    .woocommerce-checkout .checkout_coupon p:first-child {
        font-size: 12px;
        margin-bottom: 8px;
    }

    /* Havale bilgi kutusu mobil */
    .woocommerce-checkout .woocommerce-info {
        padding: 10px 14px;
        font-size: 12px;
        border-radius: 8px;
        margin-bottom: 12px;
    }

    /* Select2 dropdown fix (ülke/şehir) */
    .woocommerce-checkout .select2-container {
        width: 100% !important;
    }
    .woocommerce-checkout .select2-container .select2-selection--single {
        height: 42px;
        border: 1.5px solid #e0e0e0;
        border-radius: 8px;
    }
    .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 42px;
        padding-left: 12px;
        font-size: 14px;
    }
    .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow {
        height: 42px;
    }
}

/* ===== SİPARİŞ ONAY SAYFASI - TRENDYOL TARZI ===== */

.woocommerce-order-received .site-main {
    max-width: 800px;
    margin: 0 auto !important;
    padding: 16px 16px 40px;
}

.woocommerce-order-received .entry-header,
.woocommerce-order-received .entry-title,
.woocommerce-order-received .storefront-breadcrumb,
.woocommerce-order-received .page-title {
    display: none !important;
}

/* Başarı mesajı */
.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received {
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
    border: 1px solid #A5D6A7;
    border-radius: 14px;
    padding: 28px 32px;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: #2E7D32;
    margin-bottom: 24px;
    position: relative;
}

.woocommerce-order-received .woocommerce-notice--success::before,
.woocommerce-order-received .woocommerce-thankyou-order-received::before {
    content: '✓';
    display: block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    background: #2E7D32;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin: 0 auto 14px;
}

/* Sipariş özet bilgiler (sipariş no, tarih, email vb.) */
.woocommerce-order-received .woocommerce-order-overview {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0;
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    overflow: hidden;
}

.woocommerce-order-received .woocommerce-order-overview li {
    padding: 18px 20px;
    border-bottom: 1px solid var(--ty-border);
    border-right: 1px solid var(--ty-border);
}

.woocommerce-order-received .woocommerce-order-overview li:last-child {
    border-right: none;
}

.woocommerce-order-received .woocommerce-order-overview li mark {
    background: none;
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: var(--ty-dark);
    margin-top: 4px;
}

/* Havale bilgi mesajı */
.woocommerce-order-received .woocommerce-bacs-bank-details,
.woocommerce-order-received section.woocommerce-bacs-bank-details {
    background: #FFF8F2;
    border: 1px solid var(--ty-orange);
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 24px;
}

.woocommerce-order-received .wc-bacs-bank-details-heading {
    font-size: 16px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 0 0 12px;
}

.woocommerce-order-received .wc-bacs-bank-details {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-order-received .wc-bacs-bank-details li {
    padding: 8px 0;
    border-bottom: 1px solid rgba(242,122,26,0.15);
    font-size: 14px;
}

.woocommerce-order-received .wc-bacs-bank-details li:last-child {
    border-bottom: none;
}

.woocommerce-order-received .wc-bacs-bank-details-account-name {
    font-weight: 700;
}

/* Genel bilgi mesajları */
.woocommerce-order-received .woocommerce-info,
.woocommerce-order-received p:not(:empty) {
    font-size: 14px;
    line-height: 1.7;
    color: #555;
}

/* Sipariş detayları başlığı */
.woocommerce-order-received .woocommerce-order-details h2,
.woocommerce-order-received h2.woocommerce-order-details__title {
    font-size: 18px;
    font-weight: 800;
    color: var(--ty-dark);
    margin: 0 0 16px;
    padding: 0 0 12px;
    border-bottom: 2px solid var(--ty-orange);
}

/* Sipariş detay tablosu */
.woocommerce-order-received .woocommerce-table--order-details {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
    width: 100%;
}

.woocommerce-order-received .woocommerce-table--order-details thead th {
    background: var(--ty-light);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--ty-gray);
    padding: 12px 20px;
    border-bottom: 1px solid var(--ty-border);
}

.woocommerce-order-received .woocommerce-table--order-details td {
    padding: 14px 20px;
    font-size: 14px;
    border-color: var(--ty-border);
    vertical-align: middle;
}

.woocommerce-order-received .woocommerce-table--order-details .product-name a {
    color: var(--ty-dark);
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-order-received .woocommerce-table--order-details .product-name a:hover {
    color: var(--ty-orange);
}

.woocommerce-order-received .woocommerce-table--order-details tfoot th {
    font-weight: 600;
    color: #666;
    padding: 14px 20px;
    background: transparent;
    text-align: left;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot td {
    font-weight: 700;
    padding: 14px 20px;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
    font-size: 18px;
    font-weight: 800;
    color: var(--ty-orange);
    border-top: 2px solid var(--ty-border);
    padding: 18px 20px;
}

/* Fatura / Gönderim adresi */
.woocommerce-order-received .woocommerce-customer-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 24px;
}

.woocommerce-order-received .woocommerce-column--billing-address,
.woocommerce-order-received .woocommerce-column--shipping-address {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    padding: 20px 24px;
}

.woocommerce-order-received .woocommerce-column__title {
    font-size: 16px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 0 0 12px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--ty-border);
}

.woocommerce-order-received .woocommerce-customer-details address {
    font-style: normal;
    font-size: 14px;
    line-height: 1.8;
    color: #555;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce-order-received .woocommerce-order-overview {
        grid-template-columns: 1fr 1fr;
    }
    .woocommerce-order-received .woocommerce-order-overview li {
        padding: 14px 16px;
    }
    .woocommerce-order-received .woocommerce-customer-details {
        grid-template-columns: 1fr;
    }
    .woocommerce-order-received .woocommerce-notice--success,
    .woocommerce-order-received .woocommerce-thankyou-order-received {
        font-size: 17px;
        padding: 20px;
    }
}

/* ===== STATİK SAYFALAR (Hakkımızda, İletişim, Yasal Sayfalar) ===== */
.page .site-main {
    max-width: var(--max-w);
    margin: 0 auto !important;
    padding: 24px 16px;
}

/* Sayfa başlığı (h1) - Trendyol tarzı */
.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-header {
    margin-bottom: 0 !important;
}
.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--ty-dark) !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

/* Breadcrumb - statik sayfalar */
.page .storefront-breadcrumb {
    background: transparent !important;
}
.page .storefront-breadcrumb .woocommerce-breadcrumb {
    font-size: 13px;
    color: #999;
    margin-bottom: 8px;
}

/* Statik sayfa kart container */
.cc-static-page {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    padding: 32px 40px;
    margin-bottom: 24px;
}

.cc-static-page h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--ty-dark);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--ty-border);
}

.cc-static-page h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 28px 0 10px;
    padding-top: 8px;
}

.cc-static-page h3:first-child {
    margin-top: 0;
    padding-top: 0;
}

.cc-static-page h4 {
    font-size: 14px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 20px 0 6px;
}

.cc-static-page p {
    font-size: 14px;
    line-height: 1.75;
    color: #555;
    margin-bottom: 12px;
}

.cc-static-page p strong {
    color: var(--ty-dark);
}

.cc-static-page ul, .cc-static-page ol {
    padding-left: 20px;
    margin-bottom: 16px;
}

.cc-static-page ul li, .cc-static-page ol li {
    font-size: 14px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 4px;
}

.cc-static-page ul li strong, .cc-static-page ol li strong {
    color: var(--ty-dark);
}

.cc-static-page a {
    color: var(--ty-orange);
    font-weight: 500;
    text-decoration: none;
}

.cc-static-page a:hover {
    text-decoration: underline;
}

/* Son güncelleme tarihi */
.cc-static-page > p:first-child {
    font-size: 13px;
    color: #999;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ty-border);
}

/* Mobil uyum */
@media (max-width: 768px) {
    .cc-static-page {
        padding: 20px 16px;
    }
    .page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-title {
        font-size: 20px !important;
    }
}

/* İletişim kartları */
.cc-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 20px 0;
}

.cc-contact-card {
    background: var(--ty-bg);
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    padding: 20px;
}

.cc-contact-card h3 {
    font-size: 15px;
    margin: 0 0 8px;
    color: var(--ty-orange);
}

.cc-contact-card p {
    margin-bottom: 6px;
}

/* Kargo bilgi kutuları */
.cc-info-box {
    background: var(--ty-bg);
    border-left: 4px solid var(--ty-orange);
    border-radius: 0 8px 8px 0;
    padding: 16px 20px;
    margin: 12px 0;
}

.cc-info-box h3 {
    font-size: 15px;
    margin: 0 0 6px;
    color: var(--ty-dark);
}

.cc-info-box p {
    margin-bottom: 4px;
}

/* ===== HESABIM SAYFASI - TRENDYOL TARZI ===== */

/* Sayfa başlığı ve breadcrumb gizle */
.woocommerce-account .entry-header,
.woocommerce-account .entry-title,
.woocommerce-account .storefront-breadcrumb,
.woocommerce-account .page-title {
    display: none !important;
}

.woocommerce-account .site-main {
    max-width: var(--max-w);
    margin: 0 auto !important;
    padding: 16px 16px 40px;
}

/* Ana layout - Grid (Storefront float override) */
.woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: 260px 1fr !important;
    gap: 24px !important;
    align-items: start;
}

/* Storefront float override */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
    clear: none !important;
}

/* Sol navigasyon */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    position: sticky;
    top: 20px;
}

/* Navigasyon başlık */
.woocommerce-account .woocommerce-MyAccount-navigation::before {
    content: 'Hesabım';
    display: block;
    padding: 20px 20px 16px;
    font-size: 18px;
    font-weight: 800;
    color: var(--ty-dark);
    border-bottom: 1px solid var(--ty-border);
    background: var(--ty-light);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 8px 0;
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--ty-dark);
    border-left: 3px solid transparent;
    transition: all .15s;
    text-decoration: none;
}

/* İkonlar - CSS ::before ile */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: '📊';
    width: auto;
    height: auto;
    background: none;
    font-size: 16px;
    opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: '📦';
    width: auto; height: auto; background: none; font-size: 16px; opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: '📥';
    width: auto; height: auto; background: none; font-size: 16px; opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: '📍';
    width: auto; height: auto; background: none; font-size: 16px; opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: '👤';
    width: auto; height: auto; background: none; font-size: 16px; opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: '🚪';
    width: auto; height: auto; background: none; font-size: 16px; opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--ty-orange);
    border-left-color: var(--ty-orange);
    background: #FFF5EB;
    font-weight: 700;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--ty-orange);
    background: var(--ty-light);
}

/* Çıkış yap kırmızı */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #E53935;
    border-top: 1px solid var(--ty-border);
    margin-top: 4px;
    padding-top: 14px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #FFF0F0;
    color: #C62828;
}

/* Sağ içerik alanı */
.woocommerce-account .woocommerce-MyAccount-content {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    padding: 28px;
    min-height: 300px;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
    font-size: 15px;
    line-height: 1.8;
    color: #555;
    background: var(--ty-light);
    padding: 16px 20px;
    border-radius: 10px;
    border-left: 4px solid var(--ty-orange);
    margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content p {
    font-size: 14px;
    line-height: 1.7;
    color: #555;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: var(--ty-orange);
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}

/* Siparişler tablosu */
.woocommerce-account .woocommerce-orders-table {
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    overflow: hidden;
}

.woocommerce-account .woocommerce-orders-table th {
    background: var(--ty-light);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--ty-gray);
    padding: 12px 16px;
}

.woocommerce-account .woocommerce-orders-table td {
    padding: 14px 16px;
    font-size: 14px;
    vertical-align: middle;
    border-color: var(--ty-border);
}

.woocommerce-account .woocommerce-orders-table .woocommerce-button {
    background: var(--ty-orange) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Adres kartları */
.woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.woocommerce-account .woocommerce-Address {
    background: var(--ty-light);
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    padding: 20px;
}

.woocommerce-account .woocommerce-Address header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--ty-border);
}

.woocommerce-account .woocommerce-Address-title h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 0;
}

.woocommerce-account .woocommerce-Address-title a {
    background: var(--ty-orange);
    color: #fff !important;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
}

.woocommerce-account .woocommerce-Address address {
    font-style: normal;
    font-size: 14px;
    line-height: 1.8;
    color: #555;
}

/* Hesap bilgileri formu */
.woocommerce-account .woocommerce-EditAccountForm fieldset {
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
    font-size: 15px;
    font-weight: 700;
    color: var(--ty-dark);
    padding: 0 10px;
}

.woocommerce-account .woocommerce-EditAccountForm .form-row label {
    font-size: 13px;
    font-weight: 600;
    color: var(--ty-dark);
    margin-bottom: 6px;
    display: block;
}

.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid var(--ty-border);
    border-radius: 8px;
    font-size: 14px;
    transition: border-color .15s;
}

.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:focus {
    border-color: var(--ty-orange);
    outline: none;
    box-shadow: 0 0 0 3px rgba(242,122,26,0.1);
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button {
    background: var(--ty-orange) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px 32px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-top: 8px;
    cursor: pointer;
    transition: background .15s;
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:hover {
    background: var(--ty-orange-hover) !important;
}

/* Login / Register yan yana */
.woocommerce-account .u-columns {
    display: flex;
    gap: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.woocommerce-account .u-columns .u-column-1,
.woocommerce-account .u-columns .u-column-2,
.woocommerce-account .u-columns .col-1,
.woocommerce-account .u-columns .col-2 {
    flex: 1;
    min-width: 0;
}

/* Login formu */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    padding: 32px;
}

.woocommerce-account .woocommerce-form-login h2,
.woocommerce-account .woocommerce-form-register h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--ty-dark);
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--ty-orange);
}

.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label {
    font-size: 14px;
    font-weight: 600;
    color: var(--ty-dark);
    margin-bottom: 6px;
    display: block;
}

.woocommerce-account .woocommerce-form-login .input-text,
.woocommerce-account .woocommerce-form-register .input-text {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid var(--ty-border);
    border-radius: 6px;
    font-size: 14px;
    transition: border-color .15s;
    box-sizing: border-box;
}

.woocommerce-account .woocommerce-form-login .input-text:focus,
.woocommerce-account .woocommerce-form-register .input-text:focus {
    border-color: var(--ty-orange);
    outline: none;
    box-shadow: 0 0 0 3px rgba(255,96,0,.1);
}

.woocommerce-account .woocommerce-form-login .woocommerce-button,
.woocommerce-account .woocommerce-form-register .woocommerce-button {
    width: 100%;
    background: var(--ty-orange) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: background .15s;
    margin-top: 8px;
}

.woocommerce-account .woocommerce-form-login .woocommerce-button:hover,
.woocommerce-account .woocommerce-form-register .woocommerce-button:hover {
    background: #e55500 !important;
}

.woocommerce-account .woocommerce-form-login .lost_password a {
    color: var(--ty-orange);
    font-size: 13px;
    font-weight: 500;
}

.woocommerce-account .woocommerce-form-login .woocommerce-form-row {
    margin-bottom: 16px;
}

.woocommerce-account .woocommerce-form-register .woocommerce-form-row,
.woocommerce-account .woocommerce-form-register .form-row {
    margin-bottom: 16px;
}

.woocommerce-account .woocommerce-privacy-policy-text {
    font-size: 12px;
    color: #888;
    margin-top: 12px;
}

@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        position: static;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation::before {
        padding: 14px 16px 12px;
        font-size: 16px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        padding: 11px 16px;
        font-size: 13px;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 20px 16px;
    }
    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }
    .woocommerce-account .u-columns {
        flex-direction: column;
    }
    .cc-static-page { padding: 20px 16px; }
    .cc-contact-grid { grid-template-columns: 1fr; }
}

/* ===== SHOP PAGE - TRENDYOL LAYOUT ===== */
.woocommerce-shop .site-main,
.post-type-archive-product .site-main,
.tax-product_cat .site-main {
    max-width: var(--max-w);
    margin: 0 auto !important;
    padding: 8px 16px;
}

/* Varsayılan WC başlık ve açıklama gizle - tüm sayfalarda */
.woocommerce-products-header { display: none !important; }
.woocommerce-products-header__title { display: none !important; }
.term-description { display: none !important; }
.woocommerce-shop .page-title,
.woocommerce-shop .entry-title,
.woocommerce-shop .entry-header,
.post-type-archive-product .page-title,
.post-type-archive-product .entry-title,
.post-type-archive-product .entry-header,
.tax-product_cat .page-title,
.tax-product_cat .entry-title,
.tax-product_cat .entry-header {
    display: none !important;
}
/* Storefront archive başlık alanı boşluk kaldır */
.woocommerce-shop .page-header,
.post-type-archive-product .page-header,
.tax-product_cat .page-header,
.woocommerce-shop .storefront-sorting,
.woocommerce-shop .site-main > .type-page,
.woocommerce-shop .site-main > article > .entry-content > .woocommerce > header {
    display: none !important;
}

/* ===== KATEGORİ BANNER ===== */
.cc-cat-banner {
    border-radius: 10px;
    padding: 24px 28px;
    color: #fff;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
}

.cc-cat-banner::after {
    content: '';
    position: absolute;
    top: -40%;
    right: -5%;
    width: 200px;
    height: 200px;
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    pointer-events: none;
}

.cc-cat-banner-inner {
    position: relative;
    z-index: 1;
}

.cc-cat-banner-title {
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 4px;
    line-height: 1.2;
}

.cc-cat-banner-count {
    font-size: 13px;
    opacity: .85;
    font-weight: 500;
}

.cc-cat-banner-subs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.cc-cat-banner-sub {
    display: inline-block;
    background: rgba(255,255,255,.2);
    color: #fff !important;
    text-decoration: none !important;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    transition: background .15s;
    backdrop-filter: blur(4px);
}

.cc-cat-banner-sub:hover {
    background: rgba(255,255,255,.35);
}

.cc-cat-banner-sub span {
    opacity: .7;
    font-size: 11px;
}

.cc-cat-banner-promo {
    margin-top: 10px;
    font-size: 11px;
    opacity: .8;
    font-weight: 500;
}

/* Üst satır: ürün sayısı + sıralama */
.woocommerce-result-count {
    font-size: 13px;
    color: var(--ty-dark);
    font-weight: 600;
    margin-bottom: 0 !important;
    float: left;
    line-height: 36px;
}

.woocommerce-ordering {
    float: right;
    margin-bottom: 0 !important;
}

.woocommerce-ordering select {
    border: 1px solid var(--ty-border);
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    background: var(--ty-white);
    cursor: pointer;
}

.woocommerce-ordering select:focus {
    border-color: var(--ty-orange);
    outline: none;
}

/* Filtre chip'leri */
.cc-filter-chips {
    display: flex;
    gap: 8px;
    padding: 12px 0;
    overflow-x: auto;
    clear: both;
    border-bottom: 1px solid var(--ty-border);
    margin-bottom: 12px;
    scrollbar-width: none;
}

.cc-filter-chips::-webkit-scrollbar { display: none; }

.cc-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 14px;
    border: 1px solid var(--ty-border);
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    color: var(--ty-dark) !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all .15s;
    background: var(--ty-white);
}

.cc-chip:hover, .cc-chip.active {
    border-color: var(--ty-orange);
    color: var(--ty-orange) !important;
    background: #FFF3E0;
}

.cc-chip-highlight {
    background: #FFF3E0;
    border-color: var(--ty-orange);
    color: var(--ty-orange) !important;
    font-weight: 600;
}

/* Shop body: sidebar + products */
.cc-shop-body {
    display: flex;
    gap: 16px;
    clear: both;
}

/* ===== SOL SİDEBAR FİLTRELER ===== */
.cc-shop-sidebar {
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    position: sticky;
    top: 80px;
    align-self: flex-start;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    scrollbar-width: thin;
}

.cc-filter-section {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

.cc-filter-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ty-dark);
    border-bottom: 1px solid var(--ty-border);
    cursor: pointer;
}

.cc-filter-title svg {
    color: var(--ty-gray);
    transition: transform .2s;
}

.cc-filter-back {
    display: block;
    padding: 8px 14px;
    font-size: 12px;
    color: var(--ty-orange) !important;
    text-decoration: none !important;
    font-weight: 500;
    border-bottom: 1px solid var(--ty-light);
}

.cc-filter-back:hover {
    background: var(--ty-light);
}

.cc-filter-list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    max-height: 280px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.cc-filter-item a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    text-decoration: none !important;
    color: var(--ty-dark) !important;
    font-size: 13px;
    transition: background .1s;
}

.cc-filter-item a:hover {
    background: var(--ty-light);
}

.cc-filter-item.cc-active a {
    color: var(--ty-orange) !important;
    font-weight: 600;
}

.cc-filter-check {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.cc-filter-name {
    flex: 1;
}

.cc-filter-count {
    font-size: 11px;
    color: var(--ty-gray);
}

/* Sidebar promo kutusu */
.cc-sidebar-promo {
    background: linear-gradient(135deg, #E8F5E9, #F1F8E9);
    border: 1px solid #C8E6C9;
    border-radius: 8px;
    padding: 14px;
    text-align: center;
    margin-bottom: 8px;
}

.cc-sidebar-promo-badge {
    display: inline-block;
    background: var(--ty-green);
    color: var(--ty-white);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 4px;
    margin-bottom: 6px;
}

.cc-sidebar-promo-text {
    font-size: 11px;
    color: #2E7D32;
    line-height: 1.4;
}

/* Ürün grid (sidebar yanında) */
.cc-shop-products {
    flex: 1;
    min-width: 0;
}

.cc-shop-products .woocommerce ul.products,
.cc-shop-body .woocommerce ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* Favori kalp ikonu - Custom (sağ üst) */
.cc-heart-btn,
.woocommerce ul.products li.product a.cc-heart-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    z-index: 5 !important;
    width: 36px;
    height: 36px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.95);
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
    color: #bbb !important;
    text-decoration: none !important;
    transition: all .15s;
    overflow: visible !important;
}

.cc-heart-btn:hover {
    color: var(--ty-red) !important;
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
    background: #fff;
}

.cc-heart-btn svg {
    pointer-events: none;
    width: 20px;
    height: 20px;
}

/* YITH wishlist - kart üzerinde gizle (custom cc-heart-btn kullanıyoruz) */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product [class*="yith-wcwl"] {
    display: none !important;
}

/* ===== FOOTER - TRENDYOL TARZI ===== */
.site-footer {
    background: var(--ty-white) !important;
    border-top: 1px solid var(--ty-border);
    color: var(--ty-gray);
    padding: 0 !important;
    margin-top: 24px;
}

.site-footer > .col-full { padding: 0 !important; max-width: 100% !important; }

/* Storefront default footer elemanlarını gizle */
.site-footer .footer-widgets,
.site-footer .site-info:not(.cc-footer .site-info) {
    display: none !important;
}

.cc-footer { width: 100%; }

.cc-footer-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 16px;
}

/* Popüler Kategoriler Bölümü */
.cc-footer-cats {
    background: var(--ty-white);
    border-top: 1px solid var(--ty-border);
    padding: 28px 0;
}

.cc-footer-cats .cc-footer-inner {
    display: flex;
    gap: 48px;
}

.cc-footer-cats-col h3 {
    font-size: 14px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 0 0 12px;
}

.cc-footer-cats-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cc-footer-cats-list a {
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid var(--ty-border);
    border-radius: 50px;
    font-size: 12px;
    color: var(--ty-dark) !important;
    text-decoration: none !important;
    transition: all .15s;
    white-space: nowrap;
}

.cc-footer-cats-list a:hover {
    border-color: var(--ty-orange);
    color: var(--ty-orange) !important;
    background: #FFF3E0;
}

/* Ana Footer Bilgi Kolonları */
.cc-footer-main {
    background: var(--ty-bg);
    border-top: 1px solid var(--ty-border);
    padding: 32px 0;
}

.cc-footer-main .cc-footer-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

/* Footer Logo */
.cc-footer-logo {
    margin-bottom: 12px;
}

.cc-footer-logo a {
    display: inline-block;
    text-decoration: none !important;
}

.cc-footer-logo img {
    height: 44px;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    display: block;
}

.cc-footer-col h4 {
    font-size: 13px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 0 0 14px;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.cc-footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cc-footer-col ul li {
    margin-bottom: 8px;
}

.cc-footer-col ul li a {
    font-size: 13px;
    color: #666 !important;
    text-decoration: none !important;
    transition: color .15s;
    line-height: 1.4;
}

.cc-footer-col ul li a:hover {
    color: var(--ty-orange) !important;
}

/* Ödeme İkonları */
.cc-footer-payment {
    margin-bottom: 14px;
}

.cc-footer-payment-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cc-pay-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border: 1px solid var(--ty-border);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    color: var(--ty-dark);
    background: var(--ty-white);
    text-align: center;
    line-height: 1.2;
    min-width: 52px;
}

.cc-pay-havale {
    background: linear-gradient(135deg, #E8F5E9, #F1F8E9);
    border-color: #C8E6C9;
    color: #2E7D32;
}

.cc-pay-bank {
    font-size: 9px;
    color: var(--ty-gray);
}

/* Güvenlik Rozetleri */
.cc-footer-trust {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cc-footer-trust-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #2E7D32;
    font-weight: 500;
}

.cc-footer-trust-badge svg {
    flex-shrink: 0;
}

/* Havale Bilgi Şeridi */
.cc-footer-havale-strip {
    background: linear-gradient(135deg, #E8F5E9, #F1F8E9);
    border-top: 1px solid #C8E6C9;
    border-bottom: 1px solid #C8E6C9;
    padding: 12px 0;
}

.cc-footer-havale-strip .cc-footer-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2E7D32;
    font-size: 13px;
}

.cc-footer-havale-strip svg {
    flex-shrink: 0;
    color: #2E7D32;
}

/* Copyright Alt Bar */
.cc-footer-bottom {
    background: var(--ty-dark);
    padding: 14px 0;
}

.cc-footer-bottom .cc-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cc-footer-bottom span {
    font-size: 12px;
    color: #999;
}

.cc-footer-bottom-links {
    display: flex;
    gap: 16px;
}

.cc-footer-bottom-links a {
    font-size: 12px;
    color: #999 !important;
    text-decoration: none !important;
    transition: color .15s;
}

.cc-footer-bottom-links a:hover {
    color: var(--ty-white) !important;
}

/* TrustedSite footer badge */
.cc-footer-trusted {
    background: var(--ty-dark);
    padding: 0 0 12px;
    text-align: center;
}
.cc-footer-trusted .cc-footer-inner {
    display: flex;
    justify-content: center;
}

/* ===== FIYAT KUTUSU OVERRIDE ===== */
.coklucarsi-price-box {
    border-color: var(--ty-orange) !important;
    background: linear-gradient(135deg, #FFF3E0, #FFF8E1) !important;
}

/* ===== FAQ ===== */
.faq-section { margin: 20px 0; }
.faq-item { background: var(--ty-white); border: 1px solid var(--ty-border); border-radius: 8px; margin-bottom: 6px; overflow: hidden; }
.faq-question { padding: 14px 16px; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-question:hover { background: var(--ty-light); }
.faq-question::after { content: '+'; font-size: 18px; color: var(--ty-orange); font-weight: 700; flex-shrink: 0; margin-left: 12px; transition: transform .2s; }
.faq-item.active .faq-question::after { transform: rotate(45deg); }
.faq-answer { padding: 0 16px; max-height: 0; overflow: hidden; transition: all .25s; color: var(--ty-gray); font-size: 13px; line-height: 1.6; }
.faq-item.active .faq-answer { padding: 0 16px 14px; max-height: 300px; }

/* ===== STAR RATING ===== */
.star-rating span::before, .star-rating::before { color: var(--ty-star) !important; }

/* Varsayılan WC rating'i gizle - bizimki var */
.woocommerce ul.products li.product .star-rating,
.single-product .summary .woocommerce-product-rating { display: none !important; }

/* ===== WC MESAJLARI ===== */
.woocommerce-message { border-top-color: var(--ty-green) !important; }
.woocommerce-info { border-top-color: var(--ty-orange) !important; }
.woocommerce-error { border-top-color: var(--ty-red) !important; }
.woocommerce-message::before { color: var(--ty-green) !important; }
.woocommerce-info::before { color: var(--ty-orange) !important; }

/* ===== PAGINATION ===== */
.woocommerce nav.woocommerce-pagination ul { border: none !important; }
.woocommerce nav.woocommerce-pagination ul li { border: none !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border-radius: 6px !important;
    border: 1px solid var(--ty-border) !important;
    color: var(--ty-dark);
    font-weight: 600;
    font-size: 13px;
    padding: 8px 14px !important;
    margin: 0 2px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--ty-orange) !important;
    border-color: var(--ty-orange) !important;
    color: var(--ty-white);
}

.woocommerce .blockUI.blockOverlay::before { border-color: var(--ty-orange) transparent transparent !important; }

/* ===== MOBİL ===== */
@media (max-width: 768px) {
    .cc-header { height: auto; flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
    .cc-header-logo img { height: 40px; }
    .cc-header-search { order: 3; flex-basis: 100%; max-width: 100%; }
    .cc-header-actions { margin-left: auto; gap: 2px; }
    .cc-header-action span { display: none; }
    .cc-header-action { padding: 4px 8px; }

    .cc-nav a { font-size: 12px; padding: 8px 10px; }

    .cc-hero { padding: 24px 16px; }
    .cc-hero h1 { font-size: 22px; }

    .cc-campaign-strip { grid-template-columns: repeat(2, 1fr); gap: 6px; }
    .cc-campaign-card .cc-camp-pct { font-size: 24px; }

    .cc-advantages { flex-wrap: wrap; }
    .cc-adv-item { flex: 1 1 48%; font-size: 11px; }
    .cc-adv-item:nth-child(2) { border-right: none; }

    .cc-cat-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }

    /* Kategori banner */
    .cc-cat-banner { padding: 16px; border-radius: 8px; }
    .cc-cat-banner-title { font-size: 18px; }
    .cc-cat-banner-subs { gap: 4px; }
    .cc-cat-banner-sub { font-size: 11px; padding: 3px 8px; }

    /* Shop: sidebar gizle, full width grid */
    .cc-shop-body { flex-direction: column; }
    .cc-shop-sidebar { display: none; }
    .cc-shop-products { width: 100%; }

    .cc-filter-chips { gap: 6px; }
    .cc-chip { padding: 5px 10px; font-size: 11px; }

    /* Sepet boş - mobil: dikey düzen */
    .cc-empty-cart {
        flex-direction: column;
        text-align: center;
        padding: 24px 20px;
        gap: 16px;
    }
    .cc-empty-cart-text { font-size: 15px; }
    .cc-empty-cart-btn { padding: 12px 32px; font-size: 14px; }

    .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 6px !important; }
    .cc-shop-products .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }
    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 11px !important; padding: 6px 8px 2px !important; min-height: 30px; }
    .woocommerce ul.products li.product .price { font-size: 13px !important; padding: 2px 8px 6px !important; }
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product a.add_to_cart_button { font-size: 12px; padding: 8px 6px; margin: 0 6px 6px !important; width: calc(100% - 12px); }

    .cc-heart-btn { width: 28px; height: 28px; }
    .cc-heart-btn svg { width: 16px; height: 16px; }

    .single-product .product { padding: 12px; gap: 12px; }
    .single-product .product .woocommerce-product-gallery { position: static; }

    /* Footer mobil */
    .cc-footer-cats .cc-footer-inner { flex-direction: column; gap: 20px; }
    .cc-footer-main .cc-footer-inner { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .cc-footer-bottom .cc-footer-inner { flex-direction: column; gap: 8px; text-align: center; }
    .cc-footer-bottom-links { flex-wrap: wrap; justify-content: center; gap: 10px; }
    .cc-footer-havale-strip .cc-footer-inner { flex-direction: column; text-align: center; gap: 6px; font-size: 12px; }
}

@media (max-width: 480px) {
    .cc-cat-grid { grid-template-columns: repeat(2, 1fr); }
}

/* =============================================
   ÜRÜN DETAY - ALT BÖLÜM (Trendyol tarzı)
   ============================================= */

/* WooCommerce varsayılan tabları gizle */
.single-product .woocommerce-tabs { display: none !important; }

/* Ürün ile tablar arası boşluğu azalt */
.single-product .related.products { margin-top: 20px; }
.single-product .storefront-product-pagination { display: none; }
.single-product .site-main > .product { margin-bottom: 0; }

/* Detail section - product flex container'ın tam genişliğini kaplasın */
.single-product .product .cc-detail-section,
.cc-detail-section {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 0;
    padding: 0;
    box-sizing: border-box;
}

/* Tab navigasyonu */
.cc-detail-tabs {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--ty-border);
    margin-bottom: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.cc-detail-tab {
    padding: 14px 28px;
    font-size: 13px;
    font-weight: 600;
    color: #888;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.cc-detail-tab:hover {
    color: var(--ty-dark);
}

.cc-detail-tab.active {
    color: var(--ty-orange);
    border-bottom-color: var(--ty-orange);
}

/* Tab içerik alanı - tam genişlik */
.cc-detail-content {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 28px;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Üst kısım: Açıklama + Ek Bilgiler yan yana */
.cc-desc-layout {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

/* Sol: Ürün Açıklaması */
.cc-desc-main {
    flex: 1;
    min-width: 0;
    position: relative;
}

.cc-detail-heading {
    font-size: 16px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 0 0 16px 0;
    padding: 0;
}

.cc-desc-body {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.cc-desc-thumb {
    width: 140px;
    height: auto;
    border-radius: 8px;
    border: 1px solid var(--ty-border);
    flex-shrink: 0;
    object-fit: contain;
}

.cc-desc-text {
    font-size: 14px;
    line-height: 1.7;
    color: #555;
}

.cc-desc-text p {
    margin: 0 0 10px 0;
}

.cc-desc-text h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 16px 0 8px;
}

.cc-desc-text ul {
    margin: 8px 0;
    padding-left: 20px;
}

.cc-desc-text li {
    margin-bottom: 4px;
    font-size: 13px;
}

/* Toggle butonu gizli - açıklamalar standart uzunlukta */
.cc-desc-toggle {
    display: none;
}

/* Sağ: Ek Bilgiler */
.cc-desc-sidebar {
    width: 320px;
    flex-shrink: 0;
    background: #fafafa;
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    padding: 20px;
}

.cc-sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cc-sidebar-list li {
    position: relative;
    padding: 8px 0 8px 18px;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.cc-sidebar-list li:last-child {
    border-bottom: none;
}

.cc-sidebar-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 7px;
    height: 7px;
    background: var(--ty-orange);
    border-radius: 50%;
}

.cc-sidebar-list li strong {
    color: var(--ty-dark);
    font-weight: 700;
}

.cc-sidebar-info {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--ty-border);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cc-sidebar-info-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cc-sidebar-info-item svg {
    flex-shrink: 0;
}

.cc-sidebar-info-item strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--ty-dark);
}

.cc-sidebar-info-item small {
    display: block;
    font-size: 11px;
    color: #888;
    line-height: 1.3;
}

/* Ürün Özellikleri Grid */
.cc-specs-section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--ty-border);
}

.cc-specs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    overflow: hidden;
}

.cc-spec-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--ty-border);
    border-right: 1px solid var(--ty-border);
    background: var(--ty-white);
}

.cc-spec-item:nth-child(3n) {
    border-right: none;
}

.cc-spec-label {
    font-size: 13px;
    color: #888;
    font-weight: 400;
}

.cc-spec-value {
    font-size: 13px;
    color: var(--ty-dark);
    font-weight: 700;
    text-align: right;
}

/* =============================================
   DEĞERLENDİRMELER - Trendyol Tarzı
   ============================================= */

/* Varsayılan WooCommerce review başlığı gizle */
.woocommerce-Reviews .woocommerce-Reviews-title { display: none; }
.woocommerce-noreviews { display: none; }

/* Değerlendirme Özet Kutusu - Tam genişlik */
.cc-review-summary {
    display: flex;
    gap: 40px;
    align-items: center;
    padding: 32px 40px;
    background: #fafafa;
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    margin-bottom: 24px;
    width: 100%;
    box-sizing: border-box;
}

/* Sol: Büyük puan */
.cc-review-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 140px;
}

.cc-score-big {
    font-size: 56px;
    font-weight: 800;
    color: var(--ty-dark);
    line-height: 1;
}

.cc-score-stars {
    display: flex;
    gap: 3px;
}

.cc-score-count {
    font-size: 13px;
    color: #888;
    font-weight: 500;
}

/* Orta: Puan dağılımı barları */
.cc-review-bars {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.cc-bar-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cc-bar-label {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    min-width: 36px;
}

.cc-bar-track {
    flex: 1;
    height: 10px;
    background: #E6E6E6;
    border-radius: 5px;
    overflow: hidden;
}

.cc-bar-fill {
    height: 100%;
    background: var(--ty-orange);
    border-radius: 5px;
    transition: width 0.5s ease;
}

.cc-bar-count {
    font-size: 13px;
    color: #888;
    min-width: 24px;
    text-align: right;
}

/* ===== TRENDYOL YORUM LİSTESİ ===== */

.cc-reviews-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cc-review-item {
    padding: 20px 0;
    border-bottom: 1px solid var(--ty-border);
}

.cc-review-item:last-child {
    border-bottom: none;
}

/* Yorum header */
.cc-review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.cc-review-user {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cc-review-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--ty-orange);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    flex-shrink: 0;
}

.cc-review-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--ty-dark);
}

.cc-review-badge {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.cc-badge-elite {
    background: #FFF3E0;
    color: #E65100;
    border: 1px solid #FFCC80;
}

.cc-badge-trusted {
    background: #E8F5E9;
    color: #2E7D32;
    border: 1px solid #A5D6A7;
}

.cc-review-meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cc-review-date {
    font-size: 12px;
    color: #999;
}

/* Yıldızlar */
.cc-review-stars {
    display: flex;
    gap: 2px;
    margin-bottom: 8px;
}

/* Yorum metni */
.cc-review-text {
    font-size: 14px;
    line-height: 1.7;
    color: #444;
    margin: 0;
}

/* Yorum fotoğrafları */
.cc-review-photos {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.cc-review-photo {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--ty-border);
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
}

.cc-review-photo:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Yorum yok mesajı */
.cc-no-reviews {
    text-align: center;
    padding: 40px 20px;
    color: #999;
    font-size: 14px;
}

/* Cookie checkbox - eski stil koru */
#cc-tab-reviews .comment-form-cookies-consent {
    font-size: 12px;
    color: #888;
    margin: 12px 0;
}

/* Gönder butonu */
#cc-tab-reviews .form-submit .submit,
#cc-tab-reviews input[type="submit"] {
    background: var(--ty-orange) !important;
    color: #fff !important;
    border: none;
    border-radius: 8px;
    padding: 14px 40px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
}

#cc-tab-reviews .form-submit .submit:hover,
#cc-tab-reviews input[type="submit"]:hover {
    background: var(--ty-orange-hover) !important;
}

/* Mevcut yorumlar listesi */
#cc-tab-reviews .commentlist {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}

#cc-tab-reviews .commentlist .comment {
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 12px;
    background: var(--ty-white);
}

#cc-tab-reviews .commentlist .comment-text .star-rating {
    margin-bottom: 8px;
}

#cc-tab-reviews .commentlist .comment-text .description p {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}

#cc-tab-reviews .commentlist .meta {
    font-size: 12px;
    color: #888;
    margin-bottom: 8px;
}

#cc-tab-reviews .commentlist .meta strong {
    color: var(--ty-dark);
}

/* Müşteri değerlendirme formu */
.cc-write-review {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--ty-border);
}
.cc-write-review-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 0 0 16px;
}
.cc-review-form .cc-form-rating {
    margin-bottom: 16px;
}
.cc-review-form .cc-form-rating label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}
.cc-star-select {
    display: flex;
    gap: 4px;
    align-items: center;
}
.cc-star-select svg {
    transition: fill 0.15s;
}
.cc-form-comment textarea {
    width: 100%;
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    min-height: 100px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
.cc-form-comment textarea:focus {
    outline: none;
    border-color: var(--ty-orange);
}
.cc-review-submit {
    margin-top: 12px;
    background: var(--ty-orange);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 32px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
}
.cc-review-submit:hover {
    background: var(--ty-orange-hover);
}
.cc-review-login {
    font-size: 14px;
    color: #666;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
    text-align: center;
}
.cc-review-login a {
    color: var(--ty-orange);
    font-weight: 600;
    text-decoration: none;
}
.cc-review-login a:hover {
    text-decoration: underline;
}
/* WooCommerce müşteri yorumları */
.cc-wc-reviews {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--ty-border);
}
.cc-wc-reviews-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--ty-dark);
    margin: 0 0 16px;
}
.cc-badge-customer {
    background: #e8f5e9;
    color: #2e7d32;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
}
/* Favorilendi tıklanabilir */
a.cc-social-favs {
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s;
}
a.cc-social-favs:hover {
    opacity: 0.8;
}

/* Ürün Detay Alt - Mobil Uyum */
@media (max-width: 768px) {
    .cc-detail-section { margin-top: 20px; }
    .cc-detail-tab { padding: 10px 16px; font-size: 12px; }
    .cc-detail-content { padding: 20px 16px; border-radius: 0 0 8px 8px; }

    .cc-desc-layout {
        flex-direction: column;
        gap: 20px;
    }

    .cc-desc-sidebar {
        width: 100%;
    }

    .cc-desc-body {
        flex-direction: column;
    }

    .cc-desc-thumb {
        width: 100px;
        align-self: center;
    }

    .cc-specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cc-spec-item:nth-child(3n) { border-right: 1px solid var(--ty-border); }
    .cc-spec-item:nth-child(2n) { border-right: none; }

    .cc-review-summary {
        flex-direction: column;
        gap: 20px;
        padding: 16px;
    }

    .cc-review-score { min-width: auto; }
    .cc-score-big { font-size: 36px; }

    .cc-review-item { padding: 16px 0; }
    .cc-review-avatar { width: 30px; height: 30px; font-size: 12px; }
    .cc-review-name { font-size: 13px; }
    .cc-review-photo { width: 64px; height: 64px; }
}

@media (max-width: 480px) {
    .cc-specs-grid { grid-template-columns: 1fr; }
    .cc-spec-item { border-right: none !important; }
    .cc-detail-tab { padding: 8px 12px; font-size: 11px; }
}

/* ===== KATEGORİ SEO AÇIKLAMA + FAQ ===== */
.cc-seo-section {
    max-width: var(--max-w);
    margin: 40px auto 0;
    padding: 0 16px;
}

.cc-seo-desc {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 24px;
}

.cc-seo-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--ty-dark);
    margin-bottom: 12px;
    line-height: 1.4;
}

.cc-seo-desc p {
    font-size: 14px;
    line-height: 1.7;
    color: #555;
    margin: 0;
}

.cc-seo-faq {
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 24px;
}

.cc-seo-faq .cc-seo-title {
    margin-bottom: 16px;
}

.cc-faq-item {
    border-bottom: 1px solid var(--ty-border);
}

.cc-faq-item:last-child {
    border-bottom: none;
}

.cc-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    cursor: pointer;
    gap: 12px;
    transition: color 0.2s;
}

.cc-faq-question:hover {
    color: var(--ty-orange);
}

.cc-faq-question span {
    font-size: 14px;
    font-weight: 600;
    color: var(--ty-dark);
    line-height: 1.4;
}

.cc-faq-question:hover span {
    color: var(--ty-orange);
}

.cc-faq-question svg {
    flex-shrink: 0;
    transition: transform 0.3s;
    color: var(--ty-gray);
}

.cc-faq-item.active .cc-faq-question svg {
    transform: rotate(180deg);
    color: var(--ty-orange);
}

.cc-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.cc-faq-item.active .cc-faq-answer {
    max-height: 300px;
    padding-bottom: 16px;
}

.cc-faq-answer p {
    font-size: 13px;
    line-height: 1.7;
    color: #666;
    margin: 0;
    padding: 0 0 0 4px;
    border-left: 3px solid var(--ty-orange);
    padding-left: 12px;
}

/* FAQ mobil uyum */
@media (max-width: 768px) {
    .cc-seo-section { margin-top: 24px; }
    .cc-seo-desc, .cc-seo-faq { padding: 20px 16px; border-radius: 8px; }
    .cc-seo-title { font-size: 16px; }
    .cc-faq-question span { font-size: 13px; }
    .cc-faq-answer p { font-size: 12px; }
}

/* =============================================
   ÜRÜN DETAY - Fiyat Karşılaştırma Tablosu
   ============================================= */
.cc-compare-table {
    background: #fafafa;
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
}

.cc-compare-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    font-size: 13px;
    color: #888;
    border-bottom: 1px solid var(--ty-border);
}

.cc-compare-row:last-child {
    border-bottom: none;
}

.cc-compare-row span:last-child {
    text-decoration: line-through;
    font-weight: 400;
}

/* Trendyol satırı - farklı font */
.cc-compare-row.cc-compare-trendyol {
    background: #fff5f5;
}

.cc-compare-row.cc-compare-trendyol span:first-child {
    color: #FF6000;
    font-weight: 700;
    font-style: italic;
    font-size: 13px;
}

.cc-compare-row.cc-compare-trendyol span:last-child {
    color: #c62828;
    font-weight: 600;
    font-size: 14px;
    text-decoration: line-through;
}

/* ÇokluÇarşı satırı */
.cc-compare-row.cc-compare-ours {
    background: #fff8f0;
}

.cc-compare-row.cc-compare-ours span:first-child {
    color: var(--ty-orange);
    font-weight: 700;
}

.cc-compare-row.cc-compare-ours span:last-child {
    color: var(--ty-orange);
    font-weight: 800;
    font-size: 15px;
    text-decoration: none;
}

/* Tasarruf satırı */
.cc-compare-row.cc-compare-saving {
    background: #e8f5e9;
}

.cc-compare-row.cc-compare-saving span:first-child {
    color: #2E7D32;
    font-weight: 600;
}

.cc-compare-row.cc-compare-saving span:last-child {
    color: #2E7D32;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
}

/* ===== TRENDYOL LİNK BUTONU ===== */
.cc-trendyol-link {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 12px 16px;
    background: #fff5f0;
    border: 1.5px solid #FFD0B5;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.15s;
}

.cc-trendyol-link:hover {
    background: #fff0e6;
    border-color: #FF6000;
    box-shadow: 0 2px 8px rgba(255,96,0,0.12);
}

.cc-ty-logo {
    background: #FF6000;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 6px;
    white-space: nowrap;
    letter-spacing: 0.3px;
    flex-shrink: 0;
}

.cc-ty-text {
    flex: 1;
    font-size: 13px;
    color: #555;
    line-height: 1.4;
}

.cc-ty-text strong {
    color: #FF6000;
    font-weight: 700;
}

.cc-trendyol-link svg {
    flex-shrink: 0;
    color: #999;
    transition: color 0.15s;
}

.cc-trendyol-link:hover svg {
    color: #FF6000;
}

/* =============================================
   ÜRÜN DETAY - Kargo & Güven (Kompakt)
   ============================================= */
.cc-product-info {
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    overflow: hidden;
    margin: 12px 0 8px;
}

.cc-info-rows {
    display: flex;
    flex-direction: column;
}

.cc-info-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    font-size: 13px;
    color: #555;
    border-bottom: 1px solid var(--ty-border);
}

.cc-info-row:last-child {
    border-bottom: none;
}

.cc-info-row svg {
    flex-shrink: 0;
    color: #888;
}

.cc-info-row strong {
    color: var(--ty-dark);
    font-weight: 700;
}

/* Aynı gün kargo - vurgulu */
.cc-info-row.cc-info-highlight {
    background: linear-gradient(135deg, #e65100, #ff8f00);
    color: #fff;
    font-weight: 600;
    border-bottom-color: rgba(255,255,255,0.2);
}

.cc-info-row.cc-info-highlight svg {
    color: #fff;
}

.cc-info-row.cc-info-highlight strong {
    color: #fff;
}

/* Ücretsiz kargo */
.cc-info-row.cc-info-success {
    background: #e8f5e9;
}

.cc-info-row.cc-info-success svg { color: #2E7D32; }
.cc-info-row.cc-info-success strong { color: #2E7D32; }

/* Güven şeridi */
.cc-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-top: 1px solid var(--ty-border);
    background: #fafafa;
}

.cc-trust-strip > span {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 6px;
    font-size: 11px;
    font-weight: 600;
    color: #555;
    border-right: 1px solid var(--ty-border);
    white-space: nowrap;
}

.cc-trust-strip > span:last-child {
    border-right: none;
}

.cc-trust-strip > span svg {
    flex-shrink: 0;
}

/* =============================================
   ÜRÜN DETAY - Mobil Uyum
   ============================================= */
@media (max-width: 768px) {
    .cc-price-hero {
        flex-direction: column;
        gap: 10px;
    }
    .cc-price-havale-hero {
        flex-direction: row;
        gap: 10px;
        min-width: auto;
        padding: 10px 14px;
    }
    .cc-havale-amount { font-size: 20px; }
    .cc-price-current { font-size: 26px; }

    .cc-compare-row { padding: 7px 12px; font-size: 12px; }
    .cc-compare-row.cc-compare-trendyol span:last-child { font-size: 13px; }
    .cc-compare-row.cc-compare-ours span:last-child { font-size: 14px; }

    .cc-product-info { margin: 10px 0; }
    .cc-info-row { padding: 8px 12px; font-size: 12px; gap: 8px; }

    .cc-trust-strip { flex-wrap: wrap; }
    .cc-trust-strip > span {
        flex: 0 0 50%;
        font-size: 10px;
        padding: 6px 4px;
        border-bottom: 1px solid var(--ty-border);
    }
    .cc-trust-strip > span:nth-child(2) { border-right: none; }
    .cc-trust-strip > span:nth-child(3),
    .cc-trust-strip > span:nth-child(4) { border-bottom: none; }
}

@media (max-width: 480px) {
    .cc-price-current { font-size: 24px; }
    .cc-havale-amount { font-size: 18px; }
}

/* ===== SEPETE EKLE ALTI - ZENGİN İÇERİK ===== */
.cc-extras-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
    width: 100%;
}

/* --- Sosyal Kanıt --- */
.cc-social-proof {
    display: flex;
    gap: 8px;
}

.cc-proof-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 12px;
    color: #555;
    line-height: 1.3;
}

.cc-proof-viewers {
    background: #FFF3E0;
    border: 1px solid #FFE0B2;
}
.cc-proof-viewers svg { stroke: #E65100; flex-shrink: 0; }
.cc-proof-viewers strong { color: #E65100; }

.cc-proof-sold {
    background: #E8F5E9;
    border: 1px solid #A5D6A7;
}
.cc-proof-sold svg { stroke: #2E7D32; flex-shrink: 0; }
.cc-proof-sold strong { color: #2E7D32; }

/* --- Ödeme Seçenekleri --- */
.cc-payment-options {
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    overflow: hidden;
}

.cc-payment-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    background: #F8F9FA;
    border-bottom: 1px solid var(--ty-border);
    font-size: 14px;
    font-weight: 600;
    color: var(--ty-dark);
}
.cc-payment-header svg { stroke: var(--ty-dark); flex-shrink: 0; }

.cc-payment-body {
    padding: 12px 14px;
}

.cc-installment-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 12px;
}

.cc-installment-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 8px;
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    transition: border-color 0.15s;
}

.cc-installment-item:hover {
    border-color: var(--ty-orange);
}

.cc-inst-count {
    font-size: 11px;
    color: #888;
    margin-bottom: 4px;
    font-weight: 500;
}

.cc-inst-price {
    font-size: 14px;
    font-weight: 700;
    color: var(--ty-dark);
}

.cc-payment-methods {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.cc-pay-badge {
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #555;
    background: #fff;
}

.cc-pay-badge.cc-pay-havale {
    background: #E8F5E9;
    border-color: #A5D6A7;
    color: #2E7D32;
}

/* --- Satıcı Bilgisi --- */
.cc-seller-box {
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    overflow: hidden;
}

.cc-seller-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
}

.cc-seller-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--ty-orange);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    flex-shrink: 0;
}

.cc-seller-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cc-seller-name {
    font-size: 15px;
    font-weight: 700;
    color: var(--ty-dark);
}

.cc-seller-stats {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #888;
}

.cc-seller-rating {
    display: flex;
    align-items: center;
    gap: 3px;
    font-weight: 600;
    color: #FF9800;
}

.cc-seller-divider {
    color: #ddd;
}

.cc-seller-count {
    color: #888;
}

.cc-seller-link {
    padding: 8px 16px;
    background: #F8F9FA;
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ty-orange);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s;
}

.cc-seller-link:hover {
    background: var(--ty-orange);
    color: #fff;
    border-color: var(--ty-orange);
}

/* --- Öne Çıkan Özellikler --- */
.cc-highlights {
    border: 1px solid var(--ty-border);
    border-radius: 10px;
    overflow: hidden;
}

.cc-highlights-title {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    background: #F8F9FA;
    border-bottom: 1px solid var(--ty-border);
    font-size: 14px;
    font-weight: 600;
    color: var(--ty-dark);
}
.cc-highlights-title svg { stroke: var(--ty-dark); flex-shrink: 0; }

.cc-highlights-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.cc-highlight-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.cc-highlight-item:nth-child(2n) {
    border-right: none;
}

.cc-highlight-item:nth-last-child(-n+2) {
    border-bottom: none;
}

.cc-hl-label {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.cc-hl-value {
    font-size: 13px;
    font-weight: 600;
    color: var(--ty-dark);
}

/* --- Güvenli Alışveriş Rozeti --- */
.cc-secure-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.cc-secure-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 10px;
    border: 1px solid var(--ty-border);
    border-radius: 8px;
    background: #FAFAFA;
}

.cc-secure-item svg {
    flex-shrink: 0;
    margin-top: 1px;
}

.cc-secure-item div {
    display: flex;
    flex-direction: column;
}

.cc-secure-item strong {
    font-size: 12px;
    color: var(--ty-dark);
}

.cc-secure-item small {
    font-size: 10px;
    color: #999;
    margin-top: 1px;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .cc-social-proof { flex-direction: column; }
    .cc-installment-grid { grid-template-columns: repeat(3, 1fr); }
    .cc-secure-strip { grid-template-columns: 1fr; }
    .cc-highlights-grid { grid-template-columns: 1fr; }
    .cc-highlight-item { border-right: none !important; }
    .cc-highlight-item:last-child { border-bottom: none; }

    .cc-product-slider ul.products li.product {
        flex: 0 0 calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
    }
    .cc-slider-nav { width: 36px; height: 36px; font-size: 14px; }
    .cc-slider-prev { left: 2px; }
    .cc-slider-next { right: 2px; }

    .woocommerce ul.products li.product a img {
        height: 160px;
        padding: 8px !important;
    }
}

/* ===== HOMEPAGE SLIDER - OVERRIDE ===== */
.cc-product-slider {
    position: relative;
    overflow: hidden;
    padding: 0 4px;
}

.cc-product-slider ul.products {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: 12px !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.cc-product-slider ul.products::-webkit-scrollbar {
    display: none;
}

.cc-product-slider ul.products li.product {
    flex: 0 0 calc(25% - 9px) !important;
    max-width: calc(25% - 9px) !important;
    min-width: calc(25% - 9px) !important;
    scroll-snap-align: start;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
}

.cc-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--ty-white);
    border: 1px solid var(--ty-border);
    box-shadow: 0 2px 10px rgba(0,0,0,0.12);
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--ty-dark);
    transition: all 0.2s;
}

.cc-slider-nav:hover {
    background: var(--ty-orange);
    color: white;
    border-color: var(--ty-orange);
}

.cc-slider-prev { left: 4px; }
.cc-slider-next { right: 4px; }

.cc-slider-nav.cc-hidden {
    opacity: 0;
    pointer-events: none;
}

/* ===== ÜRÜN KARTI - PUAN & SOSYAL KANIT ===== */

.cc-card-rating {
    padding: 0 8px;
    margin-top: 4px;
}

.cc-card-stars {
    display: flex;
    align-items: center;
    gap: 2px;
}

.cc-card-avg {
    font-size: 12px;
    font-weight: 700;
    color: var(--ty-dark);
    margin-right: 2px;
}

.cc-card-count {
    font-size: 11px;
    color: #999;
    margin-left: 3px;
    font-weight: 500;
}

.cc-card-social {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #888;
    margin-top: 4px;
    line-height: 1.3;
}

.cc-card-social svg {
    flex-shrink: 0;
}

/* ===== ÜRÜN DETAY - PUAN & SOSYAL KANIT ===== */

.cc-single-rating {
    margin: 4px 0 8px;
}

.cc-single-stars {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 8px;
    text-decoration: none !important;
    cursor: pointer;
}

.cc-single-stars:hover .cc-single-count {
    text-decoration: underline;
}

.cc-single-avg {
    font-size: 15px;
    font-weight: 800;
    color: var(--ty-dark);
    margin-right: 2px;
}

.cc-single-count {
    font-size: 13px;
    color: #888;
    margin-left: 4px;
    font-weight: 500;
}

.cc-single-social {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.cc-social-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #666;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--ty-light);
}

.cc-social-item strong {
    color: var(--ty-dark);
}

.cc-social-views svg {
    stroke: #7B1FA2;
}

.cc-social-favs svg {
    fill: #FF6B6B;
}

/* ===== WHATSAPP BUTONU ===== */
.cc-whatsapp-btn {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(37,211,102,0.4);
    z-index: 9999;
    transition: transform 0.2s, box-shadow 0.2s;
    text-decoration: none !important;
}

.cc-whatsapp-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 24px rgba(37,211,102,0.5);
}

.cc-whatsapp-btn svg {
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));
}

.cc-wa-tooltip {
    position: absolute;
    right: 72px;
    background: var(--ty-dark);
    color: white;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

.cc-wa-tooltip::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left-color: var(--ty-dark);
    border-right: none;
}

.cc-whatsapp-btn:hover .cc-wa-tooltip {
    opacity: 1;
}

@media (max-width: 768px) {
    .cc-whatsapp-btn {
        bottom: 80px;
        right: 14px;
        width: 48px;
        height: 48px;
    }
    .cc-whatsapp-btn svg { width: 24px; height: 24px; }
    .cc-wa-tooltip { display: none; }
}

/* ===== TRUSTEDSITE BADGE - MOBİL OVERRIDE ===== */
/* Masaüstünde sağ alt köşede kalsın */
/* Mobilde floating badge'i gizle, footer'da göster */
@media (max-width: 768px) {
    #trustedsite-tm-float-btn,
    .trstd-badge,
    div[id^="trustedsite"],
    .trustedsite-trustmark {
        bottom: auto !important;
        right: auto !important;
        position: static !important;
        display: none !important;
    }
}

/* ===== MOBİL ANASAYFA ÜRÜN SLIDER FIX ===== */
@media (max-width: 768px) {
    .cc-product-slider ul.products li.product {
        flex: 0 0 calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
    }
    .cc-product-slider ul.products {
        gap: 8px !important;
    }
}