/* Ortak içerik ritmi — sayfaya özel içerik korunur */
:root {
    --content-width: 1240px;
    --content-space: clamp(72px, 10vw, 150px);
}

main > section { scroll-margin-top: 110px; }

.hero,
.collections-hero,
.custom-hero,
.women-hero,
.atelier-hero,
.about-hero,
.contact-hero,
.appointment-hero {
    box-sizing: border-box;
    min-height: clamp(560px, 68vh, 760px);
    padding-block: clamp(60px, 7vw, 110px);
}

.hero h1,
.collections-hero h1,
.custom-hero h1,
.women-hero h1,
.atelier-hero h1,
.about-hero h1,
.contact-hero h1,
.appointment-hero h1 {
    font-family: "DM Serif Display", Georgia, serif !important;
    font-size: clamp(50px, 6.5vw, 108px) !important;
    font-weight: 400 !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
}

.intro h2,
.home-collections h2,
.custom-section h2,
.atelier-section h2,
.collection-category h2,
.women-closing h2,
.about-introduction h2,
.about-craft h2,
.about-design h2,
.about-closing h2,
.contact-location h2,
.contact-appointment-section h2,
.appointment-note-section h2,
.appointment-whatsapp-section h2,
.collections-cta h2 {
    font-family: "DM Serif Display", Georgia, serif !important;
    font-size: clamp(37px, 4.4vw, 68px) !important;
    font-weight: 400 !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
}

.hero p,
.collections-hero p,
.custom-hero p,
.women-hero p,
.atelier-hero p,
.about-hero p,
.contact-hero p,
.appointment-hero p {
    max-width: 56ch;
}

.home-collections,
.custom-section,
.atelier-section,
.women-collections,
.collection-category,
.women-closing,
.about-introduction,
.about-craft,
.about-design,
.about-closing,
.contact-location,
.contact-appointment-section,
.appointment-note-section,
.appointment-whatsapp-section,
.collections-cta {
    padding-block: var(--content-space) !important;
}

/* Ana sayfada hero ile ilk metin bölümü arasındaki geçiş daha sıkı tutulur. */
.intro {
    padding-top: clamp(36px, 4vw, 48px) !important;
    padding-bottom: 40px !important;
}

/* İlk koleksiyon alanı metnin devamı gibi başlar; gereksiz boşluk bırakmaz. */
.home-collections {
    padding-top: 40px !important;
    padding-bottom: clamp(80px, 8vw, 120px) !important;
}

.custom-final-cta {
    min-height: 460px !important;
    padding: clamp(70px, 9vw, 120px) 0 !important;
    flex-direction: column;
    gap: 28px;
}

.custom-final-cta .custom-final-label {
    margin: 0;
    color: var(--shell-muted);
    font-size: 8px;
    letter-spacing: 2.6px;
}

.custom-final-cta h2 {
    margin: 0;
    color: var(--shell-text);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(40px, 5vw, 72px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.04em;
}

.custom-final-cta h2 em { color: var(--shell-muted); }

/* Kadın Giyim kategorileri arasında daha düzenli bir galeri ritmi. */
.women-collections .collection-category {
    padding-block: clamp(70px, 7vw, 100px) !important;
}

.women-collections .collection-heading {
    margin-bottom: 30px;
}

/* Randevu formunun ana işlemi, site içi çağrı düğmeleriyle aynı dilde. */
.appointment-submit {
    min-width: 220px !important;
    height: 72px !important;
    padding: 0 22px !important;
    border: 1px solid var(--shell-text) !important;
    border-radius: 0 !important;
    background: var(--shell-text) !important;
    color: var(--shell-bg) !important;
    font-family: Manrope, Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 1.35px !important;
}

.appointment-submit:hover {
    background: transparent !important;
    color: var(--shell-text) !important;
}

.appointment-submit:disabled { cursor: wait; opacity: .65; }

.appointment-form-status {
    margin: 16px 0 0;
    color: #a43f38;
    font-size: 12px;
    line-height: 1.5;
}

.appointment-form-status.is-success { color: #56765e; }

/* Gerçek atölye fotoğrafı gelene kadar, geçici alan yerine editoryal sunum. */
.atelier-media-editorial {
    width: 100%;
    height: 100%;
    padding: clamp(28px, 4vw, 58px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    color: #f6f3ef;
    background:
        radial-gradient(circle at 18% 18%, rgba(201, 181, 163, .42), transparent 34%),
        linear-gradient(145deg, #2d2926, #5d5149 52%, #b7a18e);
}

.atelier-media-editorial span,
.atelier-media-editorial small {
    font-family: Manrope, Arial, sans-serif;
    font-size: 8px;
    letter-spacing: 2.4px;
}

.atelier-media-editorial strong {
    margin: 16px 0;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(52px, 7vw, 110px);
    font-weight: 400;
    line-height: .86;
    letter-spacing: -.06em;
}

.contact-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    border: 0;
    filter: grayscale(1) sepia(.08) contrast(.92);
}

.section-link,
.hero-links a,
.collections-cta a,
.women-appointment,
.contact-appointment,
.appointment-header-button {
    transition: transform .25s ease, background-color .25s ease, color .25s ease;
}

.section-link:hover,
.hero-links a:hover,
.collections-cta a:hover { transform: translateY(-2px); }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

@media (max-width: 700px) {
    .hero,
    .collections-hero,
    .custom-hero,
    .women-hero,
    .atelier-hero,
    .about-hero,
    .contact-hero,
    .appointment-hero { min-height: 500px; }
}