/*
Theme Name: Bella Vita Butik
Theme URI: https://www.bellavitabutik.com/
Author: Bella Vita Butik
Author URI: https://www.bellavitabutik.com/
Description: A professional, elegant WooCommerce theme designed for fashion boutiques, bridal shops, and women's clothing stores. Features include custom product displays, mega menu categories, responsive carousel layouts, and optimized performance with LiteSpeed cache integration. Perfect for boutiques selling dresses, evening wear, wedding gowns, and bohemian style fashion. SEO optimized with structured data and accessibility features.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, woocommerce, fashion, boutique, custom-menu, custom-logo, featured-images, flexible-header, footer-widgets, full-width-template, one-column, two-columns, theme-options, threaded-comments, translation-ready, blog, portfolio
Text Domain: bellavitabutik
Domain Path: /languages

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bella Vita Butik is based on WordPress best practices and modern web standards.
*/

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

body {
    font-family: 'Poppins', sans-serif !important;
    background-color: #f9f1f5 !important;
    color: #5a4a5e !important;
    line-height: 1.6 !important;
    overflow-x: hidden !important;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

/* Üst Duyuru Çubuğu */
.top-bar {
    background: #5a4a5e !important;
    color: #fff !important;
    padding: 10px 20px !important;
    text-align: center !important;
    font-size: 14px !important;
}

.top-bar span {
    margin-right: 10px !important;
}

.top-bar a {
    color: #e8a8b8 !important;
    margin: 0 10px !important;
    transition: color 0.3s ease !important;
}

.top-bar a:hover {
    color: #fff !important;
}

/* Header */
header {
    background: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}

.header-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 20px !important;
}

.site-branding {
    flex: 1 !important;
}

.custom-logo-link img {
    width: 150px !important;
    height: 50px !important;
    object-fit: contain !important;
}

.site-title {
    font-family: 'Dancing Script', cursive !important;
    font-size: 36px !important;
    color: #e8a8b8 !important;
}

.hamburger-menu {
    display: none !important;
    font-size: 24px !important;
    color: #5a4a5e !important;
    cursor: pointer !important;
    transition: color 0.3s ease !important;
}

.hamburger-menu:hover {
    color: #e8a8b8 !important;
}

.header-center {
    flex: 2 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
}

.header-center .menu {
    display: flex !important;
    gap: 20px !important;
    align-items: center !important;
}

.header-center .menu li {
    list-style: none !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.header-center .menu li a {
    font-size: 16px !important;
    color: #5a4a5e !important;
    font-weight: 500 !important;
    padding: 10px !important;
    transition: color 0.3s ease !important;
}

.header-center .menu li a:hover {
    color: #e8a8b8 !important;
}

.header-center .menu .dropdown {
    position: relative !important;
}

.header-center .menu .dropdown .sub-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px !important;
    padding: 20px !important;
    width: 600px !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    z-index: 1000 !important;
}

.header-center .menu .dropdown:hover .sub-menu {
    display: grid !important;
}

.header-center .menu .sub-menu li {
    display: block !important;
}

.header-center .menu .sub-menu li a {
    padding: 5px 10px !important;
    display: block !important;
    font-size: 14px !important;
    color: #5a4a5e !important;
    transition: color 0.3s ease !important;
}

.header-center .menu .sub-menu li a:hover {
    color: #e8a8b8 !important;
}

.header-center form {
    position: relative !important;
    width: 300px !important;
}

.header-center input[type="search"] {
    width: 100% !important;
    padding: 10px 40px 10px 20px !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 20px !important;
    font-size: 14px !important;
}

.header-center input[type="submit"] {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    color: #e8a8b8 !important;
    cursor: pointer !important;
    font-size: 16px !important;
}

.header-right {
    flex: 1 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 15px !important;
}

.header-right .cart-icon {
    font-size: 20px !important;
    color: #5a4a5e !important;
    position: relative !important;
}

.header-right .cart-icon .cart-count {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background: #e8a8b8 !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 2px 6px !important;
    border-radius: 50% !important;
}

.header-right .user-icon {
    font-size: 20px !important;
    color: #5a4a5e !important;
}

.header-right .contact-info {
    background: #e8a8b8 !important;
    color: #fff !important;
    padding: 5px 15px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* Arama formu stilleri (header-right için) */
.header-right .search-form {
    position: relative !important;
    width: 200px !important;
}

.header-right input[type="search"] {
    width: 100% !important;
    padding: 8px 30px 8px 10px !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 20px !important;
    font-size: 14px !important;
}

.header-right input[type="submit"] {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    color: #e8a8b8 !important;
    cursor: pointer !important;
    font-size: 16px !important;
}

/* ===================================
   SEARCH TOGGLE BUTTON & OVERLAY
   =================================== */
.search-toggle-btn {
    background: none !important;
    border: none !important;
    font-size: 20px !important;
    color: #5a4a5e !important;
    cursor: pointer !important;
    padding: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    border-radius: 50% !important;
}

.search-toggle-btn:hover {
    color: #e8a8b8 !important;
    background: rgba(232, 168, 184, 0.1) !important;
    transform: scale(1.1) !important;
}

/* Search Overlay */
.search-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(90, 74, 94, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10000 !important;
    animation: fadeIn 0.3s ease !important;
}

.search-overlay.active {
    display: flex !important;
}

.search-overlay-content {
    position: relative !important;
    width: 90% !important;
    max-width: 700px !important;
    animation: slideDown 0.4s ease !important;
}

.search-close-btn {
    position: absolute !important;
    top: -50px !important;
    right: 0 !important;
    background: none !important;
    border: none !important;
    font-size: 32px !important;
    color: #fff !important;
    cursor: pointer !important;
    padding: 10px !important;
    transition: all 0.3s ease !important;
    border-radius: 50% !important;
}

.search-close-btn:hover {
    color: #e8a8b8 !important;
    transform: rotate(90deg) !important;
}

.search-form-overlay {
    display: flex !important;
    background: #fff !important;
    border-radius: 50px !important;
    padding: 10px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

.search-field-overlay {
    flex: 1 !important;
    border: none !important;
    padding: 15px 25px !important;
    font-size: 18px !important;
    outline: none !important;
    background: transparent !important;
    color: #5a4a5e !important;
}

.search-field-overlay::placeholder {
    color: #b0a0b4 !important;
}

.search-submit-overlay {
    background: linear-gradient(135deg, #e6b8c0 0%, #f0c0c8 100%) !important;
    border: none !important;
    color: #fff !important;
    padding: 15px 30px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
}

.search-submit-overlay:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 5px 20px rgba(230, 184, 192, 0.4) !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===================================
   MEGA MENU STYLES
   =================================== */
.mega-menu-item {
    position: relative !important;
}

.mega-menu-trigger {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 15px !important;
    color: #5a4a5e !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
}

.mega-menu-trigger:hover {
    color: #e8a8b8 !important;
    background: rgba(232, 168, 184, 0.1) !important;
}

.mega-menu-trigger .dropdown-arrow {
    font-size: 12px !important;
    transition: transform 0.3s ease !important;
}

.mega-menu-item:hover .dropdown-arrow {
    transform: rotate(180deg) !important;
}

.mega-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 650px !important;
    max-width: 90vw !important;
    background: #fffef9 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(90, 74, 94, 0.15) !important;
    padding: 0 !important;
    padding-top: 15px !important;
    margin-top: -5px !important;
    z-index: 1000 !important;
    animation: fadeInDown 0.3s ease !important;
    max-height: 450px !important;
    overflow-y: auto !important;
    border: 2px solid rgba(232, 168, 184, 0.2) !important;
}

/* Invisible bridge - Mouse menüye giderken kapanmayı engelle */
.mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -15px !important;
    left: 0 !important;
    width: 100% !important;
    height: 20px !important;
    background: transparent !important;
}

/* Hover Delay - Mouse kaydırınca hemen kapanmayı engelle */
.mega-menu-item:hover .mega-menu {
    display: block !important;
    animation-delay: 0s !important;
}

.mega-menu-item .mega-menu {
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

/* Mega menu hover edildiğinde de açık kalsın */
.mega-menu:hover {
    display: block !important;
}

.mega-menu-container {
    padding: 25px !important;
}

.mega-menu-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px dashed rgba(232, 168, 184, 0.3) !important;
}

.mega-menu-header h3 {
    font-family: 'Playfair Display', serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #5a4a5e !important;
    margin: 0 !important;
}

.view-all-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #e8a8b8 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.view-all-link:hover {
    color: #d4a0a8 !important;
    gap: 12px !important;
}

/* Fiyonk Liste - Flex Layout */
.mega-menu-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 8px !important;
    justify-content: flex-start !important;
}

