/* ==============================================
   Anadolu Tencere Mutfagi — Anadolu Ocagi Temasi
   ============================================== */

:root {
    --terracotta: #C75B39;
    --terracotta-deep: #A34428;
    --terracotta-light: #D87A5C;
    --terracotta-pale: #F0C4B4;
    --saffron: #D4A843;
    --saffron-light: #E8C972;
    --saffron-pale: #F0DBA0;
    --cream: #FAF5EB;
    --cream-warm: #F5ECDA;
    --cream-deep: #EDE0C8;
    --charcoal: #2C2420;
    --charcoal-warm: #3D322C;
    --charcoal-light: #5C4F46;
    --olive: #6B7B3A;
    --olive-light: #8A9B5A;
    --olive-pale: #D4DDB8;
    --white: #FFFFFF;
    --text-primary: #2C2420;
    --text-secondary: #5C4F46;
    --text-muted: #8A7B6B;
    --border-warm: #DDD0BE;
    --border-light: #EDE3D6;
    --success: #5A8A5A;
    --error: #A0522D;
    --font-heading: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
    --font-body: 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-accent: Georgia, 'Times New Roman', serif;
    --max-width: 1200px;
    --content-width: 760px;
    --radius: 8px;
    --radius-lg: 14px;
    --shadow-soft: 0 2px 8px rgba(44,36,32,.06);
    --shadow-card: 0 4px 16px rgba(44,36,32,.08);
    --shadow-elevated: 0 8px 32px rgba(44,36,32,.12);
    --shadow-dramatic: 0 16px 48px rgba(44,36,32,.16);
    --ease: cubic-bezier(.4,0,.2,1);
    --ease-bounce: cubic-bezier(.34,1.56,.64,1);
    --dur-fast: 150ms;
    --dur: 300ms;
    --dur-slow: 500ms;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
body{font-family:var(--font-body);font-size:1.0625rem;line-height:1.75;color:var(--text-primary);background:var(--cream);-webkit-font-smoothing:antialiased}
body.menu-is-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}

/* ---------- Skip & Focus ---------- */
.skip-link{position:absolute;top:-100%;left:1rem;background:var(--terracotta);color:var(--white);padding:.75rem 1.5rem;border-radius:0 0 var(--radius) var(--radius);z-index:10000;font-weight:600;text-decoration:none}
.skip-link:focus{top:0;outline:3px solid var(--saffron);outline-offset:2px}
:focus-visible{outline:3px solid var(--terracotta);outline-offset:2px}
a:focus:not(:focus-visible){outline:none}

/* ---------- Container ---------- */
.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}
.content-narrow{max-width:var(--content-width);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}

/* ---------- Typography ---------- */
h1,h2,h3,h4{font-family:var(--font-heading);color:var(--charcoal);line-height:1.2;margin-bottom:.6em}
h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(1.5rem,3.5vw,2rem);color:var(--terracotta-deep);margin-top:2.5rem}
h3{font-size:clamp(1.15rem,2.5vw,1.4rem);color:var(--charcoal-warm);margin-top:1.75rem}
p{margin-bottom:1em}
a{color:var(--terracotta);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--dur) var(--ease)}
a:hover{color:var(--terracotta-deep)}
ul,ol{margin:0 0 1em 1.5em}
li{margin-bottom:.35em}
strong{color:var(--charcoal)}
blockquote{border-left:4px solid var(--saffron);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--cream-warm);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-accent);font-style:italic;color:var(--text-secondary)}

/* ---------- Kilim Pattern System ---------- */
.kilim-border{position:relative}
.kilim-border::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--terracotta) 0 8px,var(--saffron) 8px 16px,var(--olive) 16px 24px,var(--saffron) 24px 32px)}
.kilim-border-bottom::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--terracotta) 0 8px,var(--saffron) 8px 16px,var(--olive) 16px 24px,var(--saffron) 24px 32px)}

/* Section dividers */
.section-divider{margin:2.5rem auto;text-align:center;height:2px;max-width:200px;position:relative}
.section-divider--diamond{background:var(--border-warm)}
.section-divider--diamond::before{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--saffron);transform:translate(-50%,-50%) rotate(45deg)}
.section-divider--line{background:linear-gradient(90deg,transparent,var(--border-warm),transparent)}
.section-divider--ornament{background:none;height:24px}
.section-divider--ornament::before{content:'';display:block;width:24px;height:24px;margin:0 auto;border:2px solid var(--saffron);transform:rotate(45deg);opacity:.5}

