/* PP UI Fixes */

/* 1) #tbay-main-content.mm-slideout padding-top kaldır */
#tbay-main-content.mm-slideout { padding-top: 0 !important; }

/* 2) Sepete ekle ikonları — beyaz SVG alışveriş sepeti, theme glyph'leri suppress */
.add_to_cart_button .tb-icon-bag::before,
.add_to_cart_button::before,
.add_to_cart_button::after,
.single_add_to_cart_button::after,
.button.view-cart::after,
.button.checkout::after,
.wc-proceed-to-checkout .button::after,
.widget_shopping_cart_content .buttons .button::after {
    content: none !important;
}

.add_to_cart_button .tb-icon-bag,
.single_add_to_cart_button::before,
.button.view-cart::before,
.button.checkout::before,
.wc-proceed-to-checkout .button::before,
.widget_shopping_cart_content .buttons .button::before {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
    background-color: #fff !important;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 13h7.45c.75 0 1.41-.41 1.75-1.03L21.7 4H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/></svg>") !important;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 13h7.45c.75 0 1.41-.41 1.75-1.03L21.7 4H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/></svg>") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    margin-right: 8px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    content: "" !important;
}
/* tb-icon-bag span'inin glyph'ini öldür — sadece mask-image gözüksün */
.add_to_cart_button .tb-icon-bag {
    color: transparent !important;
}

/* 3) Mini cart drawer butonları kocaman — daralt, tek satır */
.widget_shopping_cart_content .buttons,
.mini-cart .buttons,
p.woocommerce-mini-cart__buttons {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}
.widget_shopping_cart_content .buttons .button,
.mini-cart .buttons .button {
    padding: 10px 14px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    height: auto !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
    flex: 1 1 auto !important;
}

/* 4) Mega menü dropdown'larını grid + scroll yap */
.dropdown-menu.mega-menu .mega-menu-item,
.mega-menu-fullwidth .mega-menu-item,
ul.sub-menu,
.dropdown-menu.mega-menu ul {
    max-height: 70vh !important;
    overflow-y: auto !important;
}
.dropdown-menu.mega-menu .mega-menu-item > ul,
.dropdown-menu.mega-menu ul.sub-menu {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 4px 14px !important;
    list-style: none !important;
    padding: 12px !important;
    margin: 0 !important;
}

/* 5) Wishlist (favoriler) ikonu boş yuvarlak — ❤ fallback */
.yith-wcwl-add-to-wishlist a {
    position: relative;
    display: inline-block !important;
    min-width: 16px;
    min-height: 16px;
}
.yith-wcwl-add-to-wishlist a:empty::before,
.yith-wcwl-add-to-wishlist .add_to_wishlist:empty::before {
    content: "\2665";
    font-size: 14px;
    color: #ed1c79;
    display: inline-block;
}

/* === 6) Ürün kartı kapsamlı yeniden tasarım (8 maddelik) === */
:root {
    --pp-brand-pink: #fc4ca5;
    --pp-brand-pink-dark: #e23f93;
    --pp-text-muted: #9ca3af;
    --pp-border: #e8e8e8;
}

/* 6.1) Eşit yükseklik + flex column + aksiyon block bottom
   Slick carousel container'larına (.owl-carousel) grid uygulama — slick block layout
   bekliyor, grid uygularsak .slick-list grid-item olarak collapse oluyor (related
   products carousel 240px'e sıkışıyordu). */
ul.products:not(.owl-carousel):not(.slick-slider):not(.slick-initialized),
.tbay-element-product .products:not(.owl-carousel):not(.slick-slider):not(.slick-initialized) {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
}
ul.products li.product,
.tbay-element-product .product,
.products .product {
    background: #fff !important;
    border: 1px solid var(--pp-border) !important;
    border-radius: 14px !important;
    padding: 14px 14px 18px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06) !important;
    transition: box-shadow .25s, transform .25s, border-color .25s !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    position: relative !important;
}
ul.products li.product:hover,
.tbay-element-product .product:hover,
.products .product:hover {
    box-shadow: 0 10px 28px rgba(0,0,0,0.10) !important;
    transform: translateY(-3px) !important;
    border-color: var(--pp-brand-pink) !important;
}

/* 6.2) Standart image aspect-ratio + cover */
ul.products li.product .product-image,
ul.products li.product .product-thumb,
.products .product .product-image {
    aspect-ratio: 3 / 4 !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    margin-bottom: 12px !important;
    background: #f7f7f7 !important;
}
ul.products li.product .product-image img,
.products .product .product-image img,
ul.products li.product img.image-no-effect {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}

/* 6.3) Başlık 2 satır clamp — kartların hizalanması için min-height rezerve */
ul.products li.product h3.name,
ul.products li.product .name,
.products .product h3.name,
.products .product .woocommerce-loop-product__title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.6em !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 6px 0 8px !important;
}

/* 6.4) Fiyat + buton bloğunu kartın altına sabitle */
ul.products li.product .price,
.products .product .price {
    margin-top: auto !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: var(--pp-brand-pink) !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
}

/* 6.5) [Kdv Dahil] suffix küçük + nötr */
ul.products li.product .price .woocommerce-price-suffix,
.products .price .woocommerce-price-suffix,
.price > small.woocommerce-price-suffix {
    font-size: 11px !important;
    color: var(--pp-text-muted) !important;
    font-weight: 400 !important;
    margin-left: 4px !important;
}

/* 6.6) Eski fiyat (del/strikethrough) küçük + muted */
ul.products li.product .price del,
.products .price del {
    color: var(--pp-text-muted) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-right: 6px !important;
}
ul.products li.product .price ins,
.products .price ins {
    text-decoration: none !important;
}