/* Minimal Fiyonk - Dynamic Sizing */
.mega-menu-list-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 6px 10px 5px 10px !important;
    margin: 3px 2px !important;
    text-decoration: none !important;
    color: #5a4a5e !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    background: linear-gradient(135deg, #fce8f0 0%, #f9dce8 100%) !important;
    clip-path: polygon(
        0% 12%, 50% 0%, 100% 12%,
        100% 88%, 50% 100%, 0% 88%
    ) !important;
    box-shadow: 0 2px 5px rgba(232, 168, 184, 0.2) !important;
    border: 1px solid rgba(232, 168, 184, 0.15) !important;
    white-space: nowrap !important;
}

/* Hover - Hafif Yukarı Kalk */
.mega-menu-list-item:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 8px rgba(232, 168, 184, 0.3) !important;
    background: linear-gradient(135deg, #fce8f0 0%, #f5ccdf 100%) !important;
    border-color: rgba(232, 168, 184, 0.25) !important;
}

/* Kategori Adı - Inline */
.category-name {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #5a4a5e !important;
    display: inline !important;
    margin: 0 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.2 !important;
}

/* Ürün Sayısı - System Already Adds Parentheses */
.category-count {
    font-size: 11px !important;
    color: #b0a0b4 !important;
    font-weight: 500 !important;
    display: inline !important;
    margin: 0 !important;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===================================
   RESPONSIVE STYLES - MEGA MENU & SEARCH
   =================================== */

/* Tablet and Below */
@media (max-width: 1024px) {
    .mega-menu {
        width: 90vw !important;
        left: 0 !important;
        margin-top: 15px !important;
    }

    .mega-menu-list {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px 12px !important;
    }

    .mega-menu-header h3 {
        font-size: 18px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .search-overlay-content {
        width: 95% !important;
    }

    .search-close-btn {
        top: -45px !important;
        font-size: 28px !important;
    }

    .search-field-overlay {
        padding: 12px 20px !important;
        font-size: 16px !important;
    }

    .search-submit-overlay {
        padding: 12px 25px !important;
        font-size: 16px !important;
    }

    .mega-menu {
        position: static !important;
        width: 100% !important;
        margin-top: 10px !important;
        border-radius: 10px !important;
    }

    .mega-menu-container {
        padding: 18px !important;
    }

    .mega-menu-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        margin-bottom: 15px !important;
        padding-bottom: 12px !important;
    }

    .mega-menu-header h3 {
        font-size: 16px !important;
    }

    /* Fiyonk - Mobile */
    .mega-menu-list {
        gap: 6px 4px !important;
    }

    .mega-menu-list-item {
        padding: 7px 10px 5px 10px !important;
        margin: 2px 1px !important;
    }

    .category-name {
        font-size: 11px !important;
    }

    .category-count {
        font-size: 10px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .search-form-overlay {
        flex-direction: column !important;
        border-radius: 15px !important;
    }

    .search-field-overlay {
        padding: 15px 20px !important;
        border-bottom: 1px solid #e8e8e8 !important;
    }

    .search-submit-overlay {
        width: 100% !important;
        padding: 15px !important;
        border-radius: 0 0 15px 15px !important;
    }

    /* Fiyonk - Small Mobile - Daha Sade */
    .mega-menu-list {
        gap: 5px 3px !important;
    }

    .mega-menu-list-item {
        padding: 6px 8px 4px 8px !important;
        margin: 2px 1px !important;
        font-size: 10px !important;
    }

    .category-name {
        font-size: 10px !important;
    }

    .category-count {
        font-size: 9px !important;
    }
}

/* Hero Bölümü */
.hero {
    background: linear-gradient(135deg, #f9f1f5 0%, #e8a8b8 100%) !important;
    padding: 80px 40px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 40px !important;
    position: relative !important;
    overflow: hidden !important;
}

.hero::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: url('https://source.unsplash.com/1600x900/?pattern,bohemian') !important;
    opacity: 0.1 !important;
    z-index: 0 !important;
}

.hero-content {
    max-width: 50% !important;
    position: relative !important;
    z-index: 1 !important;
}

.hero-content h1 {
    font-size: 48px !important;
    color: #5a4a5e !important;
    margin-bottom: 10px !important;
}

.hero-content h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 60px !important;
    color: #5a4a5e !important;
    margin-bottom: 20px !important;
}

.hero-content p {
    font-size: 16px !important;
    color: #5a4a5e !important;
    margin-bottom: 30px !important;
}

.hero-content .button {
    display: inline-block !important;
    padding: 12px 30px !important;
    background: #5a4a5e !important;
    color: #fff !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    transition: background 0.3s ease !important;
}

.hero-content .button:hover {
    background: #e8a8b8 !important;
}

.hero-image {
    max-width: 45% !important;
    position: relative !important;
    z-index: 1 !important;
}

.hero-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}

/* ============================================
   LUXURY HEXAGON PREMIUM - Kategoriler Bölümü
   ============================================ */

/* Section Container */
.categories-section {
    text-align: center !important;
    padding: 60px 20px !important;
    background: linear-gradient(135deg, #fff 0%, #fffef9 100%) !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    position: relative !important;
    overflow: visible !important;
}

/* Section Title */
.categories-section h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 48px !important;
    color: #5a4a5e !important;
    margin-bottom: 40px !important;
    position: relative !important;
    text-shadow: 0 2px 10px rgba(90, 74, 94, 0.1) !important;
}

.categories-section h2::after {
    content: '••••••••••••••••' !important;
    display: block !important;
    font-size: 14px !important;
    color: #e8a8b8 !important;
    letter-spacing: 4px !important;
    margin-top: 8px !important;
    opacity: 0.8 !important;
}

/* Carousel Wrapper */
.categories-carousel-wrapper {
    position: relative !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 80px !important;
}

/* Carousel Container */
.categories-carousel {
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
}

/* Categories Grid - Horizontal Scroll */
.categories {
    display: flex !important;
    gap: 50px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    padding: 30px 30px 30px 10px !important;
    position: relative !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-padding-left: 20px !important;
    scroll-padding-right: 20px !important;
}

.categories::-webkit-scrollbar {
    display: none !important;
}

/* Carousel Navigation Buttons */
.carousel-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, #e8a8b8, #d896a8) !important;
    border: 3px solid #fff !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 32px !important;
    cursor: pointer !important;
    z-index: 999 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 6px 25px rgba(232, 168, 184, 0.6) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    outline: none !important;
    opacity: 1 !important;
}

.carousel-btn:hover {
    background: linear-gradient(135deg, #d896a8, #c084a0) !important;
    transform: translateY(-50%) scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(232, 168, 184, 0.6) !important;
}

.carousel-prev {
    left: 0 !important;
}

.carousel-next {
    right: 0 !important;
}

/* Category Wrapper - Visible by Default */
.category-wrapper {
    position: relative !important;
    text-align: center !important;
    flex: 0 0 auto !important;
    opacity: 1 !important;
    animation: fadeInUp 0.6s ease !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0 !important;
        transform: translateY(30px) !important;
    }
    to {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

/* Luxury Hexagon Card */
.category-card.luxury-hexagon {
    width: 200px !important;
    height: 200px !important;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
    position: relative !important;
    display: block !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    filter: drop-shadow(0 8px 20px rgba(90, 74, 94, 0.15)) !important;
}

.category-card.luxury-hexagon:hover {
    transform: translateY(-15px) scale(1.05) !important;
    filter: drop-shadow(0 20px 40px rgba(232, 168, 184, 0.4)) !important;
}

/* Hexagon Inner Container */
.hexagon-inner {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
    overflow: hidden !important;
}

/* Gradient Outer Border */
.hexagon-border-outer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, #e8a8b8, #d896a8, #c084a0, #a87294) !important;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
    z-index: 1 !important;
    animation: rotateBorder 4s linear infinite !important;
}

@keyframes rotateBorder {
    0% {
        filter: hue-rotate(0deg) !important;
    }
    100% {
        filter: hue-rotate(15deg) !important;
    }
}

/* White Inner Border */
.hexagon-border-inner {
    position: absolute !important;
    top: 5px !important;
    left: 5px !important;
    width: calc(100% - 10px) !important;
    height: calc(100% - 10px) !important;
    background: #fff !important;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
    z-index: 2 !important;
}

/* Category Image */
.hexagon-inner img {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    width: calc(100% - 16px) !important;
    height: calc(100% - 16px) !important;
    object-fit: cover !important;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
    z-index: 3 !important;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    filter: blur(0px) contrast(1.05) brightness(1.02) !important;

    /* Ultra HD Image Rendering Optimization */
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    -ms-interpolation-mode: nearest-neighbor !important;

    /* GPU Acceleration for Sharp Rendering */
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

.category-card.luxury-hexagon:hover img {
    transform: scale(1.15) translateZ(0) !important;
    filter: blur(5px) !important;
}

/* Diagonal Shine Effect */
.shine-effect {
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(45deg,
        transparent 40%,
        rgba(255, 255, 255, 0.6) 50%,
        transparent 60%) !important;
    z-index: 4 !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
    pointer-events: none !important;
}

.category-card.luxury-hexagon:hover .shine-effect {
    opacity: 1 !important;
    animation: shine 1.2s ease !important;
}

@keyframes shine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg) !important;
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg) !important;
    }
}