/* ---------- Header ---------- */
.site-header{background:linear-gradient(180deg,var(--cream) 0%,var(--cream-warm) 100%);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-soft)}
.site-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,var(--terracotta) 0 8px,var(--saffron) 8px 16px,var(--olive) 16px 24px,var(--saffron) 24px 32px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:.85rem;padding-bottom:.85rem;gap:1rem}
.site-logo{text-decoration:none;display:flex;align-items:center;gap:.75rem;flex-shrink:0;transition:opacity var(--dur) var(--ease)}
.site-logo:hover{opacity:.75}
.site-logo:hover .logo-text{color:var(--terracotta)}
.logo-monogram{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--terracotta);color:var(--cream);font-family:var(--font-heading);font-size:.95rem;font-weight:700;border-radius:50%;letter-spacing:.05em;flex-shrink:0}
.logo-text-group{display:flex;flex-direction:column}
.logo-text{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--charcoal);line-height:1.15;letter-spacing:-.02em;transition:color var(--dur) var(--ease)}
.logo-tagline{font-size:.7rem;color:var(--text-muted);line-height:1.2;letter-spacing:.02em;text-transform:uppercase}

/* ---------- Navigation ---------- */
.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0}
.nav-item{position:relative;margin:0}
.nav-item>a{display:block;padding:.5rem .7rem;text-decoration:none;color:var(--text-secondary);font-size:.88rem;font-weight:500;white-space:nowrap;border-radius:var(--radius);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.nav-item>a:hover{background:rgba(199,91,57,.08);color:var(--terracotta)}
.nav-item>a.nav-active{color:var(--terracotta);font-weight:600;background:rgba(199,91,57,.06)}
.nav-item>a[aria-current="page"]{color:var(--terracotta);font-weight:600;background:rgba(199,91,57,.06)}
.has-dropdown>a::after{content:'';display:inline-block;width:0;height:0;margin-left:.3em;vertical-align:.15em;border-top:4px solid currentColor;border-right:4px solid transparent;border-left:4px solid transparent;transition:transform var(--dur) var(--ease)}
.has-dropdown:hover>a::after,.has-dropdown:focus-within>a::after{transform:rotate(180deg)}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-card);list-style:none;margin:0;padding:.5rem 0;min-width:210px;z-index:100}
.has-dropdown:hover .dropdown-menu,.has-dropdown:focus-within .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:.5rem 1rem;text-decoration:none;color:var(--text-secondary);font-size:.85rem;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.dropdown-menu a:hover{background:var(--cream);color:var(--terracotta)}
.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}
.menu-bar{display:block;width:24px;height:2px;background:var(--charcoal);border-radius:2px;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}
.menu-toggle[aria-expanded="true"] .menu-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-bar:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .menu-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
    .menu-toggle{display:flex}
    .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);border-top:1px solid var(--border-light);box-shadow:var(--shadow-card);z-index:999;max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease)}
    .main-nav.is-open{display:block;max-height:80vh;overflow-y:auto}
    .nav-list{flex-direction:column;padding:1rem 1.5rem}
    .nav-item>a{padding:.75rem 1rem;width:100%}
    .dropdown-menu{position:static;box-shadow:none;border:none;padding-left:1.5rem;display:none}
    .has-dropdown:hover .dropdown-menu,.has-dropdown:focus-within .dropdown-menu{display:none}
    .has-dropdown.dropdown-open .dropdown-menu{display:block}
    .has-dropdown.dropdown-open>a::after{transform:rotate(180deg)}
}

/* ---------- Breadcrumbs ---------- */
.breadcrumbs{padding:1rem 1.5rem .5rem;max-width:var(--max-width);margin:0 auto}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0;font-size:.82rem;color:var(--text-muted)}
.breadcrumbs li{display:flex;align-items:center}
.breadcrumbs li+li::before{content:'';display:inline-block;width:5px;height:5px;border:1.5px solid var(--saffron);transform:rotate(45deg);margin:0 .6rem;opacity:.6}
.breadcrumbs a{color:var(--text-muted);text-decoration:none;transition:color var(--dur) var(--ease)}
.breadcrumbs a:hover{color:var(--terracotta)}
.breadcrumbs [aria-current="page"]{color:var(--text-primary);font-weight:500}

