/* Düğün Rehberi identity; the existing layouts and component structure remain. */
:root{--paper:#FBF7F4;--linen:#F1E1E6;--ink:#30212A;--muted:#72616B;--accent:#702D4F;--line:#E5D8DE;--brand-dark:#432033;--brand-sage:#526A58;--brand-gold:#C5A46D}
.announcement{background:var(--brand-dark);color:var(--paper)}
.wordmark,.panel-brand{color:var(--accent)}
.button{background:var(--accent)}
.button:hover{background:var(--brand-dark)}
.button.light{background:var(--paper);color:var(--brand-dark)}
.button.light:hover{background:var(--linen)}
.hero-photo{background:linear-gradient(90deg,rgba(251,247,244,.92),rgba(251,247,244,.55)),url('../img/wedding-hero.webp') center 55%/cover;filter:none}
.hero-portal .hero-text h1{max-width:1050px;font-size:clamp(30px,3.35vw,48px);white-space:normal;line-height:1.22}
.hero-portal .hero-intro{max-width:720px;margin:14px 0 0;font-size:14px;line-height:1.8}
.hero-featured-heading,.carousel-controls{background:var(--linen)}
.featured-slide:after{background:linear-gradient(180deg,#4320330A,#432033EB)}
.featured-copy .eyebrow{color:#F1E1E6}
.featured-copy p{color:var(--paper)}
.category-card{border-color:var(--line)}
.category-card p{font-size:13px;line-height:1.7}
.category-card .text-link{font-size:11px}
.trust-number{background:var(--linen)}
.business-cta{background:linear-gradient(120deg,var(--brand-dark),var(--accent))}
.business-cta p,.business-cta .eyebrow{color:var(--linen)}
.mega-panel{max-height:70vh;overflow-y:auto;overscroll-behavior:contain}
.mega-categories img{height:85px}
.auth-promo{background:linear-gradient(145deg,var(--paper),var(--linen));border-color:var(--line)}
.panel-brand img,.wordmark img,.auth-mark{object-fit:contain}
.hero-intro{color:var(--ink)}
@media(max-width:600px){.category-card h3{font-size:20px;overflow-wrap:anywhere}.category-card p{font-size:12px}.hero-portal .hero-text h1{font-size:32px}.hero-portal .hero-intro{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the complete brand name on one line in every layout. */
.wordmark .brand-logo{display:block;width:220px;height:auto;max-width:100%;flex-shrink:0}
.panel-brand .brand-logo{display:block;width:208px;height:auto;max-width:100%;flex-shrink:1}
@media(max-width:600px){.site-header .brand-logo{width:178px}}
@media(max-width:360px){.site-header .brand-logo{width:150px}.site-header{gap:12px}}