/* Category Icon Badge */
.category-icon {
    position: absolute !important;
    top: -10px !important;
    left: 15px !important;
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(135deg, #e8a8b8, #d896a8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    z-index: 10 !important;
    box-shadow: 0 4px 15px rgba(232, 168, 184, 0.4) !important;
    border: 3px solid #fff !important;
    animation: pulse 2s ease-in-out infinite !important;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1) !important;
    }
    50% {
        transform: scale(1.1) !important;
    }
}

/* Category Info Card (Hover Overlay) */
.category-info-card {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg,
        rgba(232, 168, 184, 0.75),
        rgba(216, 150, 168, 0.75)) !important;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
    opacity: 0 !important;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 5 !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
    padding: 20px !important;
}

.category-card.luxury-hexagon:hover .category-info-card {
    opacity: 1 !important;
}

/* Category Title in Info Card */
.category-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: 1.5px !important;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Product Count */
.category-count {
    font-size: 15px !important;
    color: #fff !important;
    margin: 0 0 15px 0 !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Call to Action */
.category-cta {
    display: inline-block !important;
    padding: 10px 24px !important;
    background: #fff !important;
    color: #5a4a5e !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 25px !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    text-shadow: none !important;
}

.category-cta:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    background: #f9f9f9 !important;
}

/* Category Name Below */
.category-name {
    display: block !important;
    margin-top: 15px !important;
    font-size: 16px !important;
    color: #5a4a5e !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Popüler Ürünler Bölümü */
.popular-products-section {
    text-align: center !important;
    padding: 40px 20px !important;
    background: #f9f1f5 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.popular-products-section h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 40px !important;
    color: #5a4a5e !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

.popular-products-section h2::after {
    content: '••••••••••••••••' !important;
    display: block !important;
    font-size: 12px !important;
    color: #e8a8b8 !important;
    letter-spacing: 2px !important;
    margin-top: 10px !important;
}

/* Mağaza Bölümü */
.shop-section {
    padding: 60px 20px !important;
    background: #fff !important;
    margin-bottom: 40px !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.shop-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.shop-content {
    width: 100% !important;
}

.shop-content h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 40px !important;
    color: #5a4a5e !important;
    margin-bottom: 30px !important;
    position: relative !important;
    text-align: center !important;
}

.shop-content h2::after {
    content: '••••••••••••••••' !important;
    display: block !important;
    font-size: 12px !important;
    color: #e8a8b8 !important;
    letter-spacing: 2px !important;
    margin-top: 10px !important;
}

.products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    max-width: 100% !important;
    padding: 0 20px !important;
}

.product-card-3d {
    background: #fff !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 20px rgba(232, 168, 184, 0.3) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    width: 100% !important;
    position: relative !important;
    perspective: 1000px !important;
}

.product-card-3d:hover {
    transform: rotateY(10deg) rotateX(10deg) !important;
    box-shadow: 0 15px 30px rgba(232, 168, 184, 0.5) !important;
}

.product-card-3d img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

.product-card-3d:hover img {
    transform: scale(1.05) !important;
}

.product-info-3d {
    padding: 15px !important;
    text-align: center !important;
}

.product-info-3d h3 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 20px !important;
    color: #5a4a5e !important;
    margin-bottom: 10px !important;
}

.product-info-3d .price {
    font-size: 18px !important;
    color: #e8a8b8 !important;
    font-weight: 600 !important;
}