/* ====================================
   TEMPLATE 1 — Homepage
   ==================================== */
.home-hero{background:var(--charcoal);color:var(--cream);padding:4rem 0 3.5rem;position:relative;overflow:hidden}
.home-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 30px,rgba(199,91,57,.04) 30px 32px),repeating-linear-gradient(-45deg,transparent 0 30px,rgba(212,168,67,.03) 30px 32px);pointer-events:none}
.home-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--terracotta) 0 8px,var(--saffron) 8px 16px,var(--olive) 16px 24px,var(--saffron) 24px 32px)}
.home-hero h1{color:var(--cream);font-size:clamp(2.25rem,5.5vw,3.5rem);margin-bottom:.5rem}
.home-hero .hero-tagline{font-family:var(--font-accent);font-size:clamp(1.05rem,2.5vw,1.25rem);color:var(--saffron-light);font-style:italic;max-width:600px;line-height:1.6}
.home-section{padding:3.5rem 0}
.home-section--warm{background:var(--cream-warm)}
.home-section--white{background:var(--white)}
.home-section--accent{background:var(--terracotta);color:var(--cream);padding:3rem 0}
.home-section--accent h2{color:var(--cream)}
.home-section--accent a{color:var(--saffron-light)}
.section-header{margin-bottom:2rem}
.section-header h2{margin-top:0;margin-bottom:.4rem}
.section-header .section-desc{color:var(--text-secondary);font-size:1rem;max-width:600px}
.section-header .section-link{font-size:.9rem;font-weight:600;text-decoration:none;color:var(--terracotta);transition:color var(--dur) var(--ease)}
.section-header .section-link:hover{color:var(--terracotta-deep)}

/* Featured grid — overlapping magazine style */
.featured-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;margin-top:-2rem;position:relative;z-index:5}
.featured-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);text-decoration:none;color:inherit;display:flex;flex-direction:column}
.featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated);color:inherit}
.featured-card .card-body{padding:1.5rem}
.featured-card .card-tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--terracotta);background:rgba(199,91,57,.08);padding:.25rem .6rem;border-radius:4px;margin-bottom:.6rem}
.featured-card h3{font-size:1.25rem;margin-top:0;margin-bottom:.5rem}
.featured-card h3 a{text-decoration:none;color:var(--charcoal)}
.featured-card h3 a:hover{color:var(--terracotta)}
.featured-card p{font-size:.92rem;color:var(--text-secondary);margin-bottom:0}
.featured-card--large .card-body{padding:2rem}
.featured-card--large h3{font-size:1.5rem}
@media(max-width:700px){
    .featured-grid{grid-template-columns:1fr;margin-top:-1rem}
}

/* Standard card grid */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}
.card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:var(--terracotta-pale)}
.card h3{margin-top:0;margin-bottom:.5rem;font-size:1.1rem}
.card h3 a{text-decoration:none;color:var(--charcoal)}
.card h3 a:hover{color:var(--terracotta)}
.card p{font-size:.92rem;color:var(--text-secondary);margin-bottom:0}

/* ====================================
   TEMPLATE 2 — Hub Pages
   ==================================== */
.hub-hero{background:linear-gradient(150deg,var(--cream-warm) 0%,var(--cream-deep) 60%,var(--terracotta-pale) 100%);padding:3rem 0 2.5rem;position:relative}
.hub-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,var(--terracotta) 0 10px,transparent 10px 12px,var(--saffron) 12px 22px,transparent 22px 24px)}
.hub-hero h1{margin-bottom:.5rem}
.hub-hero .hero-lead{font-family:var(--font-accent);font-size:1.1rem;color:var(--text-secondary);max-width:650px;line-height:1.65}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}
.hub-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.hub-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}
.hub-card .hub-card-body{padding:1.5rem}
.hub-card h3{margin-top:0;margin-bottom:.5rem;font-size:1.15rem}
.hub-card h3 a{text-decoration:none;color:var(--charcoal)}
.hub-card h3 a:hover{color:var(--terracotta)}
.hub-card p{font-size:.92rem;color:var(--text-secondary)}
/* First hub card full-width */
.hub-grid .hub-card:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:center}
@media(max-width:600px){.hub-grid .hub-card:first-child{grid-template-columns:1fr}}