/* 6.7) Discount badge — sol üst pembe pill */
ul.products li.product .onsale,
.products .product .onsale {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    background: var(--pp-brand-pink) !important;
    color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    z-index: 5 !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    width: auto !important;
    height: auto !important;
}
ul.products li.product .onsale .saled,
.onsale .saled { color: #fff !important; }
/* "İndirim" text fallback gizle — sadece -%X kalsın */
.onsale > *:not(.saled):not([class*="percent"]) { display: none !important; }

/* 6.8) Add-to-cart unify — TÜM kartlarda pembe full-width, yeşil/farklı renk override */
ul.products li.product .add_to_cart_button,
ul.products li.product .single_add_to_cart_button,
.products .add_to_cart_button,
.products .button.product_type_simple {
    background: var(--pp-brand-pink) !important;
    background-color: var(--pp-brand-pink) !important;
    color: #fff !important;
    width: 100% !important;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 999px !important;
    margin-top: 12px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    box-shadow: 0 2px 8px rgba(252,76,165,0.2) !important;
    transition: background .2s !important;
}
ul.products li.product .add_to_cart_button:hover,
.products .add_to_cart_button:hover {
    background: var(--pp-brand-pink-dark) !important;
}

/* 6.9) Add-to-cart içindeki sepet ikonu — mevcut SVG mask korunur (madde 2 CSS) */
ul.products li.product .add_to_cart_button .title-cart {
    color: #fff !important;
}

/* 6.10) Qty stepper — touch-target 40×40, dar border yerine belirgin */
.quantity .minus, .quantity .plus,
ul.products .quantity .minus,
ul.products .quantity .plus {
    min-width: 36px !important;
    min-height: 36px !important;
    border: 1px solid #d1d5db !important;
    background: #fff !important;
    cursor: pointer !important;
}
.quantity input.qty {
    min-height: 36px !important;
    text-align: center !important;
}

/* 6.11) Size variant chip stili (varsa) */
.variations .variation-options,
.product-attribute-swatches {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    margin: 8px 0 !important;
}
.variations .variation-option,
.product-attribute-swatches > * {
    padding: 6px 14px !important;
    border-radius: 6px !important;
    background: #fce7f0 !important;
    cursor: pointer !important;
    font-size: 13px !important;
    color: #333 !important;
    border: 1px solid transparent !important;
}
.variations .variation-option:hover,
.product-attribute-swatches > *:hover {
    background: #fbd0e3 !important;
}
.variations .variation-option.is-active,
.product-attribute-swatches > *.selected {
    background: var(--pp-brand-pink) !important;
    color: #fff !important;
}
/* Tek seçenekli variant block'u gizle */
.variations.single-variant,
.variations:has(.variation-option:only-child) {
    display: none !important;
}

/* 6.12) Carousel slide spacing + bordered active card outline (border yerine) */
.swiper-slide.swiper-slide-active ul.products li.product,
.products .product.active {
    outline: 2px solid var(--pp-brand-pink) !important;
    outline-offset: -2px !important;
    border-color: var(--pp-border) !important;
}

/* 6.13) Carousel arrow vertical center + visible */
.elementor-swiper-button,
.swiper-button-prev, .swiper-button-next {
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: rgba(255,255,255,0.95) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
    color: var(--pp-brand-pink) !important;
}

/* 6.14) Floating WhatsApp icon clipping fix */
.elementor-element[class*="whatsapp"],
.tbay-whatsapp,
[class*="floating-whatsapp"],
a[href*="wa.me"][class*="float"],
img[src*="whatsapp"][class*="float"] {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 9999 !important;
}

/* === 7) Tbay grid-product-v1 spesifik fix paketi (kullanıcı detayl. markup) === */

/* 7.1) Quantity stepper görünür hale getir — boş gri kutu sorunu */
.products-grid .quantity .box,
ul.products .quantity .box,
.product-block .quantity .box {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    height: 40px !important;
    background: #fff !important;
}
.products-grid .quantity .box button.minus,
.products-grid .quantity .box button.plus,
ul.products .quantity .box button.minus,
ul.products .quantity .box button.plus,
.product-block .quantity .box button.minus,
.product-block .quantity .box button.plus {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border: none !important;
    cursor: pointer !important;
    color: #374151 !important;
    font-size: 14px !important;
    padding: 0 !important;
}
.products-grid .quantity .box button:hover,
ul.products .quantity .box button:hover,
.product-block .quantity .box button:hover {
    background: #fce7f0 !important;
}
.products-grid .quantity .box .tb-icon,
ul.products .quantity .box .tb-icon,
.product-block .quantity .box .tb-icon {
    display: inline-block !important;
    line-height: 1 !important;
}

/* tb-icon font yüklenmediği takdirde +/- text fallback */
.products-grid .quantity .box button.minus::after,
ul.products .quantity .box button.minus::after,
.product-block .quantity .box button.minus::after {
    content: "\2212"; /* − */
    font-size: 18px;
    font-weight: 600;
    color: #374151;
}
.products-grid .quantity .box button.plus::after,
ul.products .quantity .box button.plus::after,
.product-block .quantity .box button.plus::after {
    content: "+";
    font-size: 20px;
    font-weight: 600;
    color: #374151;
}
.products-grid .quantity .box button .tb-icon:not(:empty) + ::after,
.products-grid .quantity .box button:has(.tb-icon:not(:empty))::after {
    content: none;
}

.products-grid .quantity .box input.qty,
ul.products .quantity .box input.qty,
.product-block .quantity .box input.qty {
    width: 48px !important;
    height: 40px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1px solid #e5e7eb !important;
    border-right: 1px solid #e5e7eb !important;
    -moz-appearance: textfield !important;
    font-size: 14px !important;
    background: #fff !important;
    padding: 0 !important;
}
.products-grid .quantity .box input.qty::-webkit-outer-spin-button,
.products-grid .quantity .box input.qty::-webkit-inner-spin-button,
ul.products .quantity .box input.qty::-webkit-outer-spin-button,
ul.products .quantity .box input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* 7.2) quantity-group-btn: stepper ile pembe buton AYRI satırlarda */
.products-grid .quantity-group-btn,
ul.products .product .quantity-group-btn,
.product-block .quantity-group-btn {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
}
.products-grid .quantity-group-btn .quantity,
.product-block .quantity-group-btn .quantity {
    margin: 0 !important;
}
.products-grid .quantity-group-btn .add-cart,
.product-block .quantity-group-btn .add-cart {
    width: 100% !important;
}
.products-grid .quantity-group-btn .add-cart a.add_to_cart_button,
.product-block .quantity-group-btn .add-cart a.add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 16px !important;
    border-radius: 999px !important;
}

/* 7.3) "Sepete Ekle" yazısı (.title-cart) HER ZAMAN görünsün */
.products-grid .add-cart a.add_to_cart_button .title-cart,
ul.products .add-cart a.add_to_cart_button .title-cart,
.product-block .add-cart a.add_to_cart_button .title-cart {
    display: inline !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #fff !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    text-indent: 0 !important;
}
.products-grid .add-cart a.add_to_cart_button .tb-icon-bag,
.product-block .add-cart a.add_to_cart_button .tb-icon-bag {
    font-size: 16px !important;
}

/* 7.4) figure.image 480x638 aspect ratio + cover */
.products-grid figure.image,
.product-block figure.image {
    margin: 0 !important;
}
.products-grid figure.image .product-image,
.product-block figure.image .product-image {
    display: block !important;
    aspect-ratio: 480 / 638 !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}
.products-grid figure.image img,
.product-block figure.image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* 7.5) Equal height + flex column .caption + order ile title→price→qty */
.products-grid .product-block.grid.product.v1,
.product-block.grid.product {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.products-grid .product-content,
.product-block .product-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    flex: 1 1 auto !important;
}
.products-grid .caption,
.product-block .caption {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 12px 4px 4px !important;
}
.products-grid .caption h3.name,
.product-block .caption h3.name {
    order: 1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.6em !important;
    margin: 0 0 6px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}
.products-grid .caption .price,
.product-block .caption .price {
    order: 2 !important;
    margin: 0 0 10px !important;
}
.products-grid .caption .quantity-group-btn,
.product-block .caption .quantity-group-btn {
    order: 3 !important;
    margin-top: auto !important;
}
.products-grid .caption .group-content,
.product-block .caption .group-content {
    order: 4 !important;
}

/* 7.6) Price suffix [Kdv Dahil] muted, amount pink+bold */
.products-grid .price .woocommerce-price-suffix,
.product-block .price .woocommerce-price-suffix,
ul.products .price .woocommerce-price-suffix {
    font-size: 11px !important;
    color: #9ca3af !important;
    font-weight: 400 !important;
    margin-left: 4px !important;
}
.products-grid .price .woocommerce-Price-amount,
.product-block .price .woocommerce-Price-amount,
ul.products .price .woocommerce-Price-amount {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--pp-brand-pink, #ec4899) !important;
}

/* 7.7) Mobile breakpoint (2-column grid) — buton/stepper stack korunsun */
@media (max-width: 768px) {
    .products-grid .quantity-group-btn,
    .product-block .quantity-group-btn {
        gap: 8px !important;
    }
    .products-grid .quantity .box,
    .product-block .quantity .box {
        height: 36px !important;
    }
    .products-grid .quantity .box button,
    .product-block .quantity .box button {
        width: 36px !important;
        height: 36px !important;
    }
    .products-grid .quantity .box input.qty,
    .product-block .quantity .box input.qty {
        width: 40px !important;
        height: 36px !important;
    }
    .products-grid .add-cart a.add_to_cart_button,
    .product-block .add-cart a.add_to_cart_button {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
}

/* 7) Ana menü item'ları + footer h3'leri için PP icon class — JS prepend ile inject. */
.pp-menu-icon, .pp-section-icon {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    background-color: currentColor !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    flex-shrink: 0 !important;
}
.pp-section-icon {
    width: 20px !important;
    height: 20px !important;
    color: #fc4ca5 !important;
}
.elementor-nav-menu.flex-row > li.menu-item > a.elementor-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* 8) Çıkan Paketler & generic Elementor carousel image güzelleştirme */
.elementor-image-carousel .elementor-carousel-image,
.elementor-image-carousel-wrapper .swiper-slide {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}
.elementor-image-carousel .swiper-slide:hover {
    transform: translateY(-2px) !important;
}
.elementor-swiper-button {
    background: rgba(255,255,255,0.95) !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.12) !important;
}

/* 9) Footer altta — Kategoriler/Kurumsal/Bilgilendirme/Hesabım block layout iyileştir */
.elementor-widget-container > h3.elementor-heading-title {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 14px !important;
}


/* === 8) 9-madde patch: tb-icon fallback + card overflow + hover position === */

/* 8.1) tb-icon-minus / tb-icon-plus <i> elemanlarını buton içinde GIZLE,
   sadece ::after fallback ("−" / "+") gözüksün — boş gri kutu çözümü */
.products-grid .quantity .box button.minus > i.tb-icon,
.products-grid .quantity .box button.plus > i.tb-icon,
ul.products .quantity .box button.minus > i.tb-icon,
ul.products .quantity .box button.plus > i.tb-icon,
.product-block .quantity .box button.minus > i.tb-icon,
.product-block .quantity .box button.plus > i.tb-icon {
    display: none !important;
}
.products-grid .quantity .box button.minus,
.products-grid .quantity .box button.plus,
ul.products .quantity .box button.minus,
ul.products .quantity .box button.plus {
    font-family: Arial, sans-serif !important;
}

/* 8.2) Card overflow:hidden → visible (buton ve quick-view kesilmesin) */
ul.products li.product,
.products .product,
.tbay-element-product .product,
.product-block.grid.product.v1 {
    overflow: visible !important;
}
/* iç image wrapper'ı overflow korusun ki resim radius'a uysun */
ul.products li.product .product-image,
.products .product .product-image,
.product-block figure.image .product-image {
    overflow: hidden !important;
    border-radius: 10px !important;
}

/* 8.3) SEPETE EKLE butonu kart alt kenarından taşmasın — kart padding-bottom artır */
ul.products li.product,
.products .product,
.product-block.grid.product.v1 {
    padding-bottom: 16px !important;
}

