*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ee;color:#29251f;font-family:"DM Sans",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:92px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:#f7f4ee;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:38px;height:38px}.brand-name,.footer-brand{font-family:"Cormorant Garamond",serif;font-size:20px;letter-spacing:2.5px}.brand-name i,.footer-brand i{font-weight:400}.main-nav{display:flex;gap:38px;margin-left:auto;margin-right:45px}.main-nav a{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#625d54;transition:color .2s}.main-nav a:hover{color:#a37f56}.language-switch{display:flex;gap:8px;align-items:center;font-size:10px;color:#aaa}.lang-btn{border:0;background:none;padding:5px 0;color:#999;cursor:pointer;font-size:10px;letter-spacing:1px}.lang-btn.active{color:#302a23;font-weight:600}.menu-toggle{display:none;border:0;background:none;font-size:22px}.hero{height:min(690px,75vw);min-height:560px;position:relative;display:flex;align-items:center;overflow:hidden;background:#b9a995}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,27,22,.55),rgba(31,27,22,.05)),url("../images/hero.jpg") center/cover no-repeat,linear-gradient(120deg,#8f7d69,#d6cabb)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,24,20,.48),transparent 78%)}.hero-content{position:relative;color:#fff;margin-left:12%;max-width:570px}.eyebrow,.section-kicker{font-size:9px;letter-spacing:3px}.eyebrow{margin-bottom:24px;color:#e8d9c7}.hero h1,.about h2,.section-heading h2,.contact h2{font-family:"Cormorant Garamond",serif;font-weight:400;line-height:.98;letter-spacing:-1.4px}.hero h1{font-size:clamp(54px,6vw,86px);margin:0 0 24px}.hero-copy{font-size:12px;line-height:1.9;max-width:360px;color:#eee7de}.text-link{display:inline-flex;gap:28px;align-items:center;margin-top:28px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.6);font-size:10px;letter-spacing:1px}.text-link b{font-size:16px;font-weight:400}.hero-caption{position:absolute;right:7.2%;bottom:36px;color:#fff;font-size:8px;letter-spacing:3px;writing-mode:vertical-rl}.section-pad{padding:110px 12%}.section-kicker{display:flex;gap:18px;align-items:center;color:#a18768}.section-kicker span:first-child{color:#b5a997}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:54px}.about h2,.contact h2{font-size:clamp(48px,5.2vw,72px);margin:0}.about h2 em,.contact h2 em{font-weight:400;color:#a78c6c}.about-text{max-width:430px}.about-text p,.about-note{margin-top:30px!important;padding-top:20px;border-top:1px solid #ddd5c9;color:#a18768!important;font-family:"Cormorant Garamond",serif;font-size:20px!important;font-style:italic}.products{background:#eee9e0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:42px 0 36px}.section-heading h2{font-size:58px;margin:0}.section-heading p{font-size:11px;color:#82796e;margin:0 0 8px}.contact{background:#f7f4ee}.contact-details{padding-top:6px}.contact-details>div{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #ded7cc}.contact-details span{display:block;color:#a18768;font-size:8px;letter-spacing:2px;margin-bottom:8px}.contact-details a,.contact-details p{font-size:12px;color:#514a41}.contact-details p{margin:0}.site-footer{padding:28px 7.2%;border-top:1px solid #e4ded5;display:flex;align-items:center;justify-content:space-between;color:#8b8277}.footer-brand{font-size:15px;color:#4d453b}.site-footer>span{font-size:9px;letter-spacing:.5px}.back-top{font-size:20px;color:#8e7960}.lightbox{position:fixed;inset:0;background:rgba(24,21,18,.94);z-index:30;display:none;align-items:center;justify-content:center;padding:60px}.lightbox.open{display:flex}.lightbox img{max-width:min(900px,80vw);max-height:80vh;object-fit:contain}.lightbox button{position:absolute;border:0;background:none;color:white;cursor:pointer;font-size:38px}.lightbox-close{top:24px;right:32px}.lightbox-prev{left:30px}.lightbox-next{right:30px}
@media(max-width:850px){.site-header{height:76px;padding:0 5%}.menu-toggle{display:block;order:3;color:#443c32}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#f7f4ee;padding:24px 6%;margin:0;flex-direction:column;gap:22px;border-top:1px solid #e6dfd5}.main-nav.open{display:flex}.language-switch{margin-left:auto;margin-right:22px}.hero{min-height:540px;height:78vh}.hero-content{margin-left:8%;margin-right:8%}.section-pad{padding:82px 8%}.about-grid,.about-grid{margin-top:38px}.section-heading{display:block}.section-heading p{margin-top:14px}.site-footer{padding:24px 5%}}
@media(max-width:520px){.brand-logo{width:32px;height:32px}.brand-name{font-size:16px;letter-spacing:1.8px}.hero{min-height:590px}.hero h1{font-size:58px}.hero-copy{max-width:290px}.section-pad{padding:70px 6%}.about h2,.contact h2{font-size:54px}.section-heading h2{font-size:48px}.site-footer{gap:12px;flex-wrap:wrap}.site-footer>span{order:3;width:100%}.lightbox{padding:35px 12px}.lightbox img{max-width:90vw;max-height:75vh}.lightbox-prev{left:4px}.lightbox-next{right:4px}}

/* Ürünler Kataloğu */
.product-catalog {
    position: relative;
    display: flex;
    align-items: center;
}

.product-track {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    width: 100%;
    padding: 10px 3px 20px;
}

.product-track::-webkit-scrollbar {
    display: none;
}

.product-card {
    flex: 0 0 calc(33.333% - 15px);
    scroll-snap-align: start;
    text-align: center;
}

.product-card img {
    width: 100%;
    aspect-ratio: 3 / 4;
    height: auto;
    object-fit: contain;
    object-position: center;
    background: #f7f4ee;
    border-radius: 5px;
    display: block;
    transition: transform 0.3s ease;
}

.product-card:hover img {
    transform: scale(1.025);
}

.product-card h3 {
    font-size: 17px;
    margin-top: 15px;
    font-weight: 500;
}

.catalog-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: white;
    color: #222;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    cursor: pointer;
    font-size: 18px;
}

.catalog-arrow.prev {
    left: -15px;
}

.catalog-arrow.next {
    right: -15px;
}

.catalog-arrow:hover {
    background: #222;
    color: white;
}

/* Mobil uyumluluk */
@media (max-width: 768px) {
    .product-card {
        flex: 0 0 75%;
    }

    .product-card img {
    height: 300px;
    }

    .catalog-arrow {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 769px) and (max-width: 1100px) {
    .product-card {
        flex: 0 0 calc(50% - 11px);
    }
}

/* =========================================
   CONTACT: MAP + DETAILS
========================================= */

.contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 7%;
    align-items: stretch;
}

.contact-grid > div:first-child,
.contact-details {
    min-width: 0;
    height: 100%;
}

.location-section {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.location-section h2 {
    font-family: "Cormorant Garamond", serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 0 12px;
}

.location-section > p {
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    color: #777066;
    margin: 0 0 25px;
}

.map-container {
    width: 100%;
    height: 400px;
    max-width: none;
    margin: 0;
    overflow: hidden;
    border-radius: 0;
}

.map-container iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.contact-details {
    padding-top: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact-details > div {
    padding: 0 0 18px;
    margin: 0 0 18px;
    border-bottom: 1px solid #ded7cc;
}

/* WhatsApp, Instagram ve Yol Tarifi: ortak buton tasarımı */

.contact-socials {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4px;
}

.contact-socials a,
.map-direction {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 50px;
    min-width: 160px;
    padding: 0 17px;
    box-sizing: border-box;
    border: 1px solid #b9a58a;
    border-radius: 0;
    background: transparent;
    color: #514a41;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1.6px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: background .3s ease, border-color .3s ease;
}

.contact-socials a svg,
.map-direction svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

.contact-socials a b,
.map-direction b {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.contact-socials a:hover,
.map-direction:hover {
    background: #eee9e0;
    border-color: #a18768;
    color: #514a41;
}

.contact-socials .whatsapp-link,
.contact-socials .instagram-link {
    margin: 0 !important;
}

.map-direction {
    align-self: center;
    margin-top: 20px;
}

@media (max-width: 850px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-grid > div:first-child,
    .contact-details {
        height: auto;
    }

    .contact-details {
        min-height: auto;
        gap: 0;
    }

    .map-container {
        height: 350px;
    }
}

@media (max-width: 520px) {
    .map-container {
        height: 300px;
    }

    .contact-socials {
        gap: 10px;
    }

    .contact-socials a,
    .map-direction {
        min-width: 0;
        padding: 0 12px;
        gap: 8px;
        font-size: 9px;
        letter-spacing: 1px;
    }
}