.explore-all-button {
    display: block !important;
    text-align: center !important;
    margin: 40px auto !important;
    padding: 12px 40px !important;
    background: linear-gradient(135deg, #e8a8b8, #5a4a5e) !important;
    color: #fff !important;
    border-radius: 25px !important;
    font-family: 'Dancing Script', cursive !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    max-width: 300px !important;
}

.explore-all-button:hover {
    background: linear-gradient(135deg, #5a4a5e, #e8a8b8) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Ürün Bölümü (Hem Popüler hem En Yeni Ürünler için ortak) */
.products-section,
.popular-products-section {
    text-align: center !important;
    padding: 40px 20px !important;
    background: #f9f1f5 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.products-section h2,
.popular-products-section h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 40px !important;
    color: #5a4a5e !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

.products-section h2::after,
.popular-products-section h2::after {
    content: '••••••••••••••••' !important;
    display: block !important;
    font-size: 12px !important;
    color: #e8a8b8 !important;
    letter-spacing: 2px !important;
    margin-top: 10px !important;
}

.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 30px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.product-card {
    background: #fff !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    width: 250px !important;
    max-width: 250px !important;
    min-width: 250px !important;
    flex: 0 0 250px !important;
}

.product-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

.product-card img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
}

.product-card .product-info {
    padding: 20px !important;
}

.product-card h3 {
    font-size: 20px !important;
    color: #5a4a5e !important;
    margin-bottom: 10px !important;
}

.product-card .price {
    font-size: 18px !important;
    color: #e8a8b8 !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

.product-card .button {
    display: inline-block !important;
    padding: 10px 20px !important;
    background: #e8a8b8 !important;
    color: #fff !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    transition: background 0.3s ease !important;
}

.product-card .button:hover {
    background: #d98a9b !important;
}

/* Marka Hikayesi Bölümü */
.brand-story-section {
    background: #fff !important;
    padding: 60px 40px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 40px !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.brand-story-content {
    max-width: 50% !important;
}

.brand-story-content h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 40px !important;
    color: #5a4a5e !important;
    margin-bottom: 20px !important;
}

.brand-story-content p {
    font-size: 16px !important;
    color: #5a4a5e !important;
    margin-bottom: 30px !important;
}

.brand-story-content .button {
    display: inline-block !important;
    padding: 12px 30px !important;
    background: #e8a8b8 !important;
    color: #fff !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    transition: background 0.3s ease !important;
}

.brand-story-content .button:hover {
    background: #5a4a5e !important;
}

.brand-story-image {
    max-width: 45% !important;
}

.brand-story-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(232, 168, 184, 0.3) !important;
}

/* E-posta Abonelik Bölümü */
.newsletter-section {
    text-align: center !important;
    padding: 60px 20px !important;
    background: #e8a8b8 !important;
    color: #fff !important;
    margin-bottom: 40px !important;
    border-radius: 15px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.newsletter-section h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 40px !important;
    margin-bottom: 20px !important;
}

.newsletter-section p {
    font-size: 16px !important;
    margin-bottom: 30px !important;
}

.newsletter-form {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

.newsletter-form input[type="email"] {
    padding: 12px 20px !important;
    border: none !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    width: 70% !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.newsletter-form button {
    padding: 12px 30px !important;
    background: #5a4a5e !important;
    color: #fff !important;
    border: none !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
}

.newsletter-form button:hover {
    background: #fff !important;
    color: #e8a8b8 !important;
}

#newsletter-message {
    margin-top: 20px !important;
    font-size: 16px !important;
}

/* Instagram Feed Bölümü */
.instagram-feed-section {
    text-align: center !important;
    padding: 40px 20px !important;
    background: #fff !important;
    margin-bottom: 40px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.instagram-feed-section h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 40px !important;
    color: #5a4a5e !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

.instagram-feed-section h2::after {
    content: '••••••••••••••••' !important;
    display: block !important;
    font-size: 12px !important;
    color: #e8a8b8 !important;
    letter-spacing: 2px !important;
    margin-top: 10px !important;
}

.instagram-feed {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 20px !important;
    max-width: 1400px !important;
    margin: 0 auto 30px !important;
}

.instagram-post-wrapper {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(232, 168, 184, 0.3) !important;
    transition: transform 0.3s ease !important;
}

.instagram-post-wrapper:hover {
    transform: scale(1.05) !important;
}

.instagram-post-wrapper img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    transition: filter 0.3s ease !important;
}

.instagram-post-wrapper:hover img {
    filter: blur(5px) !important;
}

.instagram-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(232, 168, 184, 0.8) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.instagram-post-wrapper:hover .instagram-overlay {
    opacity: 1 !important;
}

.instagram-overlay-text {
    font-family: 'Dancing Script', cursive !important;
    font-size: 24px !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 20px !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* Mağaza Sayfası */
.shop-page {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    background: #f9f1f5 !important;
}

.shop-header {
    text-align: center !important;
    margin-bottom: 40px !important;
}

.shop-header h1 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 40px !important;
    color: #5a4a5e !important;
    margin-bottom: 10px !important;
}

.shop-header p {
    font-size: 14px !important;
    color: #5a4a5e !important;
}

.shop-content {
    display: flex !important;
    gap: 40px !important;
}

.shop-sidebar {
    width: 250px !important;
    background: #fff !important;
    padding: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

.shop-sidebar h3 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 24px !important;
    color: #5a4a5e !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

.shop-sidebar h3::after {
    content: '••••••••' !important;
    display: block !important;
    font-size: 10px !important;
    color: #e8a8b8 !important;
    letter-spacing: 2px !important;
    margin-top: 5px !important;
}

.category-list {
    list-style: none !important;
}

.category-item {
    margin-bottom: 10px !important;
}

.category-item a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    background: #f9f1f5 !important;
    color: #5a4a5e !important;
    border-radius: 25px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(232, 168, 184, 0.2) !important;
}

.category-item a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, rgba(232, 168, 184, 0.4), rgba(90, 74, 94, 0.4)) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.category-item a:hover::before {
    opacity: 1 !important;
}

.category-item a:hover {
    background: #e8a8b8 !important;
    color: #fff !important;
    transform: translateX(10px) !important;
    box-shadow: 0 4px 15px rgba(232, 168, 184, 0.4) !important;
}

.category-item a::after {
    content: '➔' !important;
    margin-left: 10px !important;
    font-size: 12px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.category-item a:hover::after {
    opacity: 1 !important;
}

/* Product Categories Widget (archive-product.php) */
.product-categories {
    list-style: none !important;
    padding: 0 !important;
}

.product-categories li {
    margin-bottom: 10px !important;
}

.product-categories li a {
    display: inline-block !important;
    padding: 8px 12px !important;
    color: #5a4a5e !important;
    transition: color 0.3s ease !important;
}

.product-categories li a:hover {
    color: #e8a8b8 !important;
}

.product-categories li.current-cat {
    background: #f9f1f5 !important;
    border-radius: 5px !important;
    padding: 5px !important;
}

.product-categories li.current-cat a {
    color: #e8a8b8 !important;
    font-weight: bold !important;
}

.product-categories li .count {
    color: #b89d8f !important;
    font-size: 12px !important;
}

/* Price Filter Form */
.price-filter-form {
    margin-top: 15px !important;
}

.price-inputs {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
}

.price-inputs input[type="number"] {
    width: 80px !important;
    padding: 8px !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 5px !important;
    font-size: 14px !important;
}

.price-inputs span {
    color: #5a4a5e !important;
}

.price-filter-form .button {
    width: 100% !important;
    padding: 10px !important;
    background: #e8a8b8 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
}

.price-filter-form .button:hover {
    background: #5a4a5e !important;
}

.shop-products {
    flex: 1 !important;
}

.shop-sorting {
    margin-bottom: 20px !important;
    text-align: right !important;
    position: relative !important;
    z-index: 10 !important;
}

.shop-sorting select,
.shop-sorting form {
    position: relative !important;
    z-index: 10 !important;
}

.shop-sorting select {
    padding: 8px 15px !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    color: #5a4a5e !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: border-color 0.3s ease !important;
}

.shop-sorting select:hover {
    border-color: #5a4a5e !important;
}

.shop-page .products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 30px !important;
    max-width: 100% !important;
}

.woocommerce-pagination {
    text-align: center !important;
    margin-top: 40px !important;
}

.woocommerce-pagination .page-numbers {
    display: inline-block !important;
    padding: 8px 15px !important;
    margin: 0 5px !important;
    background: #fff !important;
    color: #5a4a5e !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 20px !important;
    transition: background 0.3s ease, color 0.3s ease !important;
}

.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers:hover {
    background: #e8a8b8 !important;
    color: #fff !important;
    border-color: #e8a8b8 !important;
}

/* Ürün Sayfası */
.single-product-page {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    background: #f9f1f5 !important;
}

.product-content {
    display: flex !important;
    gap: 40px !important;
    margin-bottom: 40px !important;
}

.product-gallery {
    flex: 1 !important;
}

.main-product-image {
    width: 100% !important;
    aspect-ratio: 3/4 !important;
    max-height: 600px !important;
    object-fit: contain !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(232, 168, 184, 0.3) !important;
    background: #f9f9f9 !important;
}

.product-thumbnails {
    display: flex !important;
    gap: 10px !important;
    margin-top: 15px !important;
    flex-wrap: wrap !important;
}

.thumbnail-image {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 5px !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    transition: border-color 0.3s ease, transform 0.3s ease !important;

    /* HD Thumbnail Rendering */
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    filter: contrast(1.05) brightness(1.02) !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
}

.thumbnail-image:hover {
    border-color: #e8a8b8 !important;
    transform: scale(1.1) translateZ(0) !important;
}

.thumbnail-image.active {
    border-color: #e8a8b8 !important;
}

.product-details {
    flex: 1 !important;
    background: #fff !important;
    padding: 30px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

.product-details h1 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 36px !important;
    color: #5a4a5e !important;
    margin-bottom: 15px !important;
}

.product-details .price {
    font-size: 24px !important;
    color: #e8a8b8 !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.product-details .product-excerpt {
    font-size: 16px !important;
    color: #5a4a5e !important;
    margin-bottom: 20px !important;
}

.product-details .product-meta {
    margin-bottom: 20px !important;
}

.product-details .product-meta p {
    font-size: 14px !important;
    color: #5a4a5e !important;
    margin-bottom: 5px !important;
}

.product-details .product-actions .button {
    padding: 12px 30px !important;
    background: #e8a8b8 !important;
    color: #fff !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    transition: background 0.3s ease !important;
}

.product-details .product-actions .button:hover {
    background: #d98a9b !important;
}

.product-description {
    background: #fff !important;
    padding: 30px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

.product-description h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 30px !important;
    color: #5a4a5e !important;
    margin-bottom: 20px !important;
}

.product-description p {
    font-size: 16px !important;
    color: #5a4a5e !important;
}

/* Footer */
footer {
    background: #5a4a5e !important;
    color: #fff !important;
    padding: 40px 20px !important;
    text-align: center !important;
}

.footer-content {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.footer-content p {
    margin: 10px 0 !important;
}

.footer-content a {
    color: #e8a8b8 !important;
    transition: color 0.3s ease !important;
}

.footer-content a:hover {
    color: #fff !important;
}

.footer-social {
    margin: 20px 0 !important;
}

.footer-social a {
    margin: 0 15px !important;
    font-size: 20px !important;
    color: #e8a8b8 !important;
    transition: color 0.3s ease !important;
}

.footer-social a:hover {
    color: #fff !important;
}

.footer-menu ul {
    list-style: none !important;
    margin-top: 20px !important;
}

.footer-menu ul li {
    display: inline-block !important;
    margin: 0 15px !important;
}

.footer-menu ul li a {
    font-size: 14px !important;
    transition: color 0.3s ease !important;
}

.footer-menu ul li a:hover {
    color: #e8a8b8 !important;
}

/* Animasyon */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

main {
    animation: fadeIn 1s ease-in !important;
}

.brand-story-section,
.popular-products-section,
.shop-section,
.newsletter-section,
.shop-page,
.single-product-page,
.instagram-feed-section {
    animation: fadeIn 1s ease-in !important;
}

/* Mobil Uyumluluk */
@media (max-width: 1024px) {
    .header-container {
        flex-direction: row !important;
        align-items: center !important;
        padding: 10px 15px !important;
    }

    .hamburger-menu {
        display: block !important;
    }

    .header-center {
        flex-direction: column !important;
        position: absolute !important;
        top: 70px !important;
        left: 0 !important;
        width: 100% !important;
        background: #fff !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
        padding: 20px !important;
        display: none !important;
        z-index: 999 !important;
        border-radius: 0 0 15px 15px !important;
    }

    .header-center.active {
        display: block !important;
    }

    .header-center.active .menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }

    .header-center.active .menu li {
        display: block !important;
        text-align: center !important;
    }

    .header-center.active .menu li a {
        font-size: 18px !important;
        padding: 10px !important;
        display: block !important;
        color: #5a4a5e !important;
    }

    .header-center.active .menu .dropdown .sub-menu {
        position: static !important;
        transform: none !important;
        display: none !important;
        width: 100% !important;
        grid-template-columns: 1fr !important;
        padding: 10px 0 !important;
        box-shadow: none !important;
        background: #f9f1f5 !important;
    }

    .header-center.active .menu .dropdown.active .sub-menu {
        display: grid !important;
    }

    .header-center.active form {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .header-right {
        gap: 10px !important;
    }

    .header-right .contact-info {
        font-size: 12px !important;
        padding: 5px 10px !important;
    }

    .hero,
    .brand-story-section,
    .product-content {
        flex-direction: column !important;
        text-align: center !important;
    }

    .hero-content,
    .brand-story-content {
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }

    .hero-image,
    .brand-story-image {
        max-width: 80% !important;
    }

    .product-gallery,
    .product-details {
        flex: 1 !important;
        width: 100% !important;
    }

    .main-product-image {
        max-height: 500px !important;
    }

    .shop-content {
        flex-direction: column !important;
    }

    .shop-sidebar {
        width: 100% !important;
    }

    .shop-sorting {
        text-align: center !important;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .top-bar {
        font-size: 12px !important;
        padding: 8px 15px !important;
    }

    .top-bar a {
        margin: 0 5px !important;
    }

    .custom-logo-link img {
        width: 120px !important;
        height: 40px !important;
    }

    .site-title {
        font-size: 28px !important;
    }

    .header-center.active .menu li a {
        font-size: 16px !important;
    }

    .header-right .contact-info {
        display: none !important;
    }

    .hero-content h1 {
        font-size: 36px !important;
    }

    .hero-content h2 {
        font-size: 48px !important;
    }

    /* Luxury Hexagon - Tablet */
    .category-card.luxury-hexagon {
        width: 160px !important;
        height: 160px !important;
    }

    .category-icon {
        width: 38px !important;
        height: 38px !important;
        font-size: 20px !important;
    }

    .category-title {
        font-size: 16px !important;
    }

    .category-count {
        font-size: 13px !important;
    }

    .category-name {
        font-size: 15px !important;
    }

    .product-card img {
        height: 250px !important;
    }

    .product-card-3d img {
        height: 250px !important;
    }

    .categories::before,
    .categories::after {
        display: none !important;
    }

    .footer-menu ul li {
        display: block !important;
        margin: 10px 0 !important;
    }

    .newsletter-form {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .newsletter-form input[type="email"] {
        width: 100% !important;
    }

    .instagram-post-wrapper img {
        height: 200px !important;
    }

    .instagram-overlay-text {
        font-size: 20px !important;
        padding: 15px !important;
    }

    .explore-all-button {
        padding: 10px 30px !important;
        font-size: 18px !important;
    }

    .shop-page .products {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    }

    .category-item a {
        font-size: 12px !important;
        padding: 8px 12px !important;
    }
}

@media (max-width: 480px) {
    .top-bar {
        font-size: 11px !important;
        padding: 6px 10px !important;
    }

    .top-bar a {
        margin: 0 3px !important;
        font-size: 11px !important;
    }

    .hero {
        padding: 40px 20px !important;
    }

    .custom-logo-link img {
        width: 100px !important;
        height: 35px !important;
    }

    .site-title {
        font-size: 24px !important;
    }

    .hamburger-menu {
        font-size: 20px !important;
    }

    .header-center.active .menu li a {
        font-size: 14px !important;
    }

    .header-center.active input[type="search"] {
        font-size: 12px !important;
        padding: 8px 30px 8px 15px !important;
    }

    .header-center.active input[type="submit"] {
        font-size: 14px !important;
    }

    .header-right .cart-icon,
    .header-right .user-icon {
        font-size: 18px !important;
    }

    .hero-content h1 {
        font-size: 28px !important;
    }

    .hero-content h2 {
        font-size: 36px !important;
    }

    .product-card img {
        height: 200px !important;
    }

    .product-card-3d img {
        height: 200px !important;
    }

    /* Luxury Hexagon - Mobile */
    .category-card.luxury-hexagon {
        width: 140px !important;
        height: 140px !important;
    }

    .category-icon {
        width: 35px !important;
        height: 35px !important;
        font-size: 18px !important;
        top: -8px !important;
        left: 12px !important;
    }

    .category-title {
        font-size: 14px !important;
    }

    .category-count {
        font-size: 12px !important;
    }

    .category-cta {
        font-size: 11px !important;
        padding: 6px 15px !important;
    }

    .category-name {
        font-size: 14px !important;
        margin-top: 12px !important;
    }

    .categories {
        gap: 35px !important;
    }

    .main-product-image {
        max-height: 400px !important;
    }

    .thumbnail-image {
        width: 60px !important;
        height: 60px !important;
    }

    .instagram-overlay-text {
        font-size: 16px !important;
        padding: 10px !important;
    }

    /* ================================================ */
    /* RADIKAL MOBİL GRİD SİSTEMİ - SUPERCLAUDE FIX */
    /* ================================================ */

    /* Shop page mobile responsive */
    .shop-content {
        flex-direction: column !important;
        padding: 0 15px !important;
    }

    .shop-sidebar {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .shop-sorting {
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    .shop-sorting select {
        width: 100% !important;
        max-width: 300px !important;
    }

    /* Shop sayfası ürünleri - RADIKAL ORTALAMA */
    .shop-page .products {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .shop-page .products .product-card {
        width: 90% !important;
        max-width: 340px !important;
        min-width: unset !important;
        flex: none !important;
        margin: 0 !important;
    }

    /* Products grid - RADIKAL ORTALAMA */
    .products-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        width: 100% !important;
    }

    .products-grid .product-card,
    .products-grid .product-card-3d {
        width: 90% !important;
        max-width: 340px !important;
        min-width: unset !important;
        flex: none !important;
        margin: 0 !important;
    }

    /* Anasayfa products - RADIKAL ORTALAMA */
    .products {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        width: 100% !important;
        padding: 0 15px !important;
    }

    .products .product-card {
        width: 90% !important;
        max-width: 340px !important;
        min-width: unset !important;
        flex: none !important;
        margin: 0 !important;
    }

    /* Fiyat filtreleri */
    .price-inputs input[type="number"] {
        width: 70px !important;
        padding: 6px !important;
        font-size: 12px !important;
    }

    /* ================================================ */
    /* HAMBURGER MENÜ - VİZİBİLİTY FIX */
    /* ================================================ */
    .hamburger-menu {
        display: block !important;
        cursor: pointer !important;
        z-index: 1001 !important;
        position: relative !important;
    }

    .hamburger-icon {
        cursor: pointer !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
    }

    /* Touch-friendly button sizing for mobile */
    .button,
    button,
    input[type="submit"],
    .explore-all-button {
        min-height: 44px !important;
        padding: 12px 25px !important;
        font-size: 14px !important;
    }

    .hero-content .button {
        min-height: 44px !important;
        padding: 14px 30px !important;
    }
}

/* Sepete Ekleme Mesajı */
.add-to-cart-message {
    background: #e8a8b8 !important;
    color: #fff !important;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    margin: 20px 0 !important;
    text-align: center !important;
    font-size: 16px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.add-to-cart-message a.button {
    background: #5a4a5e !important;
    color: #fff !important;
    padding: 8px 15px !important;
    border-radius: 20px !important;
    margin-left: 10px !important;
    transition: background 0.3s ease !important;
}

.add-to-cart-message a.button:hover {
    background: #fff !important;
    color: #e8a8b8 !important;
}

/* Ödeme Sayfası */
.checkout-page {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    background: #f9f1f5 !important;
}

.checkout-container {
    background: #fff !important;
    padding: 30px !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

/* İlerleme Göstergesi */
.checkout-progress {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-bottom: 40px !important;
}

.checkout-progress .step {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
}

.checkout-progress .step .circle {
    width: 40px !important;
    height: 40px !important;
    background: #e8a8b8 !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    transition: background 0.3s ease !important;
}

.checkout-progress .step.active .circle {
    background: #5a4a5e !important;
}

.checkout-progress .step .label {
    margin-top: 10px !important;
    font-size: 14px !important;
    color: #5a4a5e !important;
    font-weight: 500 !important;
}

.checkout-progress .step:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    top: 20px !important;
    left: 50% !important;
    width: 80px !important;
    height: 2px !important;
    background: #e8a8b8 !important;
    z-index: -1 !important;
}

/* Aşama İçeriği */
.checkout-content {
    display: flex !important;
    gap: 40px !important;
}

.checkout-step {
    display: none !important;
    width: 100% !important;
}

.checkout-step.active {
    display: block !important;
}

/* 1. Aşama: Müşteri Bilgileri */
#step-1 .customer-details {
    flex: 1 !important;
}

#step-1 .customer-details h2,
#step-2 h2,
#step-3 h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 30px !important;
    color: #5a4a5e !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

#step-1 .customer-details h2::after,
#step-2 h2::after,
#step-3 h2::after {
    content: '••••••••••••••••' !important;
    display: block !important;
    font-size: 12px !important;
    color: #e8a8b8 !important;
    letter-spacing: 2px !important;
    margin-top: 10px !important;
}

.woocommerce-checkout .form-row {
    margin-bottom: 20px !important;
}

.woocommerce-checkout .form-row label {
    font-size: 14px !important;
    color: #5a4a5e !important;
    margin-bottom: 8px !important;
    display: block !important;
    font-weight: 500 !important;
}

.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    color: #5a4a5e !important;
    background: #f9f1f5 !important;
    transition: border-color 0.3s ease !important;
}

.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: #5a4a5e !important;
    outline: none !important;
}

/* Siparişe Not Ekleme */
.order-notes {
    margin-top: 20px !important;
}

.order-notes label {
    font-size: 14px !important;
    color: #5a4a5e !important;
    margin-bottom: 8px !important;
    display: block !important;
    font-weight: 500 !important;
}

.order-notes textarea {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 15px !important;
    font-size: 14px !important;
    color: #5a4a5e !important;
    background: #f9f1f5 !important;
    resize: vertical !important;
}

/* 2. Aşama: Ödeme Seçenekleri */
#step-2 .payment-methods {
    margin-bottom: 20px !important;
}

#step-2 .payment-methods li {
    margin-bottom: 15px !important;
    padding: 15px !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 15px !important;
    background: #f9f1f5 !important;
    transition: background 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#step-2 .payment-methods li:hover {
    background: #e8a8b8 !important;
    color: #fff !important;
}

#step-2 .payment-methods label {
    font-size: 16px !important;
    color: #5a4a5e !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#step-2 .payment-methods li:hover label {
    color: #fff !important;
}

#step-2 .payment-methods .payment-icon {
    width: 24px !important;
    height: 24px !important;
    color: #5a4a5e !important;
}

#step-2 .payment-methods li:hover .payment-icon {
    color: #fff !important;
}

