/* EFSANE — açık/krem editoryal tema */
:root{
  --e-bg:#F8F6F0; --e-panel:#FFFFFF; --e-ink:#1C2520; --e-soft:#6B7062;
  --e-green:#4F8A41; --e-gold:#C7A34A; --e-line:#E5DFCF; --e-logo-ink:#1C2520; --radius:16px; --maxw:1160px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',Arial,Helvetica,sans-serif;color:var(--e-ink);background:var(--e-bg);line-height:1.7;font-size:15.5px}
h1,h2,h3,h4{font-family:'Cinzel',Georgia,serif;line-height:1.15;font-weight:600}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--e-gold);outline-offset:2px;border-radius:4px}

.e-header{position:sticky;top:0;z-index:50;background:rgba(250,248,242,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--e-line)}
.e-nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:10px}
.e-logo img{height:60px;width:auto;display:block}
.e-menu{display:flex;align-items:center;gap:2px;list-style:none}
.e-menu a{display:block;padding:9px 13px;border-radius:8px;font-weight:500;font-size:14px;color:var(--e-soft)}
.e-menu a:hover,.e-menu a.active{color:var(--e-green);background:#F0EDE2}
.e-burger{display:none;border:0;background:transparent;cursor:pointer;padding:8px}
.e-burger svg{width:26px;height:26px;stroke:var(--e-ink)}
@media(max-width:1000px){
  .e-menu{position:fixed;inset:76px 0 auto 0;background:var(--e-panel);flex-direction:column;align-items:stretch;padding:14px 20px 22px;display:none;border-bottom:1px solid var(--e-line);box-shadow:0 18px 30px rgba(0,0,0,.1)}
  .e-menu.open{display:flex}
  .e-burger{display:block}
}
.lang-dd{position:relative;margin-left:8px}
.lang-btn{border:1.5px solid var(--e-line);background:transparent;border-radius:999px;padding:7px 14px;font-weight:600;font-size:13px;cursor:pointer;font-family:'Montserrat',sans-serif;color:var(--e-soft)}
.lang-dd.open .lang-btn{background:var(--e-green);color:#fff;border-color:var(--e-green)}
.lang-menu{display:none;position:absolute;top:110%;right:0;background:var(--e-panel);border:1px solid var(--e-line);border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.12);min-width:150px;overflow:hidden;z-index:60}
.lang-dd.open .lang-menu{display:block}
.lang-menu a{display:block;padding:10px 16px;font-weight:500;font-size:14px;color:var(--e-soft)}
.lang-menu a:hover{background:#F0EDE2;color:var(--e-green)}
.lang-menu a.on{background:var(--e-green);color:#fff}
[dir=rtl] .lang-menu{right:auto;left:0}

.e-hero{padding:72px 0;background:linear-gradient(180deg,#F4F0E4,var(--e-bg))}
.e-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
@media(max-width:840px){.e-hero-grid{grid-template-columns:1fr}}
.e-hero h1{font-size:clamp(34px,4.6vw,54px);color:var(--e-ink)}
.e-hero h1 em{color:var(--e-green);font-style:italic}
.e-hero p{margin-top:16px;color:var(--e-soft);font-size:17px;max-width:480px}
.e-cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.e-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;padding:12px 26px;border-radius:8px;cursor:pointer;border:0;font-family:'Montserrat',sans-serif;transition:all .18s}
.e-btn-green{background:var(--e-green);color:#fff}
.e-btn-green:hover{background:#3E6C33}
.e-btn-line{background:transparent;border:1.5px solid var(--e-line);color:var(--e-ink)}
.e-btn-line:hover{border-color:var(--e-green);color:var(--e-green)}
.e-hero-img{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#EDE8DA;display:flex;align-items:center;justify-content:center;font-size:64px;border:1px solid var(--e-line)}
.e-hero-img img{width:100%;height:100%;object-fit:cover}

section.e-block{padding:70px 0}
section.e-alt{background:#F2EEE2}
.e-head{max-width:640px;margin-bottom:40px}
.e-head h2{font-size:clamp(26px,3.2vw,38px)}
.e-head p{margin-top:10px;color:var(--e-soft)}
.e-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.e-row a{font-weight:600;color:var(--e-green);font-size:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-6{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:980px){.grid-6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid-3,.grid-4{grid-template-columns:1fr}.grid-6{grid-template-columns:1fr 1fr}}

.e-prod{background:var(--e-panel);border:1px solid var(--e-line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}
.e-prod:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.e-prod .img{aspect-ratio:1/1;background:#F4F1E7;display:flex;align-items:center;justify-content:center;font-size:56px;padding:8%}
.e-prod .img img{width:100%;height:100%;object-fit:cover}
.e-prod .body{padding:14px 16px}
.e-prod h3{font-family:'Montserrat',sans-serif;font-weight:600;font-size:15.5px}
.e-prod small{color:var(--e-soft);font-size:12.5px}

.e-cat-side{display:flex;flex-direction:column;gap:4px}
.e-cat-side a{padding:10px 14px;border-radius:8px;font-size:14px;color:var(--e-soft);border:1px solid transparent}
.e-cat-side a:hover,.e-cat-side a.on{background:var(--e-panel);border-color:var(--e-line);color:var(--e-green);font-weight:600}
.e-cat-layout{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}
.e-cat-layout .grid-4{grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:900px){.e-cat-layout .grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.e-cat-layout .grid-4{grid-template-columns:1fr}}
@media(max-width:840px){.e-cat-layout{grid-template-columns:1fr}.e-cat-side{flex-direction:row;flex-wrap:wrap}}

.e-recipe{background:var(--e-panel);border:1px solid var(--e-line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.e-recipe:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.e-recipe .img{aspect-ratio:4/3;background:#E9E4D5;display:flex;align-items:center;justify-content:center;font-size:44px}
.e-recipe .img img{width:100%;height:100%;object-fit:cover}
.e-recipe .body{padding:16px 18px}
.e-recipe h3{font-size:17px}
.e-recipe .meta{margin-top:6px;color:var(--e-soft);font-size:12.5px}
.e-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--e-gold);margin-bottom:8px}

.e-page-hero{background:#1C2520;color:#F3F1E8;padding:56px 0 48px}
.e-page-hero h1{font-size:clamp(28px,4vw,44px);color:#fff}
.e-page-hero .crumb{font-size:13px;color:#B9B5A4;margin-bottom:10px}
.e-page-hero .crumb b{color:var(--e-gold)}
.e-page-hero p{margin-top:10px;color:#CFCBBB;max-width:520px}

.e-news{background:var(--e-panel);border:1px solid var(--e-line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.e-news:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.e-news .img{aspect-ratio:16/9;background:#E9E4D5;display:flex;align-items:center;justify-content:center;font-size:40px}
.e-news .img img{width:100%;height:100%;object-fit:cover}
.e-news .body{padding:18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.e-news time{font-size:12px;color:var(--e-gold);font-weight:700;letter-spacing:.06em}
.e-news h3{font-size:17px}
.e-news p{font-size:13.5px;color:var(--e-soft);flex:1}
article.e-full{max-width:760px}
article.e-full h1{font-size:clamp(26px,3.4vw,38px)}
article.e-full .body{margin-top:20px;color:var(--e-soft);font-size:16.5px;white-space:pre-line}
article.e-full img{border-radius:14px;margin:22px 0}
article.e-full .meta{color:var(--e-gold);font-weight:600;font-size:13px;margin-top:8px}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media(max-width:840px){.contact-grid{grid-template-columns:1fr}}
.c-item{display:flex;gap:16px;padding:15px 0;border-bottom:1px dashed var(--e-line)}
.c-item .ic{flex:0 0 auto;width:44px;height:44px;border-radius:10px;background:#EFEBDD;display:flex;align-items:center;justify-content:center;font-size:19px}
.c-item h4{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;margin-bottom:2px}
.c-item a,.c-item p{font-size:14px;color:var(--e-soft)}
.e-form{display:grid;gap:14px;background:var(--e-panel);border:1px solid var(--e-line);border-radius:14px;padding:24px}
.e-form label{font-weight:600;font-size:13px;display:block;margin-bottom:4px}
.e-form input,.e-form textarea{width:100%;padding:11px 13px;border:1.5px solid var(--e-line);border-radius:8px;font-family:'Montserrat',sans-serif;font-size:14.5px;background:#FDFCF8}
.e-form textarea{min-height:120px;resize:vertical}
.e-form input:focus,.e-form textarea:focus{outline:none;border-color:var(--e-green)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.two-col{grid-template-columns:1fr}}
.map-frame{border-radius:14px;overflow:hidden;border:1px solid var(--e-line);min-height:320px}
.map-frame iframe{width:100%;height:100%;min-height:320px;border:0}

.e-footer{background:#1C2520;--e-logo-ink:#fff;color:#B9B5A4;padding:56px 0 0;margin-top:20px}
.e-footer .f-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:40px;padding-bottom:42px}
@media(max-width:840px){.e-footer .f-grid{grid-template-columns:1fr}}
.e-footer h4{color:#fff;font-size:15px;margin-bottom:14px}
.e-footer ul{list-style:none}
.e-footer li{margin-bottom:9px}
.e-footer a:hover{color:var(--e-gold)}
.e-footer .brand img{display:block}
.e-footer .f-bottom{border-top:1px solid #3A4034;padding:18px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#8A8676}
.e-footer .socials{display:flex;gap:10px;margin-top:18px}
.e-footer .socials a{width:36px;height:36px;border-radius:10px;background:#242D26;border:1px solid #3A4034;display:flex;align-items:center;justify-content:center;transition:all .18s}
.e-footer .socials a:hover{background:var(--e-green);border-color:var(--e-green)}
.e-footer .socials svg{width:15px;height:15px;fill:#fff}
.flash{max-width:var(--maxw);margin:16px auto 0;padding:0 24px}
.flash div{padding:12px 18px;border-radius:10px;font-weight:600;font-size:14px;margin-bottom:8px}
.flash .ok{background:#E8F0E4;color:#33502F;border:1px solid var(--e-green)}
.flash .error{background:#FBEAEA;color:#8F1D1D;border:1px solid #DBA5A5}

/* Anasayfa özellik şeridi */
.e-feat{display:flex;flex-direction:column;gap:4px;padding:10px 22px;border-inline-start:1px solid var(--e-line);text-align:center;align-items:center}
.e-feat:first-child{border-inline-start:0}
.e-feat span{font-size:26px}
.e-feat b{font-family:'Montserrat',sans-serif;font-size:13.5px}
.e-feat small{color:var(--e-soft);font-size:12px}
@media(max-width:900px){.e-feat{border-inline-start:0;padding:12px 8px}}


/* Kılavuz: mobil radius + kategori renk noktaları + tarif filtre çipleri */
@media(max-width:768px){:root{--radius:12px}}
.cat-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:8px;vertical-align:1px}
.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.chip-row a{padding:7px 15px;border-radius:999px;border:1.5px solid var(--e-line);font-size:13px;font-weight:600;color:var(--e-soft);background:var(--e-panel)}
.chip-row a.on,.chip-row a:hover{background:var(--e-green);color:#fff;border-color:var(--e-green)}


/* === Mockup birebir paketi (v6) === */
/* Özellik şeridi + ikonlar */
.e-feat span{color:var(--e-green)}
.e-feat span svg{display:block}
.c-item .ic{color:var(--e-green)}
.c-item .ic svg{display:block}

/* Carousel (En Çok Tercih Edilenler) */
.e-carousel-wrap{position:relative}
.e-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*18px)/6);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.e-carousel::-webkit-scrollbar{display:none}
.e-carousel .e-prod{scroll-snap-align:start}
.e-carousel .e-prod h3{font-size:13px}
.e-carousel .e-prod .body{padding:11px 12px}
@media(max-width:1100px){.e-carousel{grid-auto-columns:calc((100% - 3*18px)/4)}}
@media(max-width:760px){.e-carousel{grid-auto-columns:calc((100% - 18px)/2)}}
.e-car-btn{position:absolute;top:38%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--e-line);background:var(--e-panel);color:var(--e-ink);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.1);transition:all .18s}
.e-car-btn:hover{background:var(--e-green);color:#fff;border-color:var(--e-green)}
.e-car-btn.prev{left:-14px}
.e-car-btn.next{right:-14px}

/* Açık sayfa başlığı (Ürünler / İletişim) */
.e-page-head{padding:48px 0 26px;border-bottom:1px solid var(--e-line)}
.e-page-head h1{font-size:clamp(30px,4vw,44px)}
.e-page-head .crumb{margin-top:10px;font-size:13px;color:var(--e-soft)}
.e-page-head .crumb b{color:var(--e-green)}
.e-sub{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--e-soft);margin-bottom:12px}

/* Kategori sayfası: koyu foto hero */
.e-cat-hero{position:relative;background:#1C2520;color:#F3F1E8;padding:72px 0 64px;overflow:hidden}
.e-cat-hero::before{content:"";position:absolute;inset:0;background-image:var(--cat-img);background-size:cover;background-position:center;opacity:.5}
.e-cat-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,24,20,.94) 25%,rgba(18,24,20,.45))}
.e-cat-hero .container{position:relative;z-index:1}
.e-cat-hero h1{font-size:clamp(30px,4.4vw,50px);color:#fff}
.e-cat-hero .crumb{font-size:13px;color:#B9B5A4;margin-bottom:10px}
.e-cat-hero .crumb b{color:var(--e-gold)}
.e-cat-hero p{margin-top:12px;color:#CFCBBB;max-width:460px}
[dir=rtl] .e-cat-hero::after{background:linear-gradient(270deg,rgba(18,24,20,.94) 25%,rgba(18,24,20,.45))}

/* Tarifler: koyu foto hero (mockup ölçüsü: geniş bant, fotoğraf sağda belirgin) */
.e-page-hero.photo{position:relative;overflow:hidden;padding:92px 0 84px}
.e-page-hero.photo::before{content:"";position:absolute;inset:0;background-image:var(--eph-img);background-size:cover;background-position:center right;opacity:.6}
.e-page-hero.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,24,20,.95) 28%,rgba(18,24,20,.25) 70%)}
.e-page-hero.photo .container{position:relative;z-index:1}
[dir=rtl] .e-page-hero.photo::after{background:linear-gradient(270deg,rgba(18,24,20,.94) 30%,rgba(18,24,20,.4))}

/* Kurumsal: istatistik + neden efsane */
.e-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--e-line);border-radius:14px;background:var(--e-panel);overflow:hidden}
@media(max-width:700px){.e-stats{grid-template-columns:1fr 1fr}}
.es{padding:26px 14px;text-align:center;border-inline-start:1px solid var(--e-line)}
.es:first-child{border-inline-start:0}
@media(max-width:700px){.es:nth-child(3){border-inline-start:0}.es:nth-child(n+3){border-top:1px solid var(--e-line)}}
.es b{display:block;font-size:30px;font-weight:800;font-family:'Montserrat',sans-serif}
.es b em{color:var(--e-green);font-style:normal}
.es span{font-size:12px;color:var(--e-soft);text-transform:uppercase;letter-spacing:.05em}
.e-why{background:var(--e-panel);border:1px solid var(--e-line);border-radius:14px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:transform .2s,box-shadow .2s}
.e-why:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.e-why span{color:var(--e-green)}
.e-why b{font-size:15px}
.e-why small{color:var(--e-soft);font-size:12.5px}

/* İletişim: 3 kolon + koyu yeşil kart */
.e-contact-3{display:grid;grid-template-columns:.9fr 1.1fr 1fr;gap:32px;align-items:start}
@media(max-width:1000px){.e-contact-3{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.e-contact-3{grid-template-columns:1fr}}
.e-reach{background:#1C2520;border-radius:14px;padding:24px;margin-top:14px;color:#CFCBBB}
.e-reach h3{color:#fff;font-size:18px;margin-bottom:8px}
.e-reach p{font-size:13.5px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Sırala (mockup: grid üstünde sağda) */
.e-sort{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:16px}
.e-sort label{font-size:13px;color:var(--e-soft);font-weight:600}
.e-sort select{padding:8px 12px;border:1.5px solid var(--e-line);border-radius:8px;background:var(--e-panel);font-family:'Montserrat',sans-serif;font-size:13px;color:var(--e-ink);cursor:pointer}
.e-sort select:focus{outline:none;border-color:var(--e-green)}

/* Sıkı grid (tüm ürünler 4'lü) */
.e-cat-layout .grid-4.tight{grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1000px){.e-cat-layout .grid-4.tight{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.e-cat-layout .grid-4.tight{grid-template-columns:1fr 1fr}}
.e-hero-img img{width:100%;height:100%;object-fit:cover}

/* RTL + animasyon */
[dir=rtl] .e-menu a,[dir=rtl] .e-head,[dir=rtl] .e-hero p,[dir=rtl] .c-item{text-align:right}
[dir=rtl] .e-cat-side a{text-align:right}
.e-logo img,.e-footer .brand img{direction:ltr}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.rv{opacity:1;transform:none;transition:none}}