/* Filter bar */
.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}
.filter-btn{padding:.5rem 1.15rem;border:1.5px solid var(--border-warm);border-radius:2rem;background:var(--white);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--dur) var(--ease);font-weight:500}
.filter-btn:hover{border-color:var(--terracotta-light);color:var(--terracotta)}
.filter-btn.is-active{background:var(--terracotta);color:var(--white);border-color:var(--terracotta)}

/* ====================================
   TEMPLATE 3 — Article / Recipe
   ==================================== */
.article-hero{background:var(--charcoal);color:var(--cream);padding:3rem 0;position:relative}
.article-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--terracotta) 0 8px,var(--saffron) 8px 16px,var(--olive) 16px 24px,var(--saffron) 24px 32px)}
.article-hero h1{color:var(--cream);margin-bottom:.5rem}
.article-hero .hero-subtitle{font-family:var(--font-accent);color:var(--saffron-light);font-style:italic;font-size:1.05rem;max-width:600px}
.article-body{padding:2.5rem 0 1rem}
.article-body .content-narrow>h2:first-child{margin-top:0}

/* Pull quote */
.pull-quote{font-family:var(--font-accent);font-size:clamp(1.15rem,2.5vw,1.4rem);font-style:italic;color:var(--terracotta-deep);border-left:4px solid var(--saffron);padding:1.25rem 1.75rem;margin:2rem 0;background:var(--cream-warm);border-radius:0 var(--radius) var(--radius) 0;position:relative;line-height:1.55}
.pull-quote::before{content:'\201C';font-size:3.5rem;color:var(--saffron-pale);position:absolute;top:-.3rem;left:.6rem;font-family:var(--font-heading);line-height:1}
.pull-quote p{margin-bottom:0;padding-left:1.5rem}
.pull-quote cite{display:block;font-size:.85rem;color:var(--text-muted);font-style:normal;margin-top:.5rem;padding-left:1.5rem}

/* Tip callout — always visible, olive green accent */
.tip-callout{background:linear-gradient(135deg,var(--olive-pale),var(--cream));border-left:4px solid var(--olive);border-radius:0 var(--radius) var(--radius) 0;padding:1.25rem 1.5rem;margin:1.75rem 0;position:relative}
.tip-callout::before{content:'';position:absolute;top:1.25rem;left:-14px;width:22px;height:22px;background:var(--olive);border-radius:50% 0 50% 50%;transform:rotate(45deg)}
.tip-callout-title{display:block;color:var(--olive);font-size:.92rem;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}
.tip-callout p{margin-bottom:0;font-size:.95rem;color:var(--text-secondary)}

/* Ingredient box */
.ingredient-box{background:var(--white);border:1px solid var(--border-warm);border-radius:var(--radius-lg);padding:1.5rem;margin:1.75rem 0;position:relative}
.ingredient-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--saffron),var(--terracotta-light));border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.ingredient-box-title{margin-top:0;font-size:1rem;color:var(--saffron);text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-body);font-weight:700}
.ingredient-list{margin:0;padding:0;list-style:none;columns:2;column-gap:2rem}
.ingredient-list li{padding:.3rem 0 .3rem 1.2rem;position:relative;font-size:.92rem;break-inside:avoid}
.ingredient-list li::before{content:'';position:absolute;left:0;top:.7rem;width:6px;height:6px;background:var(--saffron);border-radius:50%}
@media(max-width:500px){.ingredient-list{columns:1}}

/* Allergen note */
.allergen-note{background:var(--cream-warm);border:1px solid var(--border-warm);border-left:4px solid var(--saffron);padding:1rem 1.5rem;border-radius:0 var(--radius) var(--radius) 0;margin:1.75rem 0;font-size:.9rem}
.allergen-note strong{color:var(--terracotta-deep)}

/* ---------- Tabs ---------- */
.tabs{margin:2rem 0}
.tab-list{display:flex;gap:0;border-bottom:2px solid var(--border-warm);margin-bottom:1.5rem;list-style:none;padding:0;margin-left:0}
.tab-btn{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:.92rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);font-family:var(--font-body)}
.tab-btn:hover{color:var(--terracotta)}
.tab-btn[aria-selected="true"]{color:var(--terracotta-deep);border-bottom-color:var(--terracotta);font-weight:600}
.tab-panel{display:none;opacity:0;transition:opacity var(--dur) var(--ease)}
.tab-panel.is-active{display:block;opacity:1}

