/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

:root{
  --clr-toprak:#6B4226;
  --clr-toprak-light:#8B5E3C;
  --clr-krem:#FDF6EC;
  --clr-krem-dark:#F5E6CC;
  --clr-lacivert:#1B2A4A;
  --clr-lacivert-light:#2C3E6B;
  --clr-accent:#C2703E;
  --clr-accent-hover:#A85A2A;
  --clr-text:#2D2418;
  --clr-text-light:#5C4A3A;
  --clr-border:#D4C4A8;
  --clr-white:#FFFFFF;
  --clr-success:#3A7D44;
  --clr-error:#A63D40;
  --ff-heading:'Georgia','Times New Roman',serif;
  --ff-body:'Segoe UI','Helvetica Neue',Arial,sans-serif;
  --fs-base:1rem;
  --fs-sm:.875rem;
  --fs-lg:1.125rem;
  --fs-xl:1.5rem;
  --fs-2xl:2rem;
  --fs-3xl:2.75rem;
  --max-w:1140px;
  --radius:8px;
  --shadow:0 2px 12px rgba(43,36,24,.1);
  --shadow-lg:0 8px 32px rgba(43,36,24,.15);
  --transition:all .3s ease;
}
body{font-family:var(--ff-body);font-size:var(--fs-base);line-height:1.7;color:var(--clr-text);background:var(--clr-krem)}

/* ===== SKIP LINK ===== */
.skip-link{position:absolute;top:-100%;left:16px;background:var(--clr-lacivert);color:var(--clr-white);padding:8px 16px;z-index:10000;border-radius:0 0 var(--radius) var(--radius);font-size:var(--fs-sm);transition:top .2s}
.skip-link:focus{top:0}

/* ===== LAYOUT ===== */
.container{width:90%;max-width:var(--max-w);margin:0 auto}
.section{padding:72px 0}
.section--alt{background:var(--clr-krem-dark)}

/* ===== HEADER ===== */
.header{position:sticky;top:0;z-index:100;background:var(--clr-lacivert);box-shadow:var(--shadow)}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.header__logo{font-family:var(--ff-heading);font-size:var(--fs-xl);color:var(--clr-krem);text-decoration:none;white-space:nowrap;letter-spacing:.5px;transition:opacity .3s ease}
.header__logo:hover{opacity:.85}
.header__logo span{color:var(--clr-accent)}

/* NAV */
.nav__list{display:flex;list-style:none;gap:4px;flex-wrap:wrap}
.nav__link{display:block;padding:6px 14px;color:var(--clr-krem-dark);text-decoration:none;font-size:var(--fs-sm);border-radius:var(--radius);transition:var(--transition)}
.nav__link:hover,.nav__link:focus{background:rgba(255,255,255,.12);color:var(--clr-white);transform:translateY(-1px)}
.nav__link.is-active{background:rgba(255,255,255,.15);color:var(--clr-white);border-bottom:2px solid var(--clr-accent)}

/* hamburger */
.nav__toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;position:relative;width:40px;height:40px}
.nav__toggle span{display:block;width:24px;height:2px;background:var(--clr-krem);transition:var(--transition);border-radius:2px;position:absolute;left:8px}
.nav__toggle span:nth-child(1){top:10px}
.nav__toggle span:nth-child(2){top:19px}
.nav__toggle span:nth-child(3){top:28px}
.nav__toggle.is-open span:nth-child(1){transform:rotate(45deg);top:19px}
.nav__toggle.is-open span:nth-child(2){opacity:0}
.nav__toggle.is-open span:nth-child(3){transform:rotate(-45deg);top:19px}

@media(max-width:820px){
  .nav__toggle{display:block}
  .nav__list{display:flex;flex-direction:column;flex-wrap:nowrap;position:absolute;top:100%;left:0;right:0;background:var(--clr-lacivert);padding:0 5%;box-shadow:var(--shadow-lg);max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease}
  .nav__list.is-open{max-height:500px;padding:12px 5%}
  .nav__link{padding:10px 0;font-size:var(--fs-base)}
  .nav__link.is-active{border-bottom:none;border-left:3px solid var(--clr-accent);padding-left:12px}
}