/* Ödeme Yöntemi Açıklamaları */
#step-2 .payment_box {
    margin-top: 10px !important;
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #5a4a5e !important;
}

/* 3. Aşama: Teşekkür Ekranı */
#step-3 .thank-you-message {
    text-align: center !important;
    padding: 40px !important;
}

#step-3 .thank-you-message p {
    font-size: 18px !important;
    color: #5a4a5e !important;
    margin-bottom: 20px !important;
}

#step-3 .thank-you-message .order-details {
    margin: 20px 0 !important;
    padding: 20px !important;
    background: #f9f1f5 !important;
    border-radius: 15px !important;
    font-size: 16px !important;
    color: #5a4a5e !important;
}

#step-3 .thank-you-message .button {
    padding: 12px 30px !important;
    background: #e8a8b8 !important;
    color: #fff !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    transition: background 0.3s ease !important;
}

#step-3 .thank-you-message .button:hover {
    background: #5a4a5e !important;
}

/* Sipariş Özeti */
.order-summary {
    width: 350px !important;
    background: #f9f1f5 !important;
    padding: 20px !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

.order-summary h2 {
    font-family: 'Dancing Script', cursive !important;
    font-size: 24px !important;
    color: #5a4a5e !important;
    margin-bottom: 20px !important;
}

.order-summary table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 20px !important;
}