/* ---------- Collapsible Tip Blocks ---------- */
.tip-block{margin:1.5rem 0;border:1px solid var(--border-light);border-left:3px solid var(--olive);border-radius:0 var(--radius) var(--radius) 0;overflow:hidden;background:var(--white)}
.tip-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(90deg,rgba(107,123,58,.06),transparent);border:none;cursor:pointer;font-size:.92rem;font-weight:600;color:var(--charcoal-warm);text-align:left;transition:background var(--dur) var(--ease);font-family:var(--font-body)}
.tip-toggle:hover{background:linear-gradient(90deg,rgba(107,123,58,.1),transparent)}
.tip-toggle::after{content:'';width:10px;height:10px;border-right:2px solid var(--olive);border-bottom:2px solid var(--olive);transform:rotate(45deg);transition:transform var(--dur) var(--ease);flex-shrink:0;margin-left:1rem}
.tip-toggle[aria-expanded="true"]::after{transform:rotate(-135deg)}
.tip-content{max-height:0;opacity:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease),opacity var(--dur) var(--ease),padding var(--dur) var(--ease);padding:0 1.25rem}
.tip-content.is-open{opacity:1;padding:1rem 1.25rem}

/* ---------- FAQ Accordion (distinct from tip blocks) ---------- */
.faq-list{margin:2rem 0}
.faq-item{background:var(--white);border-radius:var(--radius-lg);margin-bottom:.75rem;box-shadow:var(--shadow-soft);overflow:hidden;transition:box-shadow var(--dur) var(--ease)}
.faq-item:hover{box-shadow:var(--shadow-card)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border:none;border-left:3px solid var(--saffron);background:var(--white);cursor:pointer;font-size:1rem;font-weight:600;color:var(--charcoal);text-align:left;transition:background var(--dur) var(--ease);font-family:var(--font-heading)}
.faq-question:hover{background:var(--cream)}
.faq-question::after{content:'';width:10px;height:10px;border-right:2px solid var(--terracotta);border-bottom:2px solid var(--terracotta);transform:rotate(45deg);transition:transform var(--dur) var(--ease);flex-shrink:0;margin-left:1rem}
.faq-question[aria-expanded="true"]::after{transform:rotate(-135deg)}
.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease),opacity var(--dur) var(--ease),padding var(--dur) var(--ease);padding:0 1.5rem}
.faq-answer.is-open{opacity:1;padding:0 1.5rem 1.25rem}

/* ---------- Image Placeholder System ---------- */
.img-figure{margin:1.5rem 0;border-radius:var(--radius-lg);overflow:hidden}
.img-figure img{width:100%;height:auto;border-radius:var(--radius-lg)}
.image-placeholder{border-radius:var(--radius-lg);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border:none;min-height:120px}
.image-placeholder::before,.image-placeholder::after{content:'';position:absolute;width:28px;height:28px;border:2px solid var(--saffron-pale);opacity:.5}
.image-placeholder::before{top:10px;left:10px;border-right:none;border-bottom:none;border-radius:2px 0 0 0}
.image-placeholder::after{bottom:10px;right:10px;border-left:none;border-top:none;border-radius:0 0 2px 0}
.placeholder-motif{width:48px;height:48px;border:2px solid var(--terracotta-pale);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}
.placeholder-motif::before{content:'';width:16px;height:16px;background:var(--saffron-pale);border-radius:50% 0 50% 50%;transform:rotate(45deg)}
.placeholder-label{font-size:.78rem;color:var(--text-muted);text-align:center;padding:0 1rem;max-width:80%}