/* ===== HERO ===== */
.hero{position:relative;padding:100px 0 80px;background:linear-gradient(135deg,var(--clr-lacivert) 0%,var(--clr-lacivert-light) 50%,var(--clr-toprak) 100%);color:var(--clr-krem);overflow:hidden;text-align:center}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L55 30 L30 55 L5 30Z' fill='none' stroke='%23ffffff' stroke-opacity='.04' stroke-width='1'/%3E%3C/svg%3E");opacity:.6}
.hero__content{position:relative;z-index:1;max-width:720px;margin:0 auto}
.hero__title{font-family:var(--ff-heading);font-size:clamp(2rem,5vw,3.25rem);line-height:1.2;margin-bottom:20px}
.hero__subtitle{font-size:var(--fs-lg);color:rgba(253,246,236,.85);margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto}
.hero__cta{display:inline-block;padding:14px 36px;background:var(--clr-accent);color:var(--clr-white);text-decoration:none;border-radius:var(--radius);font-weight:600;transition:var(--transition)}
.hero__cta:hover,.hero__cta:focus{background:var(--clr-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}

/* ===== HEADINGS ===== */
.section__title{font-family:var(--ff-heading);font-size:var(--fs-2xl);color:var(--clr-toprak);margin-bottom:12px;text-align:center}
.section__subtitle{text-align:center;color:var(--clr-text-light);max-width:640px;margin:0 auto 48px;font-size:var(--fs-lg)}

/* ===== CARDS ===== */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.card{background:var(--clr-white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card__visual{height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.card__body{padding:24px}
.card__title{font-family:var(--ff-heading);font-size:var(--fs-lg);color:var(--clr-lacivert);margin-bottom:8px}
.card__text{color:var(--clr-text-light);font-size:var(--fs-sm);line-height:1.6}

/* placeholder visuals */
.visual--pazar{background:linear-gradient(135deg,#D4A574 0%,#C2703E 40%,#8B5E3C 100%)}
.visual--isik{background:linear-gradient(135deg,#F5E6CC 0%,#E8C88A 40%,#C2703E 100%)}
.visual--desen{background:linear-gradient(135deg,#2C3E6B 0%,#1B2A4A 40%,#6B4226 100%)}
.visual--toprak{background:linear-gradient(135deg,#8B5E3C 0%,#6B4226 40%,#2D2418 100%)}
.visual--baharat{background:linear-gradient(135deg,#C2703E 0%,#A85A2A 40%,#6B4226 100%)}
.visual--tekstil{background:linear-gradient(135deg,#1B2A4A 0%,#3A5A8C 40%,#8B5E3C 100%)}
.visual__label{color:rgba(255,255,255,.7);font-size:var(--fs-sm);font-style:italic;text-align:center;padding:8px;z-index:1}

/* SVG deco in visual */
.visual__svg{position:absolute;inset:0;opacity:.15}

/* ===== SECICI (SELECTOR) ===== */
.secici{background:var(--clr-white);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow);max-width:720px;margin:0 auto}
.secici__title{font-family:var(--ff-heading);font-size:var(--fs-xl);color:var(--clr-toprak);margin-bottom:8px;text-align:center}
.secici__desc{text-align:center;color:var(--clr-text-light);margin-bottom:28px}
.secici__options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}
.secici__btn{padding:12px 24px;border:2px solid var(--clr-border);background:var(--clr-krem);color:var(--clr-text);border-radius:var(--radius);cursor:pointer;font-size:var(--fs-sm);font-weight:600;transition:var(--transition)}
.secici__btn:hover,.secici__btn:focus{border-color:var(--clr-accent);color:var(--clr-accent)}
.secici__btn.is-active{background:var(--clr-accent);border-color:var(--clr-accent);color:var(--clr-white)}
.secici__result{background:var(--clr-krem);border-radius:var(--radius);padding:24px;min-height:80px;border-left:4px solid var(--clr-accent)}
.secici__result:empty::before{content:'Yukaridaki seceneklerden birini secin.';color:var(--clr-text-light);font-style:italic}
.secici__result h4{font-family:var(--ff-heading);color:var(--clr-lacivert);margin-bottom:8px}
.secici__result p{color:var(--clr-text-light);font-size:var(--fs-sm);line-height:1.6;margin-bottom:6px}
.secici__result p:last-child{margin-bottom:0}

/* ===== PAZAR ATMOSFERI ===== */
.atmosfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.atmosfer-grid__text p{margin-bottom:16px;color:var(--clr-text-light)}
.atmosfer-grid__visual{height:320px;border-radius:var(--radius);overflow:hidden;position:relative}
@media(max-width:680px){.atmosfer-grid{grid-template-columns:1fr}.atmosfer-grid__visual{height:220px}}

/* ===== CONTENT BLOCKS ===== */
.content-block{max-width:780px;margin:0 auto}
.content-block p{margin-bottom:18px;color:var(--clr-text-light)}
.content-block h3{font-family:var(--ff-heading);font-size:var(--fs-lg);color:var(--clr-toprak);margin:32px 0 12px}
.content-block ul{padding-left:24px;margin-bottom:18px;color:var(--clr-text-light)}
.content-block li{margin-bottom:8px}

/* ===== FAQ / SSS ===== */
.faq{max-width:740px;margin:0 auto}
.faq__item{border-bottom:1px solid var(--clr-border);padding:0}
.faq__question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 0;background:none;border:none;cursor:pointer;font-family:var(--ff-heading);font-size:var(--fs-lg);color:var(--clr-lacivert);text-align:left;gap:16px;transition:var(--transition)}
.faq__question:hover{color:var(--clr-accent)}
.faq__icon{flex-shrink:0;width:24px;height:24px;transition:transform .3s ease}
.faq__item.is-open .faq__icon{transform:rotate(45deg)}
.faq__answer{height:0;overflow:hidden;transition:height .4s cubic-bezier(.4,0,.2,1)}
.faq__answer__inner{padding:0 0 20px;color:var(--clr-text-light);line-height:1.7}

/* ===== FOOTER ===== */
.footer{background:var(--clr-lacivert);color:rgba(253,246,236,.7);padding:48px 0 24px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:36px}
.footer__brand{font-family:var(--ff-heading);font-size:var(--fs-xl);color:var(--clr-krem);margin-bottom:12px}
.footer__brand span{color:var(--clr-accent)}
.footer__desc{font-size:var(--fs-sm);line-height:1.6;max-width:320px}
.footer__heading{font-weight:700;color:var(--clr-krem);margin-bottom:12px;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:1px}
.footer__links{list-style:none}
.footer__links li{margin-bottom:8px}
.footer__links a{color:rgba(253,246,236,.7);text-decoration:none;font-size:var(--fs-sm);transition:var(--transition);position:relative}
.footer__links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--clr-accent);transition:width .3s ease}
.footer__links a:hover{color:var(--clr-accent);padding-left:4px}
.footer__links a:hover::after{width:100%}
.footer__bottom{border-top:1px solid rgba(253,246,236,.12);padding-top:20px;text-align:center;font-size:var(--fs-sm)}
@media(max-width:680px){.footer__grid{grid-template-columns:1fr}}

/* ===== FORMS ===== */
.form-group{margin-bottom:20px}
.form-group label{display:block;font-weight:600;color:var(--clr-lacivert);margin-bottom:6px;font-size:var(--fs-sm)}
.form-group label .required{color:var(--clr-error)}
.form-input,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--clr-border);border-radius:var(--radius);font-family:var(--ff-body);font-size:var(--fs-base);color:var(--clr-text);background:var(--clr-white);transition:var(--transition)}
.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--clr-accent);box-shadow:0 0 0 3px rgba(194,112,62,.15)}
.form-textarea{min-height:140px;resize:vertical}
.form-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.form-checkbox input{margin-top:4px;accent-color:var(--clr-accent);width:18px;height:18px;flex-shrink:0}
.form-checkbox span{font-size:var(--fs-sm);color:var(--clr-text-light);line-height:1.5}
.form-submit{display:inline-block;padding:14px 40px;background:var(--clr-accent);color:var(--clr-white);border:none;border-radius:var(--radius);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:var(--transition)}
.form-submit:hover,.form-submit:focus{background:var(--clr-accent-hover);transform:translateY(-2px)}
.form-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}
.form-message{padding:14px 20px;border-radius:var(--radius);margin-top:16px;font-size:var(--fs-sm)}
.form-message--success{background:#E8F5E9;color:var(--clr-success);border:1px solid var(--clr-success)}
.form-message--error{background:#FDEDEE;color:var(--clr-error);border:1px solid var(--clr-error)}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}

/* ===== PAGE CONTENT (legal etc.) ===== */
.page-header{background:var(--clr-lacivert);color:var(--clr-krem);padding:48px 0;text-align:center}
.page-header h1{font-family:var(--ff-heading);font-size:var(--fs-2xl);margin-bottom:8px}
.page-header p{color:rgba(253,246,236,.7);font-size:var(--fs-sm)}
.page-content{padding:56px 0}
.page-content .container{max-width:780px}
.page-content h2{font-family:var(--ff-heading);font-size:var(--fs-xl);color:var(--clr-toprak);margin:36px 0 12px}
.page-content h3{font-family:var(--ff-heading);font-size:var(--fs-lg);color:var(--clr-toprak-light);margin:24px 0 8px}
.page-content p{margin-bottom:16px;color:var(--clr-text-light);line-height:1.7}
.page-content ul,.page-content ol{padding-left:24px;margin-bottom:16px;color:var(--clr-text-light)}
.page-content li{margin-bottom:8px;line-height:1.6}
.page-content a{color:var(--clr-accent);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}
.page-content a:hover{color:var(--clr-accent-hover);border-bottom-color:var(--clr-accent-hover)}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0}
.page-content table{width:100%;border-collapse:collapse;min-width:540px}
.page-content th,.page-content td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--clr-border);white-space:nowrap}
.page-content td{white-space:normal}
.page-content th{background:var(--clr-krem-dark);font-weight:600;color:var(--clr-lacivert)}

/* contact info */
.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}
.contact-info__item{background:var(--clr-white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition)}
.contact-info__item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.contact-info__label{font-weight:700;color:var(--clr-lacivert);font-size:var(--fs-sm);margin-bottom:4px}
.contact-info__value{color:var(--clr-text-light)}
.contact-info__value a{color:var(--clr-accent);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}
.contact-info__value a:hover{color:var(--clr-accent-hover);border-bottom-color:var(--clr-accent-hover)}

/* sitemap page */
.sitemap-list{list-style:none;padding:0}
.sitemap-list li{padding:10px 0;border-bottom:1px solid var(--clr-border)}
.sitemap-list a{color:var(--clr-accent);text-decoration:none;font-weight:600;transition:var(--transition)}
.sitemap-list a:hover{color:var(--clr-accent-hover);padding-left:6px}

/* ===== 404 ===== */
.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px}
.error-page h1{font-family:var(--ff-heading);font-size:clamp(4rem,10vw,8rem);color:var(--clr-accent);line-height:1}
.error-page h2{font-family:var(--ff-heading);font-size:var(--fs-2xl);color:var(--clr-lacivert);margin:16px 0}
.error-page p{color:var(--clr-text-light);margin-bottom:28px}
.error-page a{display:inline-block;padding:12px 32px;background:var(--clr-accent);color:var(--clr-white);text-decoration:none;border-radius:var(--radius);transition:var(--transition)}
.error-page a:hover{background:var(--clr-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}

/* ===== COOKIE BANNER ===== */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--clr-lacivert);color:var(--clr-krem);padding:20px;z-index:9999;box-shadow:0 -4px 20px rgba(0,0,0,.25);transform:translateY(100%);transition:transform .4s ease}
.cookie-banner.is-visible{transform:translateY(0)}
.cookie-banner__inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.cookie-banner__text{flex:1;min-width:280px;font-size:var(--fs-sm);line-height:1.6}
.cookie-banner__text a{color:var(--clr-accent);text-decoration:underline}
.cookie-banner__actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{padding:10px 22px;border:none;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:var(--transition)}
.cookie-btn--accept{background:var(--clr-accent);color:var(--clr-white)}
.cookie-btn--accept:hover{background:var(--clr-accent-hover)}
.cookie-btn--reject{background:transparent;border:2px solid rgba(253,246,236,.4);color:var(--clr-krem)}
.cookie-btn--reject:hover{border-color:var(--clr-krem);background:rgba(255,255,255,.08)}
.cookie-btn--settings{background:transparent;border:2px solid rgba(253,246,236,.4);color:var(--clr-krem)}
.cookie-btn--settings:hover{border-color:var(--clr-krem);background:rgba(255,255,255,.08)}

/* cookie settings panel */
.cookie-settings{margin-top:16px;width:100%;background:rgba(255,255,255,.06);border-radius:var(--radius);padding:0 20px;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease}
.cookie-settings.is-visible{max-height:400px;padding:20px}
.cookie-settings__item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.cookie-settings__item:last-child{border-bottom:none}
.cookie-settings__label{font-size:var(--fs-sm)}
.cookie-settings__label small{display:block;color:rgba(253,246,236,.5);margin-top:2px}

/* toggle switch */
.toggle{position:relative;width:44px;height:24px;flex-shrink:0}
.toggle input{opacity:0;width:0;height:0}
.toggle__slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,.2);border-radius:24px;transition:var(--transition)}
.toggle__slider::before{content:'';position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:var(--clr-white);border-radius:50%;transition:var(--transition)}
.toggle input:checked+.toggle__slider{background:var(--clr-accent)}
.toggle input:checked+.toggle__slider::before{transform:translateX(20px)}
.toggle input:disabled+.toggle__slider{opacity:.6;cursor:not-allowed}
.cookie-settings__save{margin-top:14px;padding:10px 28px;background:var(--clr-accent);color:var(--clr-white);border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition)}
.cookie-settings__save:hover{background:var(--clr-accent-hover)}