.order-summary table.shop_table th,
.order-summary table.shop_table td {
    padding: 10px !important;
    border-bottom: 1px solid #e8a8b8 !important;
    text-align: left !important;
    font-size: 14px !important;
    color: #5a4a5e !important;
    word-break: break-word !important;
    line-height: 1.4 !important;
}

/* Ürün isimlerinin taşmasını önle */
.order-summary table.shop_table td:first-child {
    font-size: 13px !important;
    max-width: 180px !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    hyphens: auto !important;
}

.order-summary .order-total td {
    font-weight: 600 !important;
    color: #e8a8b8 !important;
}

/* Telefon alanı zorunlu - "isteğe bağlı" yazısını gizle */
#billing_phone_field .optional,
.woocommerce-billing-fields #billing_phone_field .optional {
    display: none !important;
}

/* Aşama Butonları */
.checkout-actions {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 30px !important;
}

.checkout-actions button {
    padding: 12px 30px !important;
    border: none !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
}

.checkout-actions .prev-step {
    background: #5a4a5e !important;
    color: #fff !important;
}

.checkout-actions .prev-step:hover {
    background: #e8a8b8 !important;
}

.checkout-actions .next-step,
.checkout-actions .place-order {
    background: #e8a8b8 !important;
    color: #fff !important;
}

.checkout-actions .next-step:hover,
.checkout-actions .place-order:hover {
    background: #5a4a5e !important;
}

