/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;color:#2e2417;background:#faf6f0}
img,svg{max-width:100%;display:block}
a{color:#6b4226;text-decoration:underline;text-underline-offset:2px}
a:hover{color:#3e2510}
ul,ol{padding-left:1.2em}
button{cursor:pointer;font-family:inherit}

/* ===== SKIP LINK ===== */
.skip-link{position:absolute;top:-100%;left:0;background:#3e2510;color:#fff;padding:.6em 1.2em;z-index:10000;font-size:.9rem;border-radius:0 0 4px 0}
.skip-link:focus{top:0}

/* ===== LAYOUT ===== */
.container{max-width:1080px;margin:0 auto;padding:0 1.25rem}
.section{padding:3.5rem 0}
.section--alt{background:#f0e8da}
.section--dark{background:#3e2510;color:#f5efe6}
.section--dark a{color:#d4b896}

/* ===== HEADER ===== */
.site-header{background:#3e2510;color:#f5efe6;padding:0;position:sticky;top:0;z-index:900;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-logo{font-size:1.3rem;font-weight:700;color:#f5efe6;text-decoration:none;letter-spacing:.02em;padding:1rem 0;flex-shrink:0}
.site-logo span{color:#d4b896}

/* NAV — desktop */
.main-nav{display:flex;align-items:center;height:100%}
.nav-toggle{display:none;background:none;border:none;color:#f5efe6;font-size:1.6rem;line-height:1;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;padding:0;border-radius:4px;transition:background .2s}
.nav-toggle:hover,.nav-toggle:focus-visible{background:rgba(255,255,255,.1)}
.nav-list{list-style:none;display:flex;gap:0;padding:0;margin:0;height:100%;align-items:stretch}
.nav-list li{display:flex;align-items:stretch}
.nav-list a{
  color:#c4b09a;
  text-decoration:none;
  padding:.95rem .8rem;
  font-size:.84rem;
  font-weight:500;
  letter-spacing:.015em;
  white-space:nowrap;
  transition:color .2s,background .2s,box-shadow .2s;
  display:flex;align-items:center;
  position:relative;
}
.nav-list a::after{
  content:"";position:absolute;bottom:0;left:.8rem;right:.8rem;height:2px;
  background:#d4b896;border-radius:1px;
  transform:scaleX(0);transition:transform .2s ease;
}
.nav-list a:hover,.nav-list a:focus-visible{
  color:#fff;background:rgba(255,255,255,.06);
}
.nav-list a:hover::after,.nav-list a:focus-visible::after{
  transform:scaleX(1);
}
/* active state */
.nav-list a.active{color:#fff;background:rgba(255,255,255,.08)}
.nav-list a.active::after{transform:scaleX(1);background:#d4b896}
/* Iletisim link — accent CTA style */
.nav-list li:last-child a{
  color:#3e2510;background:#d4b896;
  margin:.55rem 0 .55rem .4rem;
  padding:.45rem 1rem;border-radius:4px;
  font-weight:600;
}
.nav-list li:last-child a::after{display:none}
.nav-list li:last-child a:hover,.nav-list li:last-child a:focus-visible{
  background:#c4a57e;color:#2a1809;
}
.nav-list li:last-child a.active{background:#e8dcc8;color:#2a1809}


/* Mobile overlay */
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:800;opacity:0;transition:opacity .25s}
.nav-overlay.open{display:block;opacity:1}

/* ---- Tablet: collapse early at 960px ---- */
@media(max-width:960px){
  .nav-list a{padding:.95rem .55rem;font-size:.8rem}
}

/* ---- Mobile: slide-in panel ---- */
@media(max-width:820px){
  .site-header .container{padding-top:.25rem;padding-bottom:.25rem}
  .nav-toggle{display:flex;position:relative;z-index:860}
  .nav-list{
    position:fixed;top:0;right:0;
    width:300px;max-width:85vw;height:100vh;height:100dvh;
    flex-direction:column;gap:0;
    background:#3e2510;
    padding:0;
    box-shadow:-6px 0 24px rgba(0,0,0,.3);
    z-index:850;
    transform:translateX(100%);
    transition:transform .3s ease;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    align-items:stretch;
  }
  .nav-list.open{transform:translateX(0)}

  /* mobile header inside panel — space for X button */
  .nav-list::before{
    content:"Menu";
    display:block;
    padding:3.5rem 1.5rem .8rem;
    font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:#8b7355;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .nav-list li{display:block}
  .nav-list a{
    padding:1rem 1.5rem;
    font-size:1rem;font-weight:500;
    border-bottom:1px solid rgba(255,255,255,.06);
    color:#e2d5c3;
    border-radius:0;
    display:block;
  }
  .nav-list a::after{display:none}
  .nav-list a:hover,.nav-list a:focus-visible{background:rgba(255,255,255,.08);color:#fff}
  .nav-list a.active{background:rgba(255,255,255,.1);color:#fff;border-left:3px solid #d4b896}

  /* Iletisim CTA reset for mobile */
  .nav-list li:last-child a{
    background:none;color:#d4b896;border-radius:0;
    margin:0;padding:1rem 1.5rem;
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:none;
    font-weight:600;
  }
  .nav-list li:last-child a:hover{background:rgba(255,255,255,.08);color:#fff}
  .nav-list li:last-child a.active{background:rgba(255,255,255,.1);color:#fff;border-left:3px solid #d4b896}
}

/* ===== HERO ===== */
.hero{background:linear-gradient(135deg,#5c3a1e 0%,#3e2510 60%,#2a1809 100%);color:#f5efe6;padding:4.5rem 0 4rem;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(255,255,255,.018) 18px,rgba(255,255,255,.018) 20px);pointer-events:none}
.hero h1{font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.25;margin-bottom:1rem;font-weight:700}
.hero p{max-width:640px;font-size:1.05rem;opacity:.9;margin-bottom:1.5rem}
.hero-cta{display:inline-block;background:#d4b896;color:#2e2417;padding:.65rem 1.6rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .2s}
.hero-cta:hover{background:#c4a57e;color:#2e2417}

/* ===== HEADINGS ===== */
h2{font-size:clamp(1.35rem,3vw,1.9rem);color:#3e2510;margin-bottom:1.2rem;font-weight:700}
h3{font-size:1.15rem;color:#5c3a1e;margin-bottom:.6rem;font-weight:600}
.section--dark h2,.section--dark h3{color:#f5efe6}

/* ===== CARDS GRID ===== */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}
.card{background:#fff;border:1px solid #e2d5c3;border-radius:6px;padding:1.5rem;transition:box-shadow .25s,transform .25s}
.card:hover{box-shadow:0 4px 14px rgba(62,37,16,.1);transform:translateY(-2px)}
.card h3{margin-top:0}

/* placeholder panel for future images */
.card__visual{width:100%;height:140px;background:linear-gradient(160deg,#e2d5c3 0%,#d4c4aa 100%);border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:#8b7355;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;border:1px dashed #c4a57e}

/* ===== PROFILE WIDGET ===== */
.profile-widget{background:#fff;border:1px solid #d4b896;border-radius:8px;padding:2rem;margin-top:2rem;max-width:680px}
.profile-widget fieldset{border:none;padding:0}
.profile-widget legend{font-weight:700;font-size:1.1rem;margin-bottom:1rem;color:#3e2510}
.profile-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.profile-btn{background:#f0e8da;border:2px solid #d4b896;padding:.55rem 1.2rem;border-radius:4px;font-size:.9rem;color:#3e2510;transition:background .2s,border-color .2s}
.profile-btn:hover,.profile-btn:focus{background:#e8dcc8;border-color:#a68b64}
.profile-btn[aria-pressed="true"]{background:#5c3a1e;color:#f5efe6;border-color:#5c3a1e}
.profile-result{background:#faf6f0;border-left:4px solid #d4b896;padding:1.25rem 1.5rem;border-radius:0 6px 6px 0;min-height:3.5rem;font-size:.95rem;line-height:1.65;color:#3e2510}
.profile-result:empty::before{content:"Yukaridaki seceneklerden birini secin.";color:#8b7355;font-style:italic}

/* ===== FAQ / ACCORDION ===== */
.faq-list{max-width:760px}
.faq-item{border-bottom:1px solid #e2d5c3}
.faq-item:first-child{border-top:1px solid #e2d5c3}
.faq-question{width:100%;background:none;border:none;text-align:left;padding:1rem 2.5rem 1rem 0;font-size:1rem;font-weight:600;color:#3e2510;position:relative;line-height:1.5}
.faq-question::after{content:"+";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1.3rem;color:#8b7355;transition:transform .2s}
.faq-question[aria-expanded="true"]::after{content:"\2212"}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 0 0 0}
.faq-answer-inner{padding:0 0 1rem 0;font-size:.95rem;line-height:1.7}

/* ===== FOOTER ===== */
.site-footer{background:#2a1809;color:#c4a57e;padding:2.5rem 0 1.5rem;font-size:.88rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}
.footer-col h4{color:#f5efe6;margin-bottom:.6rem;font-size:.95rem}
.footer-col ul{list-style:none;padding:0}
.footer-col li{margin-bottom:.35rem}
.footer-col a{color:#c4a57e;text-decoration:none;transition:color .2s}
.footer-col a:hover{color:#f5efe6}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:#8b7355;font-size:.82rem}

/* ===== CONTACT PAGE ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:1.5rem}
@media(max-width:700px){.contact-grid{grid-template-columns:1fr}}
.contact-info p{margin-bottom:.6rem}

/* FORMS */
.form-group{margin-bottom:1.25rem}
.form-group label{display:block;font-weight:600;margin-bottom:.3rem;font-size:.92rem;color:#3e2510}
.form-group input,.form-group textarea{width:100%;padding:.6rem .8rem;border:1px solid #c4a57e;border-radius:4px;font-size:.95rem;font-family:inherit;background:#fff;color:#2e2417;transition:border-color .2s}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5c3a1e;box-shadow:0 0 0 2px rgba(92,58,30,.15)}
.form-group textarea{min-height:120px;resize:vertical}
.form-group .field-error{color:#a03020;font-size:.82rem;margin-top:.25rem;display:none}
.form-group.has-error .field-error{display:block}
.form-group.has-error input,.form-group.has-error textarea{border-color:#a03020}

.form-consent{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1.25rem;font-size:.88rem}
.form-consent input[type="checkbox"]{margin-top:.25rem;flex-shrink:0}

.btn-submit{background:#5c3a1e;color:#f5efe6;border:none;padding:.7rem 2rem;border-radius:4px;font-size:.95rem;font-weight:600;transition:background .2s}
.btn-submit:hover{background:#3e2510}
.btn-submit:disabled{opacity:.5;cursor:not-allowed}

.form-status{margin-top:1rem;padding:.8rem 1rem;border-radius:4px;font-size:.9rem;display:none}
.form-status--success{background:#e6f0e4;color:#2a5a20;border:1px solid #b8d4b0;display:block}
.form-status--error{background:#f5e4e2;color:#8b2018;border:1px solid #d4b0ac;display:block}

/* honeypot */
.ht-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}

/* ===== LEGAL PAGES ===== */
.legal-content{max-width:760px}
.legal-content h2{font-size:1.4rem;margin-top:2rem}
.legal-content h3{font-size:1.1rem;margin-top:1.5rem}
.legal-content p,.legal-content li{margin-bottom:.6rem}
.legal-content ul{margin-bottom:1rem}

/* ===== SITEMAP PAGE ===== */
.sitemap-list{list-style:none;padding:0}
.sitemap-list li{margin-bottom:.5rem}
.sitemap-list a{font-size:1rem}

/* ===== 404 PAGE ===== */
.page-404{text-align:center;padding:5rem 0}
.page-404 h1{font-size:3rem;color:#5c3a1e;margin-bottom:.5rem}
.page-404 p{font-size:1.1rem;margin-bottom:1.5rem}

/* ===== COOKIE BANNER ===== */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#2a1809;color:#e2d5c3;padding:1.25rem;z-index:9999;box-shadow:0 -4px 16px rgba(0,0,0,.2);transform:translateY(100%);transition:transform .3s ease;font-size:.9rem}
.cookie-banner.visible{transform:translateY(0)}
.cookie-banner p{margin-bottom:1rem;max-width:720px;line-height:1.55}
.cookie-banner a{color:#d4b896}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.cookie-btn{padding:.5rem 1.2rem;border-radius:4px;font-size:.88rem;font-weight:600;border:none;transition:background .2s,color .2s}
.cookie-btn--accept{background:#5c3a1e;color:#f5efe6}
.cookie-btn--accept:hover{background:#7a5030}
.cookie-btn--reject{background:transparent;color:#e2d5c3;border:1px solid #8b7355}
.cookie-btn--reject:hover{background:rgba(255,255,255,.08)}
.cookie-btn--settings{background:transparent;color:#c4a57e;border:1px solid #6b5a3e}
.cookie-btn--settings:hover{background:rgba(255,255,255,.06)}

/* cookie settings panel */
.cookie-settings-panel{display:none;margin-top:1rem;padding:1rem;background:#3e2510;border-radius:6px}
.cookie-settings-panel.open{display:block}
.cookie-setting-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cookie-setting-row:last-child{border-bottom:none}
.cookie-setting-row label{font-size:.88rem}
.cookie-toggle{position:relative;width:42px;height:22px;flex-shrink:0}
.cookie-toggle input{opacity:0;width:0;height:0}
.cookie-toggle .slider{position:absolute;inset:0;background:#6b5a3e;border-radius:11px;transition:background .2s;cursor:pointer}
.cookie-toggle .slider::before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:#e2d5c3;border-radius:50%;transition:transform .2s}
.cookie-toggle input:checked+.slider{background:#8b7355}
.cookie-toggle input:checked+.slider::before{transform:translateX(20px)}
.cookie-toggle input:disabled+.slider{opacity:.6;cursor:default}
.cookie-btn--save{margin-top:.8rem;background:#5c3a1e;color:#f5efe6;padding:.45rem 1rem;border-radius:4px;font-size:.85rem;font-weight:600;border:none}
.cookie-btn--save:hover{background:#7a5030}

/* ===== TEXTURE DECORATIONS ===== */
.texture-bar{height:6px;background:repeating-linear-gradient(90deg,#d4b896,#d4b896 12px,#c4a57e 12px,#c4a57e 24px)}
.texture-weave{background-image:repeating-linear-gradient(0deg,transparent,transparent 14px,rgba(92,58,30,.04) 14px,rgba(92,58,30,.04) 15px),repeating-linear-gradient(90deg,transparent,transparent 14px,rgba(92,58,30,.04) 14px,rgba(92,58,30,.04) 15px)}

/* ===== ANIMATIONS ===== */
.fade-in{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

@media(prefers-reduced-motion:reduce){
  .fade-in{opacity:1;transform:none;transition:none}
  .cookie-banner{transition:none}
  .faq-answer{transition:none}
  .card{transition:none}
  html{scroll-behavior:auto}
  .nav-list{transition:none}
  .nav-overlay{transition:none}
}

/* ===== UTILITIES ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.text-center{text-align:center}
.mt-1{margin-top:1rem}
.mt-2{margin-top:2rem}
.mb-1{margin-bottom:1rem}
.mb-2{margin-bottom:2rem}

/* (active nav + toggle styles in HEADER block above) */

/* ===== CONTENT IMAGE ===== */
.text-with-image{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start;margin-top:1rem}
.text-with-image--reverse{grid-template-columns:280px 1fr}
.content-img{width:100%;height:auto;border-radius:6px;border:1px solid #e2d5c3;background:#e8dcc8;aspect-ratio:4/3;object-fit:cover}
@media(max-width:700px){
  .text-with-image,.text-with-image--reverse{grid-template-columns:1fr}
  .content-img{max-width:320px}
}

/* ===== FORM CARD (standalone, centered) ===== */
.form-card{background:#fff;border:1px solid #d4b896;border-radius:8px;padding:2rem 2.25rem;box-shadow:0 2px 12px rgba(62,37,16,.07);max-width:620px;margin-left:auto;margin-right:auto}
.form-card h2{margin-top:0}
@media(max-width:500px){.form-card{padding:1.25rem 1rem}}

/* ===== CONTACT INFO BLOCK (styled cards) ===== */
.contact-info-block{margin-top:3rem;max-width:620px;margin-left:auto;margin-right:auto}
.contact-info-block h2{font-size:1.3rem;margin-bottom:1.25rem}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:520px){.contact-cards{grid-template-columns:1fr}}
.contact-card{background:#fff;border:1px solid #e2d5c3;border-radius:6px;padding:1.1rem 1.25rem;display:flex;gap:.85rem;align-items:flex-start}
.contact-card-icon{width:36px;height:36px;border-radius:50%;background:#f0e8da;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#5c3a1e}
.contact-card-icon svg{width:18px;height:18px}
.contact-card-body{font-size:.9rem;line-height:1.5}
.contact-card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b7355;margin-bottom:.15rem}
.contact-card-value{color:#2e2417}
.contact-note{margin-top:1.75rem;background:#f0e8da;border-radius:6px;padding:1.25rem 1.5rem;font-size:.9rem;line-height:1.6;color:#3e2510;border-left:3px solid #d4b896}
.contact-note h3{margin-bottom:.35rem;font-size:1rem}