/* ===== DECORATIVE SVG PATTERNS ===== */
.deco-divider{width:100%;height:40px;display:block}
.deco-divider path{fill:var(--clr-krem-dark)}
.section--alt .deco-divider path{fill:var(--clr-krem)}

/* ===== FOCUS ===== */
:focus-visible{outline:3px solid var(--clr-accent);outline-offset:2px}

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

/* ===== INLINE IMAGES ===== */
.text-with-image{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:32px}
.text-with-image--reverse{direction:rtl}
.text-with-image--reverse>*{direction:ltr}
.text-with-image__img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);display:block;aspect-ratio:4/3;object-fit:cover;background:var(--clr-krem-dark)}
@media(max-width:680px){.text-with-image{grid-template-columns:1fr}.text-with-image--reverse{direction:ltr}}

/* ===== FORM SECTION ===== */
.form-section{padding:72px 0;background:var(--clr-krem-dark)}
.form-section .container{max-width:580px}
.form-section__title{font-family:var(--ff-heading);font-size:var(--fs-2xl);color:var(--clr-toprak);margin-bottom:8px;text-align:center}
.form-section__desc{text-align:center;color:var(--clr-text-light);margin-bottom:36px}
.form-section form{background:var(--clr-white);padding:36px 32px;border-radius:var(--radius);box-shadow:var(--shadow)}
.form-section .form-submit{display:block;width:100%;text-align:center}
@media(max-width:680px){.form-section form{padding:24px 18px}}

/* ===== PRINT ===== */
@media print{.header,.footer,.cookie-banner,.nav__toggle{display:none}.hero{padding:40px 0;background:var(--clr-white);color:var(--clr-text)}.section{padding:32px 0}}