/* Animasyonlu Askılık İkonları ve Logo */
@keyframes slideHanger {
    0% { transform: translateX(-20px); color: #fff; }
    50% { transform: translateX(20px); color: #5a4a5e; }
    100% { transform: translateX(-20px); color: #fff; }
}

@keyframes fadeLogo {
    0% { opacity: 0; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(0.8); }
}

.transition-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(232, 168, 184, 0.9) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.5s ease, visibility 0.5s ease !important;
}

.transition-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
}

.transition-overlay .bella-vita-logo {
    font-family: 'Dancing Script', cursive !important;
    font-size: 48px !important;
    color: #fff !important;
    animation: fadeLogo 2s infinite !important;
    margin-bottom: 20px !important;
}

.transition-overlay .hanger-animation {
    display: flex !important;
    gap: 10px !important;
}

.transition-overlay .hanger-icon {
    width: 30px !important;
    height: 30px !important;
    color: #fff !important;
    animation: slideHanger 1.5s infinite !important;
}

/* Mobil Uyumluluk (Ödeme Sayfası) */
@media (max-width: 768px) {
    .checkout-content {
        flex-direction: column !important;
    }

    .order-summary {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .checkout-progress {
        gap: 10px !important;
    }

    .checkout-progress .step .circle {
        width: 30px !important;
        height: 30px !important;
        font-size: 14px !important;
    }

    .checkout-progress .step .label {
        font-size: 12px !important;
    }

    .checkout-progress .step:not(:last-child)::after {
        width: 50px !important;
    }

    .checkout-actions {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .checkout-actions button {
        width: 100% !important;
    }

    #step-2 .payment-methods li {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    #step-2 .payment-methods .payment-icon {
        margin-bottom: 8px !important;
    }
}

/* Sepet Sayfası */
.cart-page {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    background: #f9f1f5 !important;
}

.cart-container {
    background: #fff !important;
    padding: 30px !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

.cart-title {
    font-family: 'Dancing Script', cursive !important;
    font-size: 40px !important;
    color: #5a4a5e !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

.cart-title::after {
    content: '••••••••••••••••' !important;
    display: block !important;
    font-size: 12px !important;
    color: #e8a8b8 !important;
    letter-spacing: 2px !important;
    margin-top: 10px !important;
}

.woocommerce-cart-form {
    margin-bottom: 30px !important;
}

.shop_table.cart {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 20px !important;
}

.shop_table.cart th,
.shop_table.cart td {
    padding: 15px !important;
    border-bottom: 1px solid #e8a8b8 !important;
    text-align: left !important;
    font-size: 14px !important;
    color: #5a4a5e !important;
}

.shop_table.cart th {
    font-weight: 600 !important;
    background: #f9f1f5 !important;
}

.shop_table.cart .product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 5px !important;

    /* HD Thumbnail Rendering for Cart */
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    filter: contrast(1.05) brightness(1.02) !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
}

.shop_table.cart .product-remove a {
    font-size: 20px !important;
    color: #e8a8b8 !important;
    text-decoration: none !important;
}

.shop_table.cart .product-remove a:hover {
    color: #5a4a5e !important;
}

.shop_table.cart .product-name a {
    color: #5a4a5e !important;
    font-weight: 500 !important;
}

.shop_table.cart .product-name a:hover {
    color: #e8a8b8 !important;
}

.shop_table.cart .product-quantity .quantity {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.shop_table.cart .product-quantity input {
    width: 60px !important;
    padding: 5px !important;
    border: 1px solid #e8a8b8 !important;
    border-radius: 5px !important;
    text-align: center !important;
}

.cart-actions {
    text-align: center !important;
    margin-top: 20px !important;
}

.cart-actions .button {
    padding: 12px 30px !important;
    background: #e8a8b8 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
}

.cart-actions .button:hover {
    background: #5a4a5e !important;
}

/* CUSTOM OVERRIDES AND IMPROVEMENTS */

/* 1) Buton hover efekti */
button,
.btn {
    transition: background-color 0.3s ease !important;
}
button:hover,
.btn:hover {
    background-color: #e89fa0 !important;
}

/* 2) Aktif menü öğesi */
.nav-menu .current-menu-item > a {
    color: #f8c1c1 !important;
    font-weight: 600 !important;
}

/* 3) Footer arka plan ve yazı rengi */
footer {
    background-color: #3d2c3b !important;
}
footer,
footer a {
    color: #f8e8e8 !important;
}

/* 4) Genel metin satır yüksekliği */
body {
    line-height: 1.6 !important;
}

/* 5) Mobil menü düğmesi büyüklüğü */
@media (max-width: 768px) {
    .menu-toggle {
        font-size: 1.2em !important;
    }
}

/* MOBİL MENÜ GÖRÜNÜMÜ */

/* Menü varsayılan olarak masaüstünde görünür */
.main-navigation.mobile-menu {
    display: block !important;
}

/* Mobil cihazlarda menü gizlenir */
@media (max-width: 1024px) {
    .main-navigation.mobile-menu {
        display: block !important;
    }
    .main-navigation.mobile-menu .menu {
        display: none !important;
    }
    .header-center.active .main-navigation.mobile-menu .menu {
        display: flex !important;
    }
}

/* ARAMA FORMU YERLEŞTİRME */

/* Mobil menü içindeki aramayı başta gizle */
.main-navigation.mobile-menu .search-form {
    display: none !important;
}

/* Desktop: header-right içindeki aramayı göster */
@media (min-width: 769px) {
    .header-right .search-form {
        display: flex !important;
    }
}

/* Mobile: header-right aramasını gizle, menü açıldığında göster */
@media (max-width: 768px) {
    /* üstteki aramayı gizle */
    .header-right .search-form {
        display: none !important;
    }
    /* menü açıldığında arama formu */
    .header-center.active .main-navigation.mobile-menu .search-form {
        display: block !important;
        padding: 10px 16px !important;
        border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    }
    /* input stili */
    .main-navigation.mobile-menu .search-form input[type="search"] {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 8px !important;
        margin-bottom: 8px !important;
    }
    /* submit gizle */
    .main-navigation.mobile-menu .search-form .search-submit {
        display: none !important;
    }
}

/* ==========================================
   PROFESSIONAL PRODUCT VARIATIONS DESIGN
   Modern beden, renk ve stok yönetimi
   ========================================== */

/* Varyasyon Formu - Genel Container */
.variations_form.cart {
    margin: 25px 0 !important;
}

/* Varyasyon Tablosu - Modern Layout */
.variations {
    width: 100% !important;
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 15px !important;
    margin-bottom: 20px !important;
}

.variations tbody tr {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Varyasyon Label - Profesyonel Typography */
.variations th.label,
.variations td.label {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    font-weight: normal !important;
}

.variations th.label label,
.variations td.label label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #5a4a5e !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.variations th.label label::before,
.variations td.label label::before {
    content: '●' !important;
    color: #e8a8b8 !important;
    font-size: 12px !important;
}

/* Varyasyon Value Container */
.variations td.value {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Standart Dropdown - Modern Stil */
.variations select {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4a3c34 !important;
    background: #fff !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-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='%235a4a5e' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 14px !important;
    padding-right: 45px !important;
}

.variations select:hover {
    border-color: #e8a8b8 !important;
    box-shadow: 0 4px 12px rgba(232, 168, 184, 0.15) !important;
}

.variations select:focus {
    outline: none !important;
    border-color: #e8a8b8 !important;
    box-shadow: 0 0 0 3px rgba(232, 168, 184, 0.15) !important;
}

.variations select option {
    padding: 12px !important;
    font-weight: 500 !important;
}

/* Fiyat Gösterimi - Ultra Professional */
.single_variation_wrap {
    margin: 25px 0 !important;
    padding: 0 !important;
}

.woocommerce-variation.single_variation {
    background: linear-gradient(135deg, #f9f1f5 0%, #ffffff 100%) !important;
    border: 2px solid #e8a8b8 !important;
    border-radius: 12px !important;
    padding: 20px 25px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(232, 168, 184, 0.1) !important;
}

/* Varyasyon Fiyatı */
.woocommerce-variation-price {
    margin-bottom: 15px !important;
}

.woocommerce-variation-price .price {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #5a4a5e !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.woocommerce-variation-price .price::before {
    content: '💰' !important;
    font-size: 28px !important;
}

.woocommerce-variation-price .price .woocommerce-Price-amount {
    color: #e8a8b8 !important;
}

/* İndirimli Fiyat */
.woocommerce-variation-price .price del {
    font-size: 22px !important;
    color: #999 !important;
    font-weight: 400 !important;
    opacity: 0.7 !important;
    text-decoration: line-through !important;
}

.woocommerce-variation-price .price ins {
    text-decoration: none !important;
    background: none !important;
}

/* Stok Durumu - Professional Icons */
.woocommerce-variation-availability,
.single_variation {
    margin: 0 !important;
}

.woocommerce-variation-availability p,
.single_variation p.stock {
    margin: 0 !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    letter-spacing: 0.3px !important;
}

/* Stokta Var - Başarı Mesajı */
.woocommerce-variation-availability .stock.in-stock,
.single_variation .stock.in-stock,
p.stock.in-stock {
    background: #e8f5e9 !important;
    color: #2e7d32 !important;
    border: 1px solid #a5d6a7 !important;
}

.woocommerce-variation-availability .stock.in-stock::before,
.single_variation .stock.in-stock::before,
p.stock.in-stock::before {
    content: '✓' !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    background: #4caf50 !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* Stokta Yok - Uyarı Mesajı */
.woocommerce-variation-availability .stock.out-of-stock,
.single_variation .stock.out-of-stock,
p.stock.out-of-stock {
    background: #ffebee !important;
    color: #c62828 !important;
    border: 1px solid #ef9a9a !important;
}

.woocommerce-variation-availability .stock.out-of-stock::before,
.single_variation .stock.out-of-stock::before,
p.stock.out-of-stock::before {
    content: '✕' !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    background: #f44336 !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* Az Stok Uyarısı - Warning */
.woocommerce-variation-availability .stock.low-stock,
.single_variation .stock.low-stock,
p.stock.low-stock {
    background: #fff3e0 !important;
    color: #e65100 !important;
    border: 1px solid #ffb74d !important;
}

.woocommerce-variation-availability .stock.low-stock::before,
.single_variation .stock.low-stock::before,
p.stock.low-stock::before {
    content: '⚠' !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    background: #ff9800 !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* Sepete Ekle Butonu - Enhanced */
.single_add_to_cart_button.button {
    width: 100% !important;
    padding: 18px 30px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    background: linear-gradient(135deg, #e8a8b8 0%, #d494a6 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 15px rgba(232, 168, 184, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
}

.single_add_to_cart_button.button::before {
    content: '🛒' !important;
    margin-right: 10px !important;
    font-size: 18px !important;
}

.single_add_to_cart_button.button::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.3) !important;
    transform: translate(-50%, -50%) !important;
    transition: width 0.6s ease, height 0.6s ease !important;
}

.single_add_to_cart_button.button:hover {
    background: linear-gradient(135deg, #d494a6 0%, #c27f91 100%) !important;
    box-shadow: 0 6px 20px rgba(232, 168, 184, 0.4) !important;
    transform: translateY(-2px) !important;
}

.single_add_to_cart_button.button:hover::after {
    width: 300px !important;
    height: 300px !important;
}

.single_add_to_cart_button.button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(232, 168, 184, 0.3) !important;
}

.single_add_to_cart_button.button:disabled {
    background: #cccccc !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    opacity: 0.6 !important;
}

.single_add_to_cart_button.button:disabled:hover {
    transform: none !important;
}

/* Miktar Seçici - Modern Design */
.quantity {
    display: inline-flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}

.quantity label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #5a4a5e !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.quantity input.qty {
    width: 80px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #4a3c34 !important;
    text-align: center !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.quantity input.qty:hover {
    border-color: #e8a8b8 !important;
}

.quantity input.qty:focus {
    outline: none !important;
    border-color: #e8a8b8 !important;
    box-shadow: 0 0 0 3px rgba(232, 168, 184, 0.15) !important;
}

/* Reset Varyasyonlar Linki */
.reset_variations {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #999 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    margin-left: 15px !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

.reset_variations::before {
    content: '↻' !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.reset_variations:hover {
    color: #e8a8b8 !important;
    background: rgba(232, 168, 184, 0.1) !important;
}

/* Responsive - Mobile Optimization */
@media (max-width: 768px) {
    .woocommerce-variation-price .price {
        font-size: 26px !important;
    }

    .woocommerce-variation-price .price del {
        font-size: 18px !important;
    }

    .single_add_to_cart_button.button {
        padding: 16px 24px !important;
        font-size: 15px !important;
    }

    .variations select {
        font-size: 14px !important;
        padding: 12px 18px !important;
    }

    .woocommerce-variation.single_variation {
        padding: 18px 20px !important;
    }
}
}}

/* ==========================================
   SAYFA İÇERİK ALANI STİLLERİ
   WordPress Sayfaları için Düzenli Tipografi
   ========================================== */

/* Sayfa Wrapper - Genel Arka Plan */
.page-wrapper {
    background: linear-gradient(135deg, #fef9fa 0%, #fff5f7 100%);
    min-height: 60vh;
    padding: 60px 5% 80px;
}

/* Sayfa Container - İçerik Genişliği */
.page-container {
    max-width: 900px;
    margin: 0 auto;
    background: #ffffff;
    padding: 50px 60px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(232, 168, 184, 0.15);
}

/* Sayfa Başlığı */
.page-header {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 3px solid #e8b8c0;
}

.page-title {
    font-size: 42px;
    font-weight: 700;
    color: #e8a8b8;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    line-height: 1.3;
}

/* İçerik Alanı Genel Stil */
.page-content {
    color: #5a4a5e;
    font-size: 16px;
    line-height: 1.8;
    text-align: left;
}

/* Paragraflar */
.page-content p {
    margin-bottom: 20px;
    text-align: justify;
}

.page-content p:last-child {
    margin-bottom: 0;
}

/* Başlıklar */
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    color: #e8a8b8;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 20px;
    line-height: 1.4;
    text-align: left;
}

.page-content h1 { font-size: 36px; }
.page-content h2 { font-size: 32px; }
.page-content h3 { font-size: 28px; }
.page-content h4 { font-size: 24px; }
.page-content h5 { font-size: 20px; }
.page-content h6 { font-size: 18px; }

/* İlk başlık için üst margin yok */
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child {
    margin-top: 0;
}

/* Listeler */
.page-content ul,
.page-content ol {
    margin: 25px 0;
    padding-left: 40px;
}

.page-content ul {
    list-style-type: disc;
}

.page-content ol {
    list-style-type: decimal;
}

.page-content li {
    margin-bottom: 12px;
    line-height: 1.8;
    text-align: left;
}

.page-content li:last-child {
    margin-bottom: 0;
}

/* İç içe listeler */
.page-content ul ul,
.page-content ol ol,
.page-content ul ol,
.page-content ol ul {
    margin: 12px 0;
    padding-left: 30px;
}

/* Linkler */
.page-content a {
    color: #e8a8b8 !important;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.page-content a:hover {
    color: #d5a0ad !important;
    text-decoration: none;
}

/* Alıntılar */
.page-content blockquote {
    background: #fef9fa;
    border-left: 5px solid #e8b8c0;
    margin: 30px 0;
    padding: 20px 30px;
    font-style: italic;
    color: #7a6a7e;
    border-radius: 8px;
}

.page-content blockquote p {
    margin: 0;
}

/* Kod Blokları */
.page-content code {
    background: #f5f5f5;
    padding: 2px 8px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    color: #d63384;
}

.page-content pre {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 25px 0;
}

.page-content pre code {
    background: none;
    padding: 0;
    color: #333;
}

/* Tablolar */
.page-content table {
    width: 100%;
    margin: 30px 0;
    border-collapse: collapse;
    border: 1px solid #e0e0e0;
}

.page-content table th,
.page-content table td {
    padding: 15px;
    text-align: left;
    border: 1px solid #e0e0e0;
}

.page-content table th {
    background: #e8b8c0;
    color: #ffffff;
    font-weight: 600;
}

.page-content table tr:nth-child(even) {
    background: #fef9fa;
}

/* Görseller */
.page-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.page-content img.alignleft {
    float: left;
    margin: 10px 25px 15px 0;
}

.page-content img.alignright {
    float: right;
    margin: 10px 0 15px 25px;
}

.page-content img.aligncenter {
    display: block;
    margin: 25px auto;
}

/* Yatay Çizgi */
.page-content hr {
    border: none;
    border-top: 2px solid #e8b8c0;
    margin: 40px 0;
}

/* Sayfa Linkleri (nextpage için) */
.page-links {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid #e8b8c0;
    text-align: center;
    font-weight: 600;
}

.page-links span {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 18px;
    background: #e8b8c0;
    color: #ffffff;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.page-links a span {
    background: #f5f5f5;
    color: #5a4a5e;
}

.page-links a span:hover {
    background: #e8b8c0;
    color: #ffffff;
}

/* ==========================================
   RESPONSIVE TASARIM
   ========================================== */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .page-wrapper {
        padding: 50px 4% 60px;
    }

    .page-container {
        padding: 40px 45px;
    }

    .page-title {
        font-size: 36px;
    }
}

/* Mobile (Max 767px) */
@media (max-width: 767px) {
    .page-wrapper {
        padding: 40px 5% 50px;
    }

    .page-container {
        padding: 35px 25px;
        border-radius: 15px;
    }

    .page-title {
        font-size: 28px;
    }

    .page-content {
        font-size: 15px;
    }

    .page-content h1 { font-size: 28px; }
    .page-content h2 { font-size: 26px; }
    .page-content h3 { font-size: 22px; }
    .page-content h4 { font-size: 20px; }
    .page-content h5 { font-size: 18px; }
    .page-content h6 { font-size: 16px; }

    .page-content ul,
    .page-content ol {
        padding-left: 25px;
    }

    .page-content blockquote {
        padding: 15px 20px;
        margin: 20px 0;
    }

    .page-content table th,
    .page-content table td {
        padding: 10px;
        font-size: 14px;
    }

    /* Mobilde görseller tam genişlik */
    .page-content img.alignleft,
    .page-content img.alignright {
        float: none;
        display: block;
        margin: 20px auto;
    }
}

/* Extra Small Mobile (Max 480px) */
@media (max-width: 480px) {
    .page-title {
        font-size: 24px;
    }

    .page-container {
        padding: 25px 20px;
    }

    .page-content {
        font-size: 14px;
    }

    .page-content h1 { font-size: 24px; }
    .page-content h2 { font-size: 22px; }
    .page-content h3 { font-size: 20px; }
}

/* ==========================================
   ACCESSIBILITY (Erişilebilirlik)
   ========================================== */

/* Klavye navigasyonu için focus states */
.page-content a:focus {
    outline: 3px solid #e8b8c0;
    outline-offset: 3px;
}

/* Ekran okuyucular için gizli metin */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Print stilleri */
@media print {
    .page-wrapper {
        background: white !important;
        padding: 20px !important;
    }

    .page-container {
        box-shadow: none !important;
        padding: 0 !important;
    }

    .page-content a {
        text-decoration: underline !important;
    }

    .page-content a::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
    }
}

/* ==========================================
   İNDİRİM BADGE TASARIMI
   ========================================== */

/* Product Card Link - Badge için relative positioning */
.product-card a,
.product-card-3d a,
.shop-page .products article a {
    position: relative !important;
    display: block !important;
}

/* Badge Container - Ürün Resminin Üzerinde */
.bellavita-sale-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    animation: bellavitaPulse 2s ease-in-out infinite;
}

/* Badge İçeriği */
.bellavita-sale-badge-inner {
    background: linear-gradient(135deg, #e8a8b8 0%, #d89aab 100%);
    color: #fff;
    padding: 8px 14px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(232, 168, 184, 0.4);
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all 0.3s ease;
}

/* Badge Hover Efekti */
.bellavita-sale-badge-inner:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(232, 168, 184, 0.6);
}

/* Yüzde İşareti Stili */
.bellavita-sale-badge-inner .percent {
    font-size: 15px;
    font-weight: 700;
}

/* Pulse Animasyonu */
@keyframes bellavitaPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
}

/* Ana Sayfa Ürün Kartı - Relative Position */
.product-card {
    position: relative !important;
}

.product-card > a {
    position: relative;
    display: block;
}

/* Detay Sayfası - Main Image Wrapper */
.main-image-wrapper {
    position: relative !important;
}

/* Mobil Responsive */
@media (max-width: 768px) {
    .bellavita-sale-badge {
        top: 8px;
        right: 8px;
    }

    .bellavita-sale-badge-inner {
        padding: 6px 10px;
        font-size: 11px;
    }

    .bellavita-sale-badge-inner .percent {
        font-size: 13px;
    }
}

/* Alternatif Stil - Köşe Badge (Opsiyonel) */
.bellavita-sale-badge.corner-style {
    top: 0;
    right: 0;
    border-radius: 0 0 0 20px;
    overflow: hidden;
}

.bellavita-sale-badge.corner-style .bellavita-sale-badge-inner {
    border-radius: 0 0 0 20px;
    padding: 10px 16px;
}