/* 8.4) Wishlist linki — tb-icon-heart fallback (font yüklenmediği takdirde "♥") */
.yith-wcwl-add-to-wishlist a,
.add_to_wishlist {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    min-height: 32px !important;
    text-decoration: none !important;
}
.yith-wcwl-add-to-wishlist a > i.tb-icon,
.add_to_wishlist > i.tb-icon {
    display: none !important;
}
.yith-wcwl-add-to-wishlist a::after,
.add_to_wishlist::after {
    content: "\2665";
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #ed1c79;
    line-height: 1;
}
.yith-wcwl-add-to-wishlist a:hover::after,
.add_to_wishlist:hover::after {
    color: #b00060;
}

/* 8.5) Quick-view (büyüteç) + wishlist butonları — ürün resmi üst sağ köşe */
.products .product .product-action-vertical,
.products .product .product-buttons,
.product-block .actions,
.product-block .product-buttons {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.products .product .qview-button,
.products .product .yith-wcwl-add-to-wishlist a,
.product-block .qview-button {
    width: 32px !important;
    height: 32px !important;
    background: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 8.6) Wishlist tooltip taşıyor → daha dar + position fix */
.yith-wcwl-add-to-wishlist .yith-wcwl-tooltip,
.add_to_wishlist + .tooltip,
.products .product [title]:hover::before {
    display: none !important;
}

/* 8.7) Carousel ileri/geri okları daha belirgin */
.swiper-button-prev,
.swiper-button-next,
.elementor-swiper-button-prev,
.elementor-swiper-button-next,
.elementor-swiper-button {
    background: #fff !important;
    color: var(--pp-brand-pink, #fc4ca5) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18) !important;
    opacity: 1 !important;
    font-size: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: var(--pp-brand-pink, #fc4ca5) !important;
    color: #fff !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* 8.8) Stepper ile add-cart butonu arası net boşluk + hizalama */
.products-grid .caption .quantity-group-btn,
.product-block .caption .quantity-group-btn {
    gap: 12px !important;
    margin-top: auto !important;
    margin-bottom: 4px !important;
}
.products-grid .quantity-group-btn .quantity,
.product-block .quantity-group-btn .quantity {
    align-self: center !important;
}

/* 8.9) tb-icon-bag (sepet) — mevcut SVG mask zaten 7. bloğunda; bu, .add-cart içindeki
   <i> öğesinin font-size 0 olması nedeniyle layout shift yapmasın diye fallback */
.products-grid .add-cart a.add_to_cart_button > i.tb-icon-bag,
.product-block .add-cart a.add_to_cart_button > i.tb-icon-bag {
    flex-shrink: 0 !important;
}

/* === 9) Header menü wrap + util ikon fix === */

/* 9.1) Ana menü wrap'i engelle — İletişim alt satıra düşmesin */
.elementor-nav-menu.flex-row {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}
.elementor-nav-menu.flex-row > li.menu-item {
    flex-shrink: 0 !important;
}
.elementor-nav-menu.flex-row > li.menu-item > a.elementor-item {
    white-space: nowrap !important;
}

/* 9.2) Daha sıkı gap (ikonlu menü için yer kazanmak) */
.elementor-nav-menu.flex-row {
    column-gap: 14px !important;
    row-gap: 0 !important;
}

/* 9.3) pp-util-icon (Görüntülenenler, Sipariş Takibi, Tüm Kategoriler) — boş kare ikonların yerine */
.pp-util-icon {
    width: 16px !important;
    height: 16px !important;
    margin-right: 6px !important;
}

/* 9.4) Theme'in eski boş tb-icon-justifyleft / tb-icon-shopping-cart / tb-icon-history vb. — JS gizliyor ama CSS de defansif */
.toggle-menu-title a > i.tb-icon-justifyleft,
.tbay-element a > i.tb-icon-shopping-cart,
header a > i.tb-icon-history {
    display: none !important;
}

/* 9.5) Header utility area wrap engelle */
.tbay-element-nav,
.header-utility,
.list-menu-icon {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* === 9.6) Dar viewport'larda ana menü-utility overlap önle === */
@media (max-width: 1399px) {
    .elementor-nav-menu.flex-row {
        column-gap: 8px !important;
        font-size: 13px !important;
    }
    .pp-menu-icon {
        margin-right: 4px !important;
        width: 14px !important;
        height: 14px !important;
    }
}
@media (max-width: 1199px) {
    .elementor-nav-menu.flex-row > li.menu-item > a.elementor-item {
        padding: 0 6px !important;
    }
}

/* === 9.7) Util area (Görüntülenenler, Sipariş Takibi) — düzgün boşluk === */
.tbay-element-nav-menu .list-menu-icon,
.list-menu-icon {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-left: auto !important;
}

/* === 9.8) WhatsApp click-to-chat alttaki kayan ikon — kart üstüne binmesin === */
.click-to-chat,
.ctc_div,
[id*="click-to-chat"] {
    z-index: 9990 !important;
}

/* === 9.9) Toparlama: ana menü-util arası net boşluk + Sipariş Takibi wrap önle === */

/* Ana menü font-size küçük (item'lar yer kazanır) */
.elementor-nav-menu.flex-row > li.menu-item > a.elementor-item {
    font-size: 13px !important;
    padding: 0 8px !important;
}

/* Util area font + gap toparla */
.list-menu-icon,
.tbay-element-nav-menu .list-menu-icon {
    gap: 18px !important;
    margin-left: 24px !important;
    font-size: 13px !important;
    flex-wrap: nowrap !important;
}
.list-menu-icon > a,
.list-menu-icon > li,
.list-menu-icon > div {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* pp-menu-icon ve pp-util-icon — boyut tutarlı + nefes alma */
.pp-menu-icon { width: 15px !important; height: 15px !important; margin-right: 5px !important; }
.pp-util-icon { width: 15px !important; height: 15px !important; margin-right: 5px !important; }

/* Header container — toplam wrap engelle */
header .elementor-row,
header .elementor-container,
.tbay-header-container,
.tbay-element-header > .elementor-container {
    flex-wrap: nowrap !important;
}

/* Geniş viewport'larda nefes (>1600px) — daha rahat */
@media (min-width: 1600px) {
    .elementor-nav-menu.flex-row { column-gap: 18px !important; font-size: 14px !important; }
    .list-menu-icon { gap: 22px !important; }
}

/* Çok dar viewport'larda (<1100px) util area label gizle, sadece ikon */
@media (max-width: 1099px) {
    .list-menu-icon a span:not(.pp-util-icon):not(.pp-menu-icon) {
        display: none !important;
    }
    .list-menu-icon a {
        padding: 6px !important;
    }
    .pp-util-icon { margin-right: 0 !important; width: 18px !important; height: 18px !important; }
}

/* === 10) Agresif specificity: stepper-buton ROW yerine COLUMN zorla === */
/* Theme rule'larını yenmek için çoklu attribute selector + body önek */

body ul.products li.product .caption .quantity-group-btn,
body .products-grid .caption .quantity-group-btn,
body .product-block.grid.product.v1 .caption .quantity-group-btn,
body .tbay-element-product .caption .quantity-group-btn {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
}

body ul.products li.product .quantity-group-btn .quantity,
body .products-grid .quantity-group-btn .quantity,
body .product-block .quantity-group-btn .quantity {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

body ul.products li.product .quantity-group-btn .quantity .box,
body .products-grid .quantity-group-btn .quantity .box,
body .product-block .quantity-group-btn .quantity .box {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 auto !important;
    height: 36px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    width: auto !important;
    max-width: 100% !important;
}

body ul.products li.product .quantity-group-btn .quantity .box button,
body .products-grid .quantity-group-btn .quantity .box button,
body .product-block .quantity-group-btn .quantity .box button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    background: #fff !important;
    border: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-family: Arial, sans-serif !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

/* tb-icon child'ı tamamen kapat, sadece ::after fallback */
body ul.products li.product .quantity-group-btn .quantity .box button > *,
body .products-grid .quantity-group-btn .quantity .box button > * {
    display: none !important;
}

body ul.products li.product .quantity-group-btn .quantity .box button.minus::after,
body .products-grid .quantity-group-btn .quantity .box button.minus::after {
    content: "\2212" !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #374151 !important;
    font-family: Arial, sans-serif !important;
    line-height: 1 !important;
}
body ul.products li.product .quantity-group-btn .quantity .box button.plus::after,
body .products-grid .quantity-group-btn .quantity .box button.plus::after {
    content: "+" !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #374151 !important;
    font-family: Arial, sans-serif !important;
    line-height: 1 !important;
}

body ul.products li.product .quantity-group-btn .quantity .box input.qty,
body .products-grid .quantity-group-btn .quantity .box input.qty {
    width: 40px !important;
    height: 36px !important;
    text-align: center !important;
    border: 0 !important;
    border-left: 1px solid #e5e7eb !important;
    border-right: 1px solid #e5e7eb !important;
    font-size: 14px !important;
    background: #fff !important;
    padding: 0 !important;
    -moz-appearance: textfield !important;
}

body ul.products li.product .quantity-group-btn .add-cart,
body .products-grid .quantity-group-btn .add-cart,
body .product-block .quantity-group-btn .add-cart {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
}

body ul.products li.product .quantity-group-btn .add-cart a.add_to_cart_button,
body .products-grid .quantity-group-btn .add-cart a.add_to_cart_button,
body .product-block .quantity-group-btn .add-cart a.add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 11px 10px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

body ul.products li.product .add-cart a.add_to_cart_button .title-cart,
body .products-grid .add-cart a.add_to_cart_button .title-cart,
body .product-block .add-cart a.add_to_cart_button .title-cart {
    white-space: nowrap !important;
    display: inline !important;
    overflow: visible !important;
}

/* === 11) Buton kart sınırından taşmasın — generous bottom padding === */
body ul.products li.product,
body .products .product,
body .products-grid .product-block,
body .product-block.grid.product.v1 {
    padding-bottom: 20px !important;
}
body ul.products li.product .product-content,
body .products-grid .product-content {
    padding-bottom: 4px !important;
}
body ul.products li.product .caption,
body .products-grid .caption {
    padding-bottom: 0 !important;
}

/* === 12) Add-cart SVG mask icon küçült (yer ver butona) === */
body ul.products li.product .add_to_cart_button .tb-icon-bag,
body .products-grid .add_to_cart_button .tb-icon-bag {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

/* === 13) İndirimdekiler — variable + simple unify === */

/* 13.1) WPVS pill swatches + heavy table label gizle, sadece native select kalsın */
.products-grid .vi-wpvs-variation-wrap,
.products-grid .vi-wpvs-option-wrap,
.products-grid table.variations .vi_variation_attr_name,
.products-grid table.variations td.vi_variation_container:first-child,
.products .product .vi-wpvs-variation-wrap,
.products .product .vi-wpvs-option-wrap,
.products .product table.variations .label,
ul.products li.product .vi-wpvs-option-wrap {
    display: none !important;
}

/* table.variations'ı blok layout'a çevir */
.products-grid table.variations,
.products-grid table.variations tbody,
.products-grid table.variations tr,
.products-grid table.variations td,
.products .product table.variations,
.products .product table.variations tbody,
.products .product table.variations tr,
.products .product table.variations td {
    display: block !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    background: transparent !important;
}

/* Native select compact dropdown stilize */
.products-grid .vi-wpvs-select-attribute select,
.products-grid select[name^="attribute_pa_"],
.products .product .vi-wpvs-select-attribute select,
.products .product table.variations select,
ul.products li.product select[name^="attribute_"] {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 40px !important;
    padding: 0 36px 0 14px !important;
    margin: 0 0 10px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    font-size: 14px !important;
    color: #374151 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ec4899' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
}
.products-grid select[name^="attribute_"]:focus,
.products .product select[name^="attribute_"]:focus {
    outline: none !important;
    border-color: #ec4899 !important;
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1) !important;
}

/* Reset variation row spacing */
.products .product .variations_form {
    margin: 0 0 8px !important;
}

/* 13.2) ATC button unify — simple link + WPVS button aynı pembe pill */
body .products-grid .add-cart .button,
body .products-grid .add-cart a.add_to_cart_button,
body .products-grid button.vi_wpvs_loop_atc_button,
body .products .product .add-cart .button,
body .products .product a.add_to_cart_button,
body .products .product button.vi_wpvs_loop_atc_button,
body ul.products li.product .vi_wpvs_loop_atc_button {
    background: #ec4899 !important;
    background-color: #ec4899 !important;
    color: #fff !important;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
body .products-grid .add-cart .button:hover,
body .products-grid a.add_to_cart_button:hover,
body button.vi_wpvs_loop_atc_button:hover {
    background: #db2777 !important;
}
body button.vi_wpvs_loop_atc_button .vi_wpvs_loop_atc_loader {
    color: #fff !important;
}

/* 13.3) Discount badge unify (.onsale .saled) — placement + pink pill */
.products-grid .onsale,
.products .product .onsale {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    background: #ec4899 !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    z-index: 5 !important;
    min-height: 0 !important;
    width: auto !important;
    height: auto !important;
}
.products-grid .onsale .saled,
.products .product .onsale .saled {
    color: #fff !important;
}

/* 13.4) Variable product card — equal height korunsun */
ul.products li.product.product-type-variable,
.products .product.product-type-variable {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* === 14) STEPPER LAYOUT FIX (2026-06-06) — beats theme template.css:539-540 ===
   Theme intentionally absolute-positions .add-cart a top:0 right:0 over the
   stepper (124px button vs 62px padding reservation overflow). Override by
   forcing position:static + full-width + flex flow. Selectors include `body`
   to outspec the theme (.product-quantity-mode .product-block.grid ...).
*/

body .product-block .quantity-group-btn,
body .product-block.grid .quantity-group-btn,
body .product-block.grid .quantity-group-btn.active,
body.product-quantity-mode .product-block.grid .quantity-group-btn.active,
body .products-grid .product-block .quantity-group-btn,
body .products-grid .product-block .quantity-group-btn.active,
body ul.products li.product .quantity-group-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  position: static !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  margin: 12px 0 !important;
}

body .product-block .quantity-group-btn .quantity,
body .product-block.grid .quantity-group-btn .quantity,
body.product-quantity-mode .product-block.grid .quantity-group-btn.active .quantity,
body .products-grid .product-block .quantity-group-btn .quantity,
body ul.products li.product .quantity-group-btn .quantity {
  order: 1 !important;
  float: none !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  display: block !important;
}

body .product-block .quantity-group-btn .add-cart,
body .product-block.grid .quantity-group-btn .add-cart,
body.product-quantity-mode .product-block.grid .quantity-group-btn.active .add-cart,
body .products-grid .product-block .quantity-group-btn .add-cart,
body ul.products li.product .quantity-group-btn .add-cart {
  order: 2 !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  position: static !important;
  margin: 0 !important;
  text-align: center !important;
}

/* CRITICAL: the <a> tag inside .add-cart — theme makes it absolute */
body .product-block .quantity-group-btn .add-cart a,
body .product-block.grid .quantity-group-btn .add-cart a,
body.product-quantity-mode .product-block.grid .quantity-group-btn.active .add-cart a,
body .products-grid .product-block .quantity-group-btn .add-cart a,
body ul.products li.product .quantity-group-btn .add-cart a {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 44px !important;
  line-height: 1.3 !important;
  padding: 11px 14px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .quantity-group-btn .add-cart a .title-cart,
body.product-quantity-mode .quantity-group-btn.active .add-cart a .title-cart {
  display: inline !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #fff !important;
}

/* Belt-and-suspenders stepper render (icon font may fail on some clients) */
body .products-grid .quantity .box,
body ul.products .quantity .box,
body .product-block .quantity .box {
  display: inline-flex !important;
  align-items: center !important;
  height: 40px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #fff !important;
  width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .products-grid .quantity .box button.minus,
body .products-grid .quantity .box button.plus,
body ul.products .quantity .box button.minus,
body ul.products .quantity .box button.plus,
body .product-block .quantity .box button.minus,
body .product-block .quantity .box button.plus {
  position: relative !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  background: #fff !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  font-size: 0 !important;
  color: #374151 !important;
}

body .products-grid .quantity .box button.minus i.tb-icon,
body .products-grid .quantity .box button.plus i.tb-icon,
body ul.products .quantity .box button.minus i.tb-icon,
body ul.products .quantity .box button.plus i.tb-icon {
  display: none !important;
}

body .products-grid .quantity .box button.minus::after,
body ul.products .quantity .box button.minus::after,
body .product-block .quantity .box button.minus::after {
  content: "\2212" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-family: Arial, sans-serif !important;
  color: #374151 !important;
  font-weight: 700 !important;
}

body .products-grid .quantity .box button.plus::after,
body ul.products .quantity .box button.plus::after,
body .product-block .quantity .box button.plus::after {
  content: "+" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-family: Arial, sans-serif !important;
  color: #374151 !important;
  font-weight: 700 !important;
}

body .products-grid .quantity .box button:hover::after,
body ul.products .quantity .box button:hover::after {
  color: #ec4899 !important;
}

body .products-grid .quantity .box input.qty,
body ul.products .quantity .box input.qty,
body .product-block .quantity .box input.qty {
  width: 56px !important;
  height: 40px !important;
  text-align: center !important;
  border: none !important;
  border-left: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
  font-size: 14px !important;
  background: #fff !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}

body .products-grid .quantity .box input.qty::-webkit-outer-spin-button,
body .products-grid .quantity .box input.qty::-webkit-inner-spin-button,
body ul.products .quantity .box input.qty::-webkit-outer-spin-button,
body ul.products .quantity .box input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Guard against double-wrap (defensive — no nested .box observed currently) */
body .products-grid .quantity .box .box,
body ul.products .quantity .box .box {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

/* === 15) STEPPER BORDER CLEANUP (2026-06-06) — single outer frame, no inner radii ===
   User-prescribed exact CSS to eliminate double-frame perception:
   ONE border on .box outer, transparent buttons (no radius/border/outline/shadow),
   input keeps thin 1px dividers via border-left/right only.
*/

body .product-block .quantity .box,
body .products-grid .quantity .box,
body ul.products .quantity .box {
  display: inline-flex !important;
  align-items: center !important;
  height: 40px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #fff !important;
  width: max-content !important;
  box-shadow: none !important;
}

body .product-block .quantity .box button.minus,
body .product-block .quantity .box button.plus,
body .products-grid .quantity .box button.minus,
body .products-grid .quantity .box button.plus,
body ul.products .quantity .box button.minus,
body ul.products .quantity .box button.plus {
  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
}

body .product-block .quantity .box input.qty,
body .products-grid .quantity .box input.qty,
body ul.products .quantity .box input.qty {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  width: 46px !important;
  height: 40px !important;
  text-align: center !important;
  background: #fff !important;
  background-color: #fff !important;
  padding: 0 !important;
}

/* === 16) CARD FRAME CONSOLIDATION (2026-06-06) — single frame, one owner ===
   The .products .product selector matched BOTH the outer <div class="product
   type-product post-NNNN ..."> wrapper AND the inner <div class="product-block
   grid product v1"> because both carry the .product class. Result: identical
   border + border-radius + box-shadow + padding drawn on TWO concentric
   wrappers → visible "card inside card" double frame.

   Fix strategy:
   - SINGLE frame owner = .product-block.grid (inner block)
   - NEUTRALIZE frame properties on outer wrapper .product:not(.product-block)
   - Hover and carousel-active states only affect the inner block
*/

/* --- Neutralize frame on OUTER wrapper (the one with .post-NNNN / .type-product) --- */
body .products > .row > div.product,
body .products > .row > div.type-product,
body .products .product:not(.product-block),
body .products-grid .product:not(.product-block),
body ul.products li.product:not(.product-block) {
  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

/* Neutralize hover/active on outer wrapper too */
body .products > .row > div.product:hover,
body .products .product:not(.product-block):hover,
body .products-grid .product:not(.product-block):hover,
body ul.products li.product:not(.product-block):hover {
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  outline: 0 !important;
}

body .swiper-slide.swiper-slide-active .products .product:not(.product-block),
body .swiper-slide.swiper-slide-active ul.products li.product:not(.product-block),
body .products .product.active:not(.product-block) {
  outline: 0 !important;
  outline-offset: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* --- SINGLE frame on INNER .product-block.grid --- */
body .products .product-block.grid,
body .products-grid .product-block.grid,
body ul.products .product-block.grid,
body .tbay-element-product .product-block.grid {
  background: #fff !important;
  border: 1px solid var(--pp-border, #e8e8e8) !important;
  border-radius: 14px !important;
  padding: 14px 14px 18px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
  transition: box-shadow .25s, transform .25s, border-color .25s !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
  outline: 0 !important;
}

/* Hover state on inner block — replaces normal frame, doesn't add concentric */
body .products .product-block.grid:hover,
body .products-grid .product-block.grid:hover,
body ul.products .product-block.grid:hover,
body .tbay-element-product .product-block.grid:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10) !important;
  transform: translateY(-3px) !important;
  border-color: var(--pp-brand-pink, #fc4ca5) !important;
  outline: 0 !important;
}

/* Active / carousel-active state — pink frame REPLACES the gray one on the SAME element */
body .swiper-slide.swiper-slide-active .product-block.grid,
body .products .product-block.grid.active,
body .tbay-element-product .swiper-slide-active .product-block.grid {
  border-color: var(--pp-brand-pink, #fc4ca5) !important;
  border-width: 2px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
  outline: 0 !important;
}

/* === 17) HEADER MAIN MENU GAP TIGHTENING (2026-06-06) ===
   Original: <a>.elementor-item margin: 0 14px + nav column-gap: 8px = ~36px visible gap per item.
   Result: 6 items overflow their Elementor column → İletişim extends to x:1078 while parent
   widget ends at x:891 → "Görüntülenenler" widget (starts x:982) collides.

   Fix: zero <a> margins, reduce column-gap and padding so items fit inside their column.
*/

body .elementor-nav-menu.flex-row > li.menu-item > a.elementor-item,
body ul.elementor-nav-menu > li.menu-item > a.elementor-item,
body .elementor-nav-menu > li > a {
  margin: 0 !important;
  padding: 0 6px !important;
  font-size: 13px !important;
}

body .elementor-nav-menu.flex-row,
body ul.elementor-nav-menu {
  column-gap: 2px !important;
  row-gap: 0 !important;
  gap: 0 2px !important;
}

@media (min-width: 1600px) {
  body .elementor-nav-menu.flex-row > li.menu-item > a.elementor-item {
    padding: 0 10px !important;
    font-size: 14px !important;
  }
  body .elementor-nav-menu.flex-row {
    column-gap: 4px !important;
  }
}

@media (max-width: 1199px) {
  body .elementor-nav-menu.flex-row > li.menu-item > a.elementor-item {
    padding: 0 4px !important;
    font-size: 12px !important;
  }
  body .elementor-nav-menu.flex-row {
    column-gap: 0 !important;
  }
}

/* Util widget (Görüntülenenler) — küçük sol margin nav ile arasında nefes */
body .tbay-element-product-recently-viewed-header,
body .elementor-widget-tb-product-recently-viewed-header {
  margin-left: 8px !important;
}

/* =================================================================
   14) MOBİL "SEPETE EKLE" POPUP — YENİDEN TASARIM (2026-06-23)
   Scope: form.variations_form.vi_wpvs_variation_form[class*="open-btn-"] (yalnız açılan mobil
   varyasyon popup'ı). Kart görünümüne (.products .product) DOKUNMAZ.
   ================================================================= */

/* --- Sheet gövde: yuvarlak üst köşe + nefes + gölge --- */
.vi_wpvs_variation_form[class*="open-btn-"] {
  border-radius: 22px 22px 0 0 !important;
  box-shadow: 0 -14px 44px rgba(17, 17, 26, 0.14) !important;
  padding: 20px 18px 14px !important;
}

/* --- Fiyat: büyük pembe, [Kdv Dahil] küçük muted --- */
.vi_wpvs_variation_form[class*="open-btn-"] .price,
.vi_wpvs_variation_form[class*="open-btn-"] .woocommerce-variation-price .price {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--pp-brand-pink) !important;
  line-height: 1.25 !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .price .woocommerce-price-suffix,
.vi_wpvs_variation_form[class*="open-btn-"] .price small {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--pp-text-muted) !important;
}

/* --- "Boyutlar" tablosu: sert çerçeveyi kaldır, blok yap --- */
.vi_wpvs_variation_form[class*="open-btn-"] table.variations,
.vi_wpvs_variation_form[class*="open-btn-"] table.variations tbody,
.vi_wpvs_variation_form[class*="open-btn-"] table.variations tr,
.vi_wpvs_variation_form[class*="open-btn-"] table.variations th,
.vi_wpvs_variation_form[class*="open-btn-"] table.variations td {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* "Boyutlar" etiketi → küçük, büyük harf, muted */
.vi_wpvs_variation_form[class*="open-btn-"] table.variations th.label label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--pp-text-muted) !important;
  margin: 2px 0 12px !important;
}

/* Swatch konteyner → flex-wrap */
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-variation-wrap,
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-variation-wrap-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
}

/* Swatch chip — varsayılan (beyaz / yumuşak gri kenar) */
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-option-wrap {
  min-width: 82px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  background: #fff !important;
  border: 1.5px solid var(--pp-border) !important;
  border-radius: 12px !important;
  color: #374151 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: border-color .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-option-wrap * {
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-option-wrap:hover {
  border-color: var(--pp-brand-pink) !important;
  color: var(--pp-brand-pink) !important;
}
/* Seçili swatch → marka pembe (siyah yerine) */
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected,
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-option-wrap[data-selected="1"] {
  background: var(--pp-brand-pink) !important;
  border-color: var(--pp-brand-pink) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(252, 76, 165, 0.34) !important;
}

/* --- Temizle → ince pembe metin-buton --- */
.vi_wpvs_variation_form[class*="open-btn-"] .reset_variations {
  display: inline-block !important;
  margin-top: 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--pp-text-muted) !important;
  text-decoration: none !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .reset_variations::before {
  content: "\00D7" !important;
  margin-right: 5px !important;
  font-weight: 700 !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .reset_variations:hover {
  color: var(--pp-brand-pink) !important;
}

/* --- Miktar (Adet) → tek yuvarlak grup + ADET etiketi --- */
.vi_wpvs_variation_form[class*="open-btn-"] .quantity {
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  float: none !important;
  margin: 4px 0 0 !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity::before {
  content: "ADET" !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: var(--pp-text-muted) !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box {
  display: inline-flex !important;
  align-items: center !important;
  height: 48px !important;
  width: auto !important;
  border: 1.5px solid var(--pp-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box button.minus,
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box button.plus {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border: 0 !important;
  background: #fbf3f8 !important;
  font-size: 0 !important;
  cursor: pointer !important;
  transition: background .15s ease !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box button.minus:hover,
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box button.plus:hover {
  background: #fbe2ef !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box button > i { display: none !important; }
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box button.minus::after {
  content: "\2212" !important;
  font: 700 20px/1 Arial, sans-serif !important;
  color: var(--pp-brand-pink) !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box button.plus::after {
  content: "+" !important;
  font: 700 22px/1 Arial, sans-serif !important;
  color: var(--pp-brand-pink) !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box input.qty {
  width: 54px !important;
  height: 48px !important;
  border: 0 !important;
  border-left: 1.5px solid var(--pp-border) !important;
  border-right: 1.5px solid var(--pp-border) !important;
  border-radius: 0 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  background: #fff !important;
  -moz-appearance: textfield !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box input.qty::-webkit-outer-spin-button,
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* --- Alt aksiyon butonları --- */
/* SEPETE EKLE → birincil dolu pembe */
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button {
  background: var(--pp-brand-pink) !important;
  color: #fff !important;
  border: 1.5px solid var(--pp-brand-pink) !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 8px 22px rgba(252, 76, 165, .30) !important;
  transition: background .15s ease, box-shadow .15s ease !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button:hover {
  background: var(--pp-brand-pink-dark) !important;
  border-color: var(--pp-brand-pink-dark) !important;
}
/* SATIN AL → ikincil pembe çerçeve (okunur, beyaz-yazı low-contrast'ı giderir) */
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now {
  background: #fff !important;
  color: var(--pp-brand-pink) !important;
  border: 1.5px solid var(--pp-brand-pink) !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition: background .15s ease !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now:hover {
  background: #fff0f7 !important;
}
/* SATIN AL üzerindeki çakışan kamyon ikonunu kaldır (::before şimşek için serbest) */
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now::after,
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now > i,
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now img {
  display: none !important;
  content: none !important;
}
/* Devre dışı (varyasyon seçilmeden) → okunur gri */
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button.disabled,
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button:disabled,
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now.disabled,
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now:disabled {
  background: #ededf1 !important;
  color: #9a9aa3 !important;
  border-color: #ededf1 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* =================================================================
   14b) POPUP İNCE AYAR — ortalama, boşluk, ikon/yazı/buton hizası
   (2026-06-23) Scope yine .vi_wpvs_variation_form[class*="open-btn-"]
   ================================================================= */

/* Popup açıkken WhatsApp float'ı gizle (sheet ile üst üste binmesin).
   body.pp-atc-open mu-plugin JS (atc_popup_body_class) tarafından eklenir. */
.vi_wpvs_variation_form[class*="open-btn-"] {
  z-index: 999999999 !important;
}
body.pp-atc-open .ht-ctc,
body.pp-atc-open .ht-ctc-chat {
  display: none !important;
}

/* --- Üst bölüm: görsel + fiyat dikey ortalı, ferah --- */
.vi_wpvs_variation_form[class*="open-btn-"] .mobile-infor-wrapper .d-flex {
  align-items: center !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .mobile-infor-wrapper img {
  width: 96px !important;
  height: auto !important;
  border-radius: 12px !important;
  border: 1px solid var(--pp-border) !important;
}
/* Boş/yarım görünen stok progress barını gizle */
.vi_wpvs_variation_form[class*="open-btn-"] .single-stock-style2 .progress,
.vi_wpvs_variation_form[class*="open-btn-"] .progress {
  display: none !important;
}
/* Mevcut / Satıldı → kompakt muted satır */
.vi_wpvs_variation_form[class*="open-btn-"] .stock-bottom {
  gap: 14px !important;
  margin-top: 4px !important;
  font-size: 13px !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .stock-bottom .stock-label {
  color: var(--pp-text-muted) !important;
  font-weight: 500 !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .stock-bottom .stock-value {
  font-weight: 700 !important;
  color: #374151 !important;
}

/* --- Bölümler arası tutarlı nefes + ince ayraç --- */
.vi_wpvs_variation_form[class*="open-btn-"] table.variations {
  margin: 4px 0 0 !important;
  padding-top: 16px !important;
  border-top: 1px solid #f1f1f4 !important;
}

/* --- Swatch'lar tam genişliği doldursun (sola yığılma/boşluk gider) --- */
/* Dış sarmalayıcı tam genişlik blok (içinde gizli <select> var, grid YAPMA) */
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-variation-wrap-wrap,
.vi_wpvs_variation_form[class*="open-btn-"] td.value {
  display: block !important;
  width: 100% !important;
}
/* Asıl swatch konteyneri 2'li eşit grid */
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-variation-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-option-wrap {
  min-width: 0 !important;
  width: 100% !important;
  padding: 14px 10px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* seçili glow yumuşat */
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected,
.vi_wpvs_variation_form[class*="open-btn-"] .vi-wpvs-option-wrap[data-selected="1"] {
  box-shadow: 0 4px 12px rgba(252, 76, 165, 0.20) !important;
}

/* --- ADET satırı: etiket + stepper dikey ortalı --- */
.vi_wpvs_variation_form[class*="open-btn-"] .quantity {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 4px 0 !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity::before {
  margin: 0 !important;
  align-self: center !important;
}

/* --- Alt butonlar: ikon+yazı TAM ortalı, eşit yükseklik, ferah --- */
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button,
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  height: 52px !important;
  padding: 0 20px !important;
  line-height: 1 !important;
}
/* SEPETE EKLE sepet ikonu: gap kullan, margin hack'i sıfırla, beyaz */
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button::before {
  margin: 0 !important;
  width: 19px !important;
  height: 19px !important;
  background-color: #fff !important;
}
/* SATIN AL'a temiz şimşek (buy-now) ikonu */
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  background-color: var(--pp-brand-pink) !important;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 2L4.09 12.97c-.35.42-.52.63-.53.81a.5.5 0 0 0 .19.42c.14.11.42.11.97.11H11l-1 8 8.91-10.97c.35-.42.52-.63.53-.81a.5.5 0 0 0-.19-.42c-.14-.11-.42-.11-.97-.11H13z'/></svg>") center/contain no-repeat !important;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 2L4.09 12.97c-.35.42-.52.63-.53.81a.5.5 0 0 0 .19.42c.14.11.42.11.97.11H11l-1 8 8.91-10.97c.35-.42.52-.63.53-.81a.5.5 0 0 0-.19-.42c-.14-.11-.42-.11-.97-.11H13z'/></svg>") center/contain no-repeat !important;
}

/* --- Wishlist kalp → temiz daire buton --- */
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .button-wishlist a.add_to_wishlist,
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .yith-wcwl-add-button a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border: 1.5px solid var(--pp-border) !important;
  border-radius: 50% !important;
  padding: 0 !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .button-wishlist a.add_to_wishlist span {
  display: none !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .button-wishlist a.add_to_wishlist::after {
  content: "\2665" !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: var(--pp-brand-pink) !important;
}

/* =================================================================
   14c) POPUP — kullanıcı geri bildirimi (gutter, ikonlar, ortalama)
   (2026-06-23)
   ================================================================= */

/* 1) Sağ/sol gutter — form padding tutmuyor, iç bloklara ver */
.vi_wpvs_variation_form[class*="open-btn-"] .mobile-infor-wrapper,
.vi_wpvs_variation_form[class*="open-btn-"] table.variations,
.vi_wpvs_variation_form[class*="open-btn-"] #shop-now {
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
}

/* 2) BOYUTLAR etiketinin başına cetvel (metre) ikonu */
.vi_wpvs_variation_form[class*="open-btn-"] table.variations th.label label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 13px !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] table.variations th.label label::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 auto !important;
  background-color: var(--pp-brand-pink) !important;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z'/></svg>") center/contain no-repeat !important;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z'/></svg>") center/contain no-repeat !important;
}

/* 3) ADET: +/- simgeleri tam ortalı + ADET yazısı büyüt/ortala */
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box button.minus,
.vi_wpvs_variation_form[class*="open-btn-"] .quantity .box button.plus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .quantity::before {
  font-size: 13px !important;
  align-self: center !important;
  min-width: 38px !important;
}

/* 4) Favori kalbi → dolu pembe kalp (background-image, ::after mask DEĞİL —
   ::after inline kalıp görünmüyordu) + daha küçük daire + dikey ortalı */
.vi_wpvs_variation_form[class*="open-btn-"] .group-button {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .button-wishlist,
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .tbay-wishlist {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .button-wishlist a.add_to_wishlist,
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .yith-wcwl-add-button a {
  width: 46px !important;
  height: 46px !important;
  border: 1.5px solid var(--pp-border) !important;
  border-radius: 50% !important;
  padding: 0 !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc4ca5'><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 21px 21px !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .button-wishlist a.add_to_wishlist span {
  display: none !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .button-wishlist a.add_to_wishlist::after,
.vi_wpvs_variation_form[class*="open-btn-"] .group-button .button-wishlist a.add_to_wishlist::before {
  display: none !important;
  content: none !important;
}

/* 5) SEPETE EKLE / SATIN AL güzelleştir */
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button,
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  padding: 0 10px !important;
  gap: 7px !important;
  font-size: 13px !important;
  letter-spacing: .02em !important;
  height: 52px !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button {
  background: linear-gradient(135deg, #ff5cb0 0%, var(--pp-brand-pink) 55%, var(--pp-brand-pink-dark) 100%) !important;
  box-shadow: 0 10px 24px rgba(252, 76, 165, .34) !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now {
  background: #fff6fb !important;
  border: 1.5px solid var(--pp-brand-pink) !important;
  color: var(--pp-brand-pink) !important;
}
/* İkonlar buton daralınca küçülmesin */
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button::before,
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now::before {
  flex: 0 0 auto !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now:hover {
  background: var(--pp-brand-pink) !important;
  color: #fff !important;
}
.vi_wpvs_variation_form[class*="open-btn-"] .tbay-buy-now:hover::before {
  background-color: #fff !important;
}
/* Devre dışı SEPETE EKLE → düz okunur gri (gradient'i ez) */
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button.disabled,
.vi_wpvs_variation_form[class*="open-btn-"] .single_add_to_cart_button:disabled {
  background: #ededf1 !important;
  box-shadow: none !important;
}

/* =================================================================
   15) SEPET/ÖDEME — WhatsApp gizle + "Siparişi Onayla" güzelleştir
   (2026-06-23)
   ================================================================= */

/* Sepet & ödeme sayfalarında WhatsApp float gizle (form üstüne biniyor) */
body.woocommerce-cart .ht-ctc,
body.woocommerce-cart .ht-ctc-chat,
body.woocommerce-checkout .ht-ctc,
body.woocommerce-checkout .ht-ctc-chat {
  display: none !important;
}

/* Siparişi Onayla butonu: kamyon glyph'ini kaldır, kilit ikonu + gradient + ortala */
body.woocommerce-checkout #place_order {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  background: linear-gradient(135deg, #ff5cb0 0%, var(--pp-brand-pink) 55%, var(--pp-brand-pink-dark) 100%) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  box-shadow: 0 8px 22px rgba(252, 76, 165, .34) !important;
}
body.woocommerce-checkout #place_order::after {
  content: none !important;
  display: none !important;
}
body.woocommerce-checkout #place_order::before {
  content: "" !important;
  font-family: inherit !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 auto !important;
  background-color: #fff !important;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm3 11c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/></svg>") center/contain no-repeat !important;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm3 11c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/></svg>") center/contain no-repeat !important;
}

/* =================================================================
   16) MOBİL MENÜ (mmenu off-canvas) — YENİDEN TASARIM (2026-06-23)
   İkonlu, sıkı satırlı, bölüm başlıklı, marka pembe.
   ================================================================= */

#tbay-mobile-menu-navbar.mm-menu { background: #ffffff !important; }
#tbay-mobile-menu-navbar.mm-menu .mm-panel { background: #fff !important; padding-left: 0 !important; padding-right: 0 !important; }

/* Üst bar */
.mm-menu .mm-navbar {
  height: 60px !important;
  border-bottom: 1px solid #eef0f3 !important;
  background: #fff !important;
  padding: 0 16px !important;
}
.mm-menu .mm-navbar__title {
  font-size: 16px !important; font-weight: 800 !important; color: #1f2330 !important;
  letter-spacing: .02em !important;
}
.mm-menu #mmenu-close { position: absolute !important; top: 10px !important; right: 12px !important; z-index: 5 !important; }
.mm-menu #mmenu-close .btn-toggle-canvas {
  width: 38px !important; height: 38px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border-radius: 50% !important; background: #f5f5f8 !important; color: #1f2330 !important; border: 0 !important;
}
.mm-menu #mmenu-close .btn-toggle-canvas i { font-size: 15px !important; }

/* Liste */
.mm-menu .mm-listview { margin: 6px 0 28px !important; padding: 0 !important; }
.mm-menu .mm-listitem { background: transparent !important; margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; line-height: 1.25 !important; }
.mm-menu .mm-listitem:after {
  left: 56px !important; right: 16px !important; border-bottom-color: #f2f3f6 !important;
}

/* Satırlar — sıkı, ikon hizalı */
.mm-menu .mm-listitem > .mm-listitem__text {
  display: flex !important; align-items: center !important;
  padding: 13px 16px !important;
  margin: 0 !important;
  min-height: 0 !important;
  font-size: 15px !important; font-weight: 600 !important; line-height: 1.25 !important;
  color: #2b2f3a !important;
  transition: background .15s ease, color .15s ease !important;
}
.mm-menu .mm-listitem > .mm-listitem__text:hover,
.mm-menu .mm-listitem > .mm-listitem__text:active { background: #fff4f9 !important; color: var(--pp-brand-pink) !important; }
.mm-menu .mm-listitem .menu-title { font: inherit !important; color: inherit !important; }

/* Aktif sayfa */
.mm-menu .mm-listitem.current-menu-item > .mm-listitem__text,
.mm-menu .mm-listitem.current_page_item > .mm-listitem__text {
  color: var(--pp-brand-pink) !important; background: #fff4f9 !important;
  box-shadow: inset 3px 0 0 var(--pp-brand-pink) !important;
}
.mm-menu .mm-listitem.current-menu-item > .mm-listitem__text::before,
.mm-menu .mm-listitem.current_page_item > .mm-listitem__text::before { background-color: var(--pp-brand-pink) !important; }

/* Alt menü oku */
.mm-menu .mm-listitem__btn, .mm-menu .mm-btn--next { border: 0 !important; width: 50px !important; }
.mm-menu .mm-btn--next:after {
  border-color: var(--pp-brand-pink) !important; border-width: 2px 2px 0 0 !important;
  width: 8px !important; height: 8px !important; right: 22px !important;
}
.mm-menu .caret { display: none !important; }

/* ---- İKON YUVASI (her gerçek öğe) ---- */
.mm-menu #main-mobile-menu-mmenu-wrapper > li.mm-listitem:not(#menu-item-15195):not(#menu-item-15211) > .mm-listitem__text::before {
  content: "" !important; display: inline-block !important; flex: 0 0 auto !important;
  width: 20px !important; height: 20px !important; margin-right: 14px !important;
  background-color: #aeb3c0 !important;
  -webkit-mask-size: contain !important; mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important; mask-position: center !important;
}
.mm-menu #main-mobile-menu-mmenu-wrapper > li.mm-listitem > .mm-listitem__text:hover::before { background-color: var(--pp-brand-pink) !important; }

/* Kategori ikonları (menu-item ID bazlı) */
#menu-item-15235 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 16L3.5 9.5 12 3l8.5 6.5L12 16zm0 2.5L4.8 13 3.5 14 12 20.5 20.5 14l-1.3-1L12 18.5z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 16L3.5 9.5 12 3l8.5 6.5L12 16zm0 2.5L4.8 13 3.5 14 12 20.5 20.5 14l-1.3-1L12 18.5z'/></svg>") !important; }
#menu-item-15233 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8z'/></svg>") !important; }
#menu-item-15271 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/></svg>") !important; }
#menu-item-15231 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 15a5 5 0 110-10 5 5 0 010 10zm0-3a2 2 0 100-4 2 2 0 000 4z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 15a5 5 0 110-10 5 5 0 010 10zm0-3a2 2 0 100-4 2 2 0 000 4z'/></svg>") !important; }
#menu-item-15272 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6h-4V4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM10 4h4v2h-4V4z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6h-4V4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM10 4h4v2h-4V4z'/></svg>") !important; }
#menu-item-15232 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10.6 9.2L5.4 4 4 5.4l5.2 5.2 1.4-1.4zM14.5 4l2 2L4 18.6 5.4 20 18 7.4l2 2V4h-5.5zm.3 9.4l-1.4 1.4 3.1 3.1L14.5 20H20v-5.5l-2 2-3.2-3.1z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10.6 9.2L5.4 4 4 5.4l5.2 5.2 1.4-1.4zM14.5 4l2 2L4 18.6 5.4 20 18 7.4l2 2V4h-5.5zm.3 9.4l-1.4 1.4 3.1 3.1L14.5 20H20v-5.5l-2 2-3.2-3.1z'/></svg>") !important; }
#menu-item-15234 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z'/></svg>") !important; }
#menu-item-15613 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.6 7.6A4 4 0 106 10c.6 0 1.1-.1 1.6-.4L10 12l-2.4 2.4A4 4 0 106 14l6 6h3v-1L9.6 7.6zM6 8a2 2 0 110-4 2 2 0 010 4zm0 12a2 2 0 110-4 2 2 0 010 4zm13-17l-6 6 2 2 6-6V3z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.6 7.6A4 4 0 106 10c.6 0 1.1-.1 1.6-.4L10 12l-2.4 2.4A4 4 0 106 14l6 6h3v-1L9.6 7.6zM6 8a2 2 0 110-4 2 2 0 010 4zm0 12a2 2 0 110-4 2 2 0 010 4zm13-17l-6 6 2 2 6-6V3z'/></svg>") !important; }
#menu-item-24732 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.6 6.6a5.4 5.4 0 00-3.8 1.6L7.8 14.4c-.6.6-1.5 1-2.4 1a3.4 3.4 0 010-6.8c.9 0 1.8.4 2.4 1l1.1 1 1.5-1.3-1.2-1.1a5.4 5.4 0 10-3.8 9.2c1.4 0 2.8-.6 3.8-1.5l7-6.2c.6-.6 1.5-1 2.4-1a3.4 3.4 0 010 6.8c-.9 0-1.8-.4-2.4-1l-1.2-1-1.5 1.3 1.3 1.1a5.4 5.4 0 103.8-9.2z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.6 6.6a5.4 5.4 0 00-3.8 1.6L7.8 14.4c-.6.6-1.5 1-2.4 1a3.4 3.4 0 010-6.8c.9 0 1.8.4 2.4 1l1.1 1 1.5-1.3-1.2-1.1a5.4 5.4 0 10-3.8 9.2c1.4 0 2.8-.6 3.8-1.5l7-6.2c.6-.6 1.5-1 2.4-1a3.4 3.4 0 010 6.8c-.9 0-1.8-.4-2.4-1l-1.2-1-1.5 1.3 1.3 1.1a5.4 5.4 0 103.8-9.2z'/></svg>") !important; }

/* Sayfa ikonları */
#menu-item-15189 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/></svg>") !important; }
#menu-item-15190 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/></svg>") !important; }
#menu-item-15191 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z'/></svg>") !important; }
#menu-item-15192 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-8v-2h8v2zm0-4h-8v-2h8v2zm0-4h-8V7h8v2z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-8v-2h8v2zm0-4h-8v-2h8v2zm0-4h-8V7h8v2z'/></svg>") !important; }
#menu-item-15193 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 17h-2v-2h2v2zm2.1-7.8l-.9.9c-.7.7-1.2 1.3-1.2 2.9h-2v-.5c0-.8.3-1.6 1-2.3l1.2-1.2c.4-.4.6-1 .4-1.6-.2-.6-.8-1-1.4-1-.8 0-1.5.5-1.7 1.2H8.5C8.8 7.9 10.2 6.8 12 6.8c1.6 0 3 1 3.5 2.4.4 1 .1 2-.7 2.7z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 17h-2v-2h2v2zm2.1-7.8l-.9.9c-.7.7-1.2 1.3-1.2 2.9h-2v-.5c0-.8.3-1.6 1-2.3l1.2-1.2c.4-.4.6-1 .4-1.6-.2-.6-.8-1-1.4-1-.8 0-1.5.5-1.7 1.2H8.5C8.8 7.9 10.2 6.8 12 6.8c1.6 0 3 1 3.5 2.4.4 1 .1 2-.7 2.7z'/></svg>") !important; }
#menu-item-15194 > .mm-listitem__text::before { -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/></svg>") !important; mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/></svg>") !important; }

/* "KATEGORİLER" başlığı */
#menu-item-15195 > .mm-listitem__text {
  pointer-events: none !important; text-transform: uppercase !important;
  font-size: 11px !important; letter-spacing: .12em !important; font-weight: 800 !important;
  color: #b3b8c4 !important; padding: 16px 16px 6px !important;
}
#menu-item-15195:after { display: none !important; }

/* Alt-çizgi ayraç → "SAYFALAR" bölüm başlığı */
#menu-item-15211 { padding: 0 !important; }
#menu-item-15211:after { display: none !important; }
#menu-item-15211 > .mm-listitem__text {
  pointer-events: none !important; padding: 0 !important; font-size: 0 !important; height: auto !important;
  border-top: 1px solid #f0f1f4 !important; margin: 10px 16px 0 !important;
}
#menu-item-15211 > .mm-listitem__text::after {
  content: "SAYFALAR" !important; display: block !important;
  font-size: 11px !important; letter-spacing: .12em !important; font-weight: 800 !important;
  color: #b3b8c4 !important; text-transform: uppercase !important; padding: 16px 0 6px !important;
}

/* =================================================================
   16b) MOBİL MENÜ — logo + sosyal + WhatsApp + boşluk azalt (2026-06-23)
   ================================================================= */

/* Ana panel navbar'ını gizle (logo onun yerine); alt-menü navbar'ı (geri butonu) DURUR */
#main-mobile-menu-mmenu > .mm-navbar { display: none !important; }

/* Üst boşluğu azalt */
.mm-menu .mm-listview { margin: 4px 0 8px !important; }
#menu-item-15195 > .mm-listitem__text { padding-top: 10px !important; }

/* --- Logo --- */
.mm-menu .pp-mm-logo {
  display: flex !important;
  align-items: center !important;
  padding: 14px 60px 14px 16px !important;
  border-bottom: 1px solid #f0f1f4 !important;
}
.mm-menu .pp-mm-logo img {
  height: 34px !important;
  width: auto !important;
  max-width: 160px !important;
  display: block !important;
}

/* --- Footer (WhatsApp + sosyal) --- */
.mm-menu .pp-mm-footer {
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid #f0f1f4 !important;
  margin-top: 4px !important;
}
.mm-menu .pp-mm-wa {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  height: 48px !important;
  border-radius: 999px !important;
  background: #25D366 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(37, 211, 102, .30) !important;
}
.mm-menu .pp-mm-wa-ic {
  width: 21px !important; height: 21px !important; flex: 0 0 auto !important;
  background-color: #fff !important;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19.05 4.91A9.82 9.82 0 0012.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 004.74 1.21h.004c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01zM12.04 20.15a8.23 8.23 0 01-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.21 8.21 0 01-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24a8.2 8.2 0 015.83 2.42 8.18 8.18 0 012.41 5.83c0 4.54-3.7 8.23-8.25 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.16.25-.64.81-.79.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.01-.38.11-.5.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.4-.42-.56-.42h-.47c-.17 0-.43.06-.66.31-.23.25-.86.85-.86 2.07 0 1.22.89 2.4 1.01 2.56.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.14-1.18-.06-.1-.22-.16-.47-.28z'/></svg>") center/contain no-repeat !important;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19.05 4.91A9.82 9.82 0 0012.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 004.74 1.21h.004c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01zM12.04 20.15a8.23 8.23 0 01-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.21 8.21 0 01-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24a8.2 8.2 0 015.83 2.42 8.18 8.18 0 012.41 5.83c0 4.54-3.7 8.23-8.25 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.16.25-.64.81-.79.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.01-.38.11-.5.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.4-.42-.56-.42h-.47c-.17 0-.43.06-.66.31-.23.25-.86.85-.86 2.07 0 1.22.89 2.4 1.01 2.56.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.14-1.18-.06-.1-.22-.16-.47-.28z'/></svg>") center/contain no-repeat !important;
}
.mm-menu .pp-mm-social {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-top: 16px !important;
}
.mm-menu .pp-mm-social a {
  width: 44px !important; height: 44px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  border: 1.5px solid #eceef2 !important; border-radius: 50% !important;
  transition: border-color .15s ease, background .15s ease !important;
}
.mm-menu .pp-mm-social a:hover { border-color: var(--pp-brand-pink) !important; background: #fff4f9 !important; }
.mm-menu .pp-mm-social a::before {
  content: "" !important; width: 21px !important; height: 21px !important;
  background-color: var(--pp-brand-pink) !important;
  -webkit-mask-size: contain !important; mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important; mask-position: center !important;
}
.mm-menu .pp-mm-social .pp-mm-ig::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 2C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5H7zm10 2c1.66 0 3 1.34 3 3v10c0 1.66-1.34 3-3 3H7c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h10zm-5 3a5 5 0 100 10 5 5 0 000-10zm0 2a3 3 0 110 6 3 3 0 010-6zm5.5-2.5a1 1 0 100 2 1 1 0 000-2z'/></svg>") !important;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 2C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5H7zm10 2c1.66 0 3 1.34 3 3v10c0 1.66-1.34 3-3 3H7c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h10zm-5 3a5 5 0 100 10 5 5 0 000-10zm0 2a3 3 0 110 6 3 3 0 010-6zm5.5-2.5a1 1 0 100 2 1 1 0 000-2z'/></svg>") !important;
}
.mm-menu .pp-mm-social .pp-mm-fb::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M22 12a10 10 0 10-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0022 12z'/></svg>") !important;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M22 12a10 10 0 10-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0022 12z'/></svg>") !important;
}