/* Themed backgrounds */
.placeholder--corba{background:radial-gradient(ellipse 50% 40% at 50% 65%,rgba(199,91,57,.08) 0%,transparent 70%),linear-gradient(180deg,var(--cream-warm),var(--cream-deep))}
.placeholder--tencere{background:radial-gradient(ellipse 45% 50% at 50% 55%,rgba(212,168,67,.1) 0%,transparent 60%),linear-gradient(180deg,var(--cream),var(--cream-deep))}
.placeholder--pilav{background:radial-gradient(circle at 60% 50%,rgba(212,168,67,.08) 0%,transparent 50%),linear-gradient(180deg,var(--cream-warm),var(--cream))}
.placeholder--baharat{background:repeating-linear-gradient(45deg,transparent 0 15px,rgba(199,91,57,.03) 15px 17px),repeating-linear-gradient(-45deg,transparent 0 15px,rgba(212,168,67,.03) 15px 17px),var(--cream-warm)}
.placeholder--genel{background:repeating-linear-gradient(45deg,transparent 0 20px,rgba(199,91,57,.03) 20px 22px),var(--cream-warm)}

/* ---------- Image + Text Layout ---------- */
.content-image-block{display:flex;gap:1.75rem;align-items:flex-start;margin:2rem 0}
.content-image-block.image-right{flex-direction:row-reverse}
.content-image-block .image-side{flex:0 0 280px;max-width:280px}
.content-image-block .image-side .img-figure,.content-image-block .image-side .image-placeholder{margin:0}
.content-image-block .text-side{flex:1;min-width:0}
.content-image-block .text-side p:last-child{margin-bottom:0}
@media(max-width:600px){
    .content-image-block,.content-image-block.image-right{flex-direction:column}
    .content-image-block .image-side{flex:none;max-width:100%;width:100%}
}

/* ---------- Related Content ---------- */
.related-content{margin:3rem auto 2rem;padding:2.5rem 1.5rem;max-width:var(--max-width);border-top:3px solid;border-image:repeating-linear-gradient(90deg,var(--terracotta) 0 8px,var(--saffron) 8px 16px,var(--olive) 16px 24px,var(--saffron) 24px 32px) 3}
.related-heading{margin-top:0;font-size:1.4rem;margin-bottom:1.25rem;color:var(--charcoal)}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.related-card{display:flex;flex-direction:column;padding:1.1rem 1.25rem;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius);text-decoration:none;transition:all var(--dur) var(--ease);position:relative}
.related-card:hover{border-color:var(--terracotta-pale);box-shadow:var(--shadow-soft);transform:translateY(-2px)}
.related-card-label{font-weight:600;color:var(--charcoal);font-size:.95rem;margin-bottom:.25rem}
.related-card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.45}
.related-card-arrow{position:absolute;top:50%;right:1rem;width:8px;height:8px;border-right:2px solid var(--terracotta-light);border-bottom:2px solid var(--terracotta-light);transform:translateY(-50%) rotate(-45deg);opacity:0;transition:opacity var(--dur) var(--ease),right var(--dur) var(--ease)}
.related-card:hover .related-card-arrow{opacity:1;right:.75rem}

