.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.masonry-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.masonry-item:nth-child(2n) {
    margin-top: 32px;
}

#mega-menu {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.nav-link {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.06em;
}

.footer-link {
    color: #c9b9a6;
}

.footer-link:hover {
    color: #ffffff;
}

/* =========================================================
   WooCommerce (mağaza + ürün) — tema ile uyumlu düzen
   Tailwind CDN reset'i WC varsayılanını sıfırladığı için
   temel düzeni burada yeniden kuruyoruz.
   ========================================================= */

.yk-woo,
.yk-woo p,
.yk-woo li,
.yk-woo span,
.yk-woo a {
    font-family: 'Poppins', sans-serif;
    color: #2b2018;
}

/* Başlıklar */
.yk-woo h1,
.yk-woo .product_title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #2b2018;
    margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
    .yk-woo h1,
    .yk-woo .product_title { font-size: 2.5rem; }
}
.yk-woo h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2b2018;
    margin: 0 0 1.25rem;
}

/* Breadcrumb */
.yk-woo .woocommerce-breadcrumb {
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8a7a68;
    margin-bottom: 2rem;
}
.yk-woo .woocommerce-breadcrumb a { color: #9c440f; }

/* ---- Tekil ürün düzeni (görsel solda, özet sağda) ---- */
.yk-woo div.product {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: start;
}
@media (min-width: 900px) {
    .yk-woo div.product {
        grid-template-columns: 1fr 1fr;
        gap: 3.5rem;
    }
}
.yk-woo div.product .woocommerce-product-gallery {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}
.yk-woo div.product .woocommerce-product-gallery img {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(43, 32, 24, 0.12);
}
.yk-woo div.product .summary {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}
.yk-woo div.product .entry-summary { margin: 0 !important; }

/* Fiyat */
.yk-woo .price,
.yk-woo div.product span.price,
.yk-woo div.product p.price {
    color: #9c440f !important;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0.5rem 0 1.25rem;
}
.yk-woo .price del { color: #b0a494 !important; font-weight: 400; }

/* Kısa açıklama */
.yk-woo .woocommerce-product-details__short-description {
    color: #5a4d3f;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

/* Meta / kategoriler */
.yk-woo .product_meta {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e6ddd1;
    font-size: 0.85rem;
    color: #8a7a68;
}
.yk-woo .product_meta a { color: #9c440f; }

/* ---- Butonlar ---- */
.yk-woo a.button,
.yk-woo button.button,
.yk-woo .button,
.yk-woo .single_add_to_cart_button,
.yk-woo input[type="submit"] {
    background-color: #9c440f !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0.85rem 1.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 0.85rem;
    transition: opacity 0.2s ease, transform 0.1s ease;
    cursor: pointer;
}
.yk-woo a.button:hover,
.yk-woo button.button:hover,
.yk-woo .button:hover,
.yk-woo .single_add_to_cart_button:hover,
.yk-woo input[type="submit"]:hover { opacity: 0.9; }
.yk-woo .button:active { transform: scale(0.98); }

/* Miktar kutusu */
.yk-woo .quantity input.qty {
    border: 1px solid #d8ccbb;
    border-radius: 8px;
    padding: 0.6rem;
    width: 4.5rem;
    text-align: center;
}

/* ---- Mağaza / kategori ürün ızgarası ---- */
.yk-woo ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
/* WooCommerce clearfix sözde-elemanları grid hücresi kaplamasın
   (baştaki/sondaki boş alanı önler) */
.yk-woo ul.products::before,
.yk-woo ul.products::after {
    display: none !important;
    content: none !important;
}
@media (min-width: 768px) {
    .yk-woo ul.products { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1100px) {
    .yk-woo ul.products { grid-template-columns: repeat(4, 1fr); gap: 2rem; }
}
.yk-woo ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    background: #ffffff;
    border: 1px solid #ece3d6;
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    text-align: center;
    padding-bottom: 1rem;
}
.yk-woo ul.products li.product:hover {
    box-shadow: 0 14px 34px rgba(43, 32, 24, 0.14);
    transform: translateY(-4px);
}
.yk-woo ul.products li.product img {
    margin: 0 0 0.85rem !important;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.yk-woo ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.95rem !important;
    font-weight: 600;
    padding: 0 0.75rem;
    color: #2b2018;
}
.yk-woo ul.products li.product .price { font-size: 1rem; margin: 0.4rem 0 0.75rem; }

/* Related / upsells */
.yk-woo .related > h2,
.yk-woo .upsells > h2 {
    margin-top: 3.5rem;
    padding-top: 2rem;
    border-top: 1px solid #e6ddd1;
}

/* Bildirim mesajları */
.yk-woo .woocommerce-message,
.yk-woo .woocommerce-info,
.yk-woo .woocommerce-error {
    border-top-color: #9c440f;
    background: #f6efe6;
    border-radius: 8px;
    list-style: none;
}
.yk-woo .woocommerce-message::before,
.yk-woo .woocommerce-info::before { color: #9c440f; }

/* Sekmeler (Açıklama, Ek bilgi...) */
.yk-woo .woocommerce-tabs {
    grid-column: 1 / -1;
    margin-top: 1rem;
}
.yk-woo .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid #e6ddd1;
    padding: 0 0 0.5rem;
}
.yk-woo .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: none;
    font-weight: 600;
}
.yk-woo .woocommerce-tabs ul.tabs li a { color: #8a7a68; }
.yk-woo .woocommerce-tabs ul.tabs li.active a { color: #9c440f; }

/* Sıralama / sonuç sayısı */
.yk-woo .woocommerce-result-count,
.yk-woo .woocommerce-ordering { margin-bottom: 1.5rem; font-size: 0.85rem; }

/* Kategori açıklaması (en altta, küçük punto) */
.yk-woo .yk-cat-desc {
    clear: both;
    margin-top: 3.5rem;
    padding-top: 2rem;
    border-top: 1px solid #e6ddd1;
    font-size: 0.9rem;
    line-height: 1.75;
    color: #6a5c4c;
    max-width: 100%;
}
.yk-woo .yk-cat-desc p { margin: 0 0 0.9rem; color: #6a5c4c; }
.yk-woo .yk-cat-desc h1,
.yk-woo .yk-cat-desc h2,
.yk-woo .yk-cat-desc h3 {
    font-size: 1.1rem;
    margin: 1.25rem 0 0.6rem;
    color: #2b2018;
}