/* style.css */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

:root {
    --primary-beige: #F2EBE3;
    --dark-text: #2D2D2D;
    --light-gray: #F9F9F9;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--dark-text);
    background-color: #FFFFFF;
}

.font-serif { font-family: 'Playfair Display', serif; }

/* Yumuşak Geçişler */
.nav-link {
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}
.nav-link:hover { border-color: var(--dark-text); }

/* Lüks Buton */
.btn-luxury {
    background: var(--dark-text);
    color: white;
    padding: 1.2rem 2.5rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.75rem;
    transition: all 0.4s ease;
}
.btn-luxury:hover {
    background: #4A4A4A;
    padding-left: 3rem;
}

/* Kartlar */
.product-img-wrapper {
    overflow: hidden;
    background: var(--light-gray);
}
.product-img-wrapper img {
    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.product-card:hover img {
    transform: scale(1.08);
}
footer a {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

footer h4::after {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background: var(--dark-text);
    margin-top: 10px;
    opacity: 0.3;
}
/* style.css - Collection Updates */
:root {
    --primary-beige: #E5D3B3; /* Navigasyon ve vurgu rengi */
}

/* Nav Link Alt Çizgi Bej Hover */
.nav-link { position: relative; transition: all 0.3s ease; }
.nav-link::after {
    content: ''; position: absolute; width: 0; height: 2px;
    bottom: -4px; left: 0; background: var(--primary-beige);
    transition: width 0.3s ease;
}
.nav-link:hover::after { width: 100%; }
.nav-link:hover { color: var(--primary-beige); }

/* Ürün Özellik Maddeleri */
.feature-list-item {
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9CA3AF;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}
.feature-list-item::before {
    content: '';
    width: 4px;
    height: 4px;
    background: var(--primary-beige);
    border-radius: 50%;
}

/* Lightbox - Fotoğraf Albümü */
#lightbox {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.98);
    z-index: 1000;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
}
#lightbox img {
    max-width: 90%;
    max-height: 85vh;
    object-fit: contain;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

/* Global Language Dropdown */
.lang-container {
    position: relative;
    z-index: 80;
}
.lang-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    background: rgba(255,255,255,0.98);
    border: 1px solid #f0f0f0;
    min-width: 132px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.08);
    border-radius: 18px;
    overflow: hidden;
    z-index: 120;
}
.lang-container:hover .lang-dropdown,
.lang-container:focus-within .lang-dropdown {
    display: block;
}
.lang-dropdown a {
    text-align: left;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .lang-dropdown {
        top: calc(100% + 12px);
        right: -12px;
        min-width: 118px;
        border-radius: 16px;
    }
    .lang-toggle {
        border-left: 0 !important;
        padding-left: 0 !important;
    }
}
#mobile-menu {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}


/* Production typography and language stability */
.hero-heading {
    line-height: 1.02;
    letter-spacing: -0.025em;
    overflow-wrap: normal;
    word-break: normal;
}
.hero-heading-second {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.18em;
    white-space: nowrap;
}
.hero-heading-tail { display: inline-block; }
.about-copy p {
    word-spacing: normal;
    letter-spacing: normal;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}
.about-copy strong {
    display: inline;
    margin-inline: 0.10em;
    white-space: normal;
}
html[dir="rtl"] .hero-heading-second { flex-direction: row-reverse; }
html[dir="rtl"] .about-copy,
html[dir="rtl"] footer,
html[dir="rtl"] .tab-panel { text-align: right; }
.lang-dropdown { max-height: min(360px, 70vh); overflow-y: auto; }
.lang-option { white-space: nowrap; }
@media (min-width: 768px) {
    .hero-heading-second { justify-content: flex-start; }
}
@media (max-width: 767px) {
    .hero-heading { line-height: 1.08; letter-spacing: -0.018em; }
    .hero-heading-second { gap: 0.16em; }
}


/* Hero title spacing */
.hero-heading-second { column-gap: 0.28em !important; }
.hero-heading-tail { margin-inline-start: 0.04em; }

/* Premium floating WhatsApp action */
.whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 140;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(229, 211, 179, 0.9);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 16px 42px rgba(65, 57, 45, 0.16);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.whatsapp-float:hover {
    transform: translateY(-3px) scale(1.06);
    border-color: rgba(207, 183, 139, 0.96);
    box-shadow: 0 22px 54px rgba(65, 57, 45, 0.22);
}
.whatsapp-float:focus-visible {
    outline: 3px solid rgba(95, 117, 97, .24);
    outline-offset: 4px;
}
.whatsapp-float__icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #6f876f, #536b55);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 8px 18px rgba(83,107,85,.28);
}
.whatsapp-float__icon svg {
    width: 25px;
    height: 25px;
    fill: currentColor;
}
@media (max-width: 640px) {
    .whatsapp-float {
        right: 14px;
        bottom: 14px;
        width: 54px;
        height: 54px;
    }
    .whatsapp-float__icon {
        width: 44px;
        height: 44px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .whatsapp-float { transition: none; }
}

}