/* ---------- Contact Page ---------- */
.contact-info-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.75rem 2rem;margin:2rem 0;box-shadow:var(--shadow-soft)}
.contact-info-card h2{margin-top:0}
.contact-details{list-style:none;margin:0;padding:0}
.contact-details li{display:flex;align-items:baseline;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border-light);font-size:.95rem}
.contact-details li:last-child{border-bottom:none}
.contact-details strong{flex-shrink:0;min-width:5rem;color:var(--terracotta-deep);font-size:.88rem}
.contact-details a{color:var(--terracotta);text-decoration:underline;text-underline-offset:3px;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}
.contact-details a:hover{color:var(--terracotta-deep);background:rgba(199,91,57,.08);border-radius:3px;text-decoration-color:var(--terracotta-deep)}
.contact-form-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;margin:2rem 0;box-shadow:var(--shadow-soft)}
.contact-form-card h2{margin-top:0}
.contact-form{max-width:100%;margin:0}
.form-group{margin-bottom:1.25rem}
.form-group label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.92rem;color:var(--text-primary)}
.required-mark{color:var(--error)}
.form-group input[type="text"],.form-group input[type="email"],.form-group input[type="tel"],.form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-warm);border-radius:var(--radius);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--white);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.form-group input:focus,.form-group textarea:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(199,91,57,.12);outline:none}
.form-group textarea{resize:vertical;min-height:120px}
.field-error{color:var(--error);font-size:.82rem;margin-top:.3rem;display:none}
.form-group.has-error input,.form-group.has-error textarea{border-color:var(--error);animation:shake .4s var(--ease)}
.form-group.has-error .field-error{display:block}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.form-checkbox{display:flex;align-items:flex-start;gap:.6rem}
.form-checkbox input[type="checkbox"]{margin-top:.35rem;flex-shrink:0;accent-color:var(--terracotta)}
.form-submit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2.5rem;background:var(--terracotta);color:var(--white);border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}
.form-submit-btn:hover{background:var(--terracotta-deep)}
.form-submit-btn:active{transform:scale(.98)}
.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}
.btn-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .6s linear infinite}
.form-submit-btn.is-loading .btn-text{opacity:.7}
.form-submit-btn.is-loading .btn-spinner{display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.form-message{padding:1rem 1.25rem;border-radius:var(--radius);margin:1rem 0;font-size:.92rem;display:none;animation:fadeSlide var(--dur) var(--ease)}
.form-message.is-success{display:block;background:#EAF5EA;border:1px solid var(--success);color:#2D5A2D}
.form-message.is-error{display:block;background:#FDF0EB;border:1px solid var(--error);color:#6B3020}
@keyframes fadeSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}

/* Toast Notification */
.toast{position:fixed;top:1.5rem;right:1.5rem;z-index:11000;min-width:280px;max-width:400px;padding:1rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-dramatic);color:var(--white);font-size:.92rem;font-weight:500;line-height:1.45;transform:translateX(calc(100% + 2rem));opacity:0;transition:transform var(--dur-slow) var(--ease-bounce),opacity var(--dur) var(--ease);pointer-events:none}
.toast.is-visible{transform:translateX(0);opacity:1;pointer-events:auto}
.toast--success{background:var(--success)}
.toast--error{background:var(--error)}
.toast-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:rgba(255,255,255,.7);font-size:1.1rem;cursor:pointer;padding:.25rem;line-height:1;transition:color var(--dur-fast) var(--ease)}
.toast-close:hover{color:var(--white)}
.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,.4);border-radius:0 0 var(--radius-lg) var(--radius-lg);animation:toastTimer 5s linear forwards}
@keyframes toastTimer{from{width:100%}to{width:0}}

/* ---------- Footer ---------- */
.site-footer{background:var(--cream-deep);color:var(--text-primary);margin-top:3rem;padding:3rem 0 1.5rem;position:relative}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,var(--terracotta) 0 12px,transparent 12px 14px,var(--saffron) 14px 26px,transparent 26px 28px,var(--olive) 28px 40px,transparent 40px 42px)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}
.footer-col h3{color:var(--terracotta);font-size:1rem;margin-bottom:.75rem;font-family:var(--font-body);font-weight:700}
.footer-col p{font-size:.88rem;line-height:1.6;color:var(--text-secondary)}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin-bottom:.4rem;font-size:.88rem}
.footer-col a{color:var(--charcoal-light);text-decoration:none;transition:color var(--dur) var(--ease)}
.footer-col a:hover{color:var(--terracotta)}
.footer-link{display:inline-block;margin-top:.75rem;padding:.4rem 1rem;border:1.5px solid var(--terracotta);border-radius:var(--radius);font-size:.82rem;color:var(--white);background:var(--terracotta);text-decoration:none;transition:all var(--dur) var(--ease)}
.footer-link:hover{background:var(--terracotta-deep);border-color:var(--terracotta-deep);color:var(--white)}
.footer-bottom{border-top:1px solid var(--border-warm);padding-top:1.5rem;text-align:center;font-size:.78rem;color:var(--text-muted)}
.footer-bottom p{margin-bottom:.25rem}
.back-to-top{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--terracotta);color:var(--white);border:none;border-radius:50%;cursor:pointer;position:fixed;bottom:5rem;right:1.5rem;z-index:900;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);box-shadow:var(--shadow-card)}
.back-to-top.is-visible{opacity:1;pointer-events:auto}
.back-to-top:hover{transform:translateY(-2px);background:var(--terracotta-deep)}
.back-to-top::before{content:'';display:block;width:10px;height:10px;border-left:2.5px solid var(--white);border-top:2.5px solid var(--white);transform:rotate(45deg);margin-top:3px}

/* ---------- Cookie Banner ---------- */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--charcoal);color:var(--cream);z-index:9999;padding:1.5rem;transform:translateY(100%);opacity:0;transition:transform var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease)}
.cookie-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,var(--terracotta) 0 8px,var(--saffron) 8px 16px)}
.cookie-banner[hidden]{display:none}
.cookie-banner.is-visible{transform:translateY(0);opacity:1}
.cookie-banner-inner{max-width:var(--max-width);margin:0 auto}
.cookie-banner-inner p{font-size:.88rem;margin-bottom:1rem;line-height:1.55;color:var(--cream-warm)}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.cookie-btn{padding:.7rem 1.5rem;border-radius:var(--radius);font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--dur) var(--ease);min-width:130px;text-align:center;border:2px solid transparent}
.cookie-btn-accept{background:var(--terracotta);color:var(--cream);border-color:var(--terracotta)}
.cookie-btn-accept:hover{background:var(--terracotta-deep);border-color:var(--terracotta-deep)}
.cookie-btn-reject{background:transparent;color:var(--cream);border-color:var(--cream)}
.cookie-btn-reject:hover{background:rgba(255,255,255,.1)}
.cookie-btn-settings{background:transparent;color:var(--saffron-light);border-color:var(--saffron)}
.cookie-btn-settings:hover{background:rgba(212,168,67,.1)}

/* Cookie Modal */
.cookie-modal{position:fixed;inset:0;background:rgba(44,36,32,.65);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity var(--dur) var(--ease)}
.cookie-modal[hidden]{display:none}
.cookie-modal.is-visible{opacity:1}
.cookie-modal-inner{background:var(--white);border-radius:var(--radius-lg);padding:2rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-dramatic);transform:translateY(20px);transition:transform var(--dur) var(--ease)}
.cookie-modal.is-visible .cookie-modal-inner{transform:translateY(0)}
.cookie-modal-inner h2{margin-top:0;border-bottom:none;padding-bottom:0;font-size:1.35rem}
.cookie-category{padding:1rem 0;border-bottom:1px solid var(--border-light)}
.cookie-category:last-of-type{border-bottom:none}
.cookie-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;font-size:.92rem}
.cookie-toggle input[type="checkbox"]{width:18px;height:18px;accent-color:var(--terracotta)}
.cookie-category p{font-size:.82rem;color:var(--text-muted);margin:.3rem 0 0 2rem}
.cookie-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}
.cookie-reopen-btn{display:inline-block;padding:.7rem 1.5rem;background:var(--terracotta);color:var(--white);border:none;border-radius:var(--radius);font-size:.92rem;font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease);margin:1rem 0}
.cookie-reopen-btn:hover{background:var(--terracotta-deep)}

/* ---------- Legal Pages ---------- */
.legal-content{padding:2rem 1.5rem 3rem}
.legal-content h1{margin-bottom:1.5rem}
.legal-content h2{font-size:1.2rem;margin-top:2rem}
.legal-content h3{font-size:1.05rem}
.legal-content ul{margin-bottom:1.5rem}

/* Cookie / Legal Tables */
.cookie-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.25rem 0 1.75rem;border-radius:var(--radius);border:1px solid var(--border-light)}
.cookie-table{width:100%;min-width:480px;border-collapse:collapse;font-size:.88rem}
.cookie-table thead{background:var(--cream-warm)}
.cookie-table th{text-align:left;padding:.7rem 1rem;font-weight:600;color:var(--charcoal);border-bottom:2px solid var(--border-warm);white-space:nowrap}
.cookie-table td{padding:.65rem 1rem;border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:top}
.cookie-table tbody tr:last-child td{border-bottom:none}
.cookie-table tbody tr:hover{background:var(--cream)}

/* ---------- Page Sections ---------- */
.page-section{padding:2.5rem 0}
.page-section+.page-section{border-top:1px solid var(--border-light)}

/* ---------- Scroll Animations ---------- */
.animate-in{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}
.animate-in.is-visible{opacity:1;transform:translateY(0)}

/* ---------- Utilities ---------- */
.text-center{text-align:center}
.text-muted{color:var(--text-muted)}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}
.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}
.clearfix::after{content:'';display:table;clear:both}

/* ---------- Print ---------- */
@media print{
    .site-header,.site-footer,.cookie-banner,.cookie-modal,.skip-link,.breadcrumbs,.back-to-top{display:none!important}
    body{font-size:11pt;color:#000;background:#fff}
    .article-hero,.home-hero,.hub-hero{background:#f5f5f5!important;color:#000!important}
}