@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-latin-ext.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0100-024F}
:root{
 --yesil:#064b35;--yesil-k:#04301f;--yesil-a:#e7f0ea;--altin:#c89b46;--altin-k:#a87d2e;--altin-a:#f6ecd7;
 --krem:#faf6ee;--beyaz:#fff;--yazi:#17241e;--gri:#5b6862;--cizgi:#e4ddcf;
 --r:18px;--g:clamp(16px,4vw,48px);--en:none;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:500 17px/1.6 Manrope,system-ui,sans-serif;background:var(--krem);color:var(--yazi);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
svg.i{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:8px 14px;border-radius:8px}
.kap{max-width:var(--en);margin:0 auto;padding:0 var(--g)}
:focus-visible{outline:3px solid var(--altin);outline-offset:3px;border-radius:8px}

/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:14px;font-weight:700;font-size:1rem;border:2px solid transparent;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;white-space:nowrap}
.btn .i{font-size:1.2em}
.btn-y{background:var(--yesil);color:#fff}.btn-y:hover{background:var(--yesil-k);box-shadow:0 8px 24px -10px rgba(6,75,53,.7)}
.btn-a{background:var(--altin);color:#1d1606}.btn-a:hover{background:#d6aa55;box-shadow:0 8px 24px -10px rgba(200,155,70,.9)}
.btn-c{border-color:var(--yesil);color:var(--yesil);background:transparent}.btn-c:hover{background:var(--yesil);color:#fff}
.btn-b{background:#fff;color:var(--yesil)}.btn-b:hover{background:var(--altin-a)}

/* ===== ÜST BÖLGE ===== */
.duyuru{background:var(--yesil-k);color:#dfe9e3;font-size:.86rem;text-align:center;padding:8px var(--g)}
.duyuru b{color:var(--altin)}
.ust{background:#fff;border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:40}
.ust .satir1{display:flex;align-items:center;gap:24px;min-height:78px}
.ust .logo img{width:176px;height:auto}
.ara{flex:1;display:flex;align-items:center;background:#fff;border:1.5px solid #5f8f78;border-radius:14px;min-height:52px;padding-left:16px;transition:border-color .2s,background .2s}
.ara:focus-within{border-color:var(--yesil);background:#fff;box-shadow:0 0 0 3px rgba(6,75,53,.12)}
.ara .i{font-size:1.3rem;color:var(--gri)}
.ara input{flex:1;border:0;background:transparent;font:600 1rem Manrope,sans-serif;padding:0 12px;outline:0;min-width:0;height:48px;color:var(--yazi)}
.ara button{border:0;background:var(--yesil);color:#fff;font-weight:700;height:44px;padding:0 20px;border-radius:10px;margin-right:4px}
.ust .sag{display:flex;align-items:center;gap:10px}
.ikon-link{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.78rem;font-weight:700;color:var(--yazi);padding:6px 10px;border-radius:12px}
.ikon-link .i{font-size:1.5rem;color:var(--yesil)}
.ikon-link:hover{background:var(--yesil-a)}
.kat-nav{border-top:1px solid var(--cizgi)}
.kat-nav ul{list-style:none;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.kat-nav ul::-webkit-scrollbar{display:none}
.kat-nav a{display:flex;align-items:center;gap:8px;padding:14px 16px;font-weight:700;font-size:.95rem;white-space:nowrap;border-bottom:3px solid transparent;transition:border-color .2s,color .2s}
.kat-nav a .i{font-size:1.25rem;color:var(--altin-k)}
.kat-nav a:hover{border-bottom-color:var(--altin);color:var(--yesil)}

/* ===== KARŞILAMA ===== */
.karsila{padding:clamp(28px,5vw,56px) 0 clamp(40px,6vw,72px)}
.karsila .izgara{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.etiket{display:inline-flex;align-items:center;gap:8px;background:var(--altin-a);color:var(--altin-k);font-weight:800;font-size:.82rem;letter-spacing:.04em;padding:8px 14px;border-radius:999px}
.karsila h1{font-size:clamp(2.3rem,5.2vw,4.1rem);line-height:1.06;letter-spacing:-.035em;font-weight:800;margin:18px 0 16px;color:var(--yesil-k)}
.karsila h1 span{color:var(--altin-k)}
.karsila .giris{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--gri);max-width:44ch}
.secim{display:grid;gap:12px;margin-top:30px}
.secim a{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;background:#fff;border:2px solid var(--cizgi);border-radius:var(--r);padding:14px 18px 14px 14px;transition:border-color .2s,box-shadow .2s}
.secim a:hover{border-color:var(--yesil);box-shadow:0 12px 30px -18px rgba(6,75,53,.6)}
.secim .ik{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:1.7rem;background:var(--yesil-a);color:var(--yesil)}
.secim a:nth-child(2) .ik{background:var(--altin-a);color:var(--altin-k)}
.secim strong{display:block;font-size:1.12rem;line-height:1.3}
.secim small{color:var(--gri);font-size:.92rem}
.secim .ok{font-size:1.4rem;color:var(--yesil)}
.karsila .gorsel{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/4.3;background:var(--yesil-a)}
.karsila .gorsel img{width:100%;height:100%;object-fit:cover;object-position:72% center}
.yuzen{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-radius:16px;padding:14px 16px;display:flex;gap:12px;align-items:center;font-size:.92rem;box-shadow:0 20px 40px -20px rgba(0,0,0,.45)}
.yuzen .i{font-size:1.8rem;color:var(--yesil)}
.yuzen b{display:block;font-size:1rem}
.temsili{position:absolute;top:14px;right:14px;font-size:.7rem;background:rgba(0,0,0,.45);color:#fff;padding:4px 10px;border-radius:999px}


/* ===== SLIDER ===== */
.slider{position:relative;height:max(540px,calc(100svh - 166px));overflow:hidden;background:var(--yesil-k);color:#fff;touch-action:pan-y}
.s-iz{position:absolute;inset:0}
.slayt{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s 1s}
.slayt.aktif{opacity:1;visibility:visible;transition:opacity 1s ease}
.slayt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
.slayt.aktif img{animation:yakin 9s ease-out forwards}
@keyframes yakin{from{transform:scale(1.12)}to{transform:scale(1)}}
.slayt::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,32,22,.88) 0%,rgba(4,32,22,.55) 42%,rgba(4,32,22,.05) 75%),linear-gradient(0deg,rgba(4,32,22,.7),transparent 35%)}
.s-ic{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 var(--g) 90px;max-width:min(760px,100%)}
.s-ic>*{opacity:0;transform:translateY(24px)}
.slayt.aktif .s-ic>*{animation:cik .9s cubic-bezier(.2,.7,.1,1) forwards}
.slayt.aktif .s-ic>*:nth-child(2){animation-delay:.12s}.slayt.aktif .s-ic>*:nth-child(3){animation-delay:.24s}.slayt.aktif .s-ic>*:nth-child(4){animation-delay:.36s}
@keyframes cik{to{opacity:1;transform:none}}
.s-ic .etiket{background:rgba(200,155,70,.2);color:var(--altin);border:1px solid rgba(200,155,70,.45);width:max-content}
.s-ic h1,.s-ic h2{font-size:clamp(2.4rem,5.6vw,4.8rem);line-height:1.04;letter-spacing:-.04em;font-weight:800;margin:18px 0 16px;text-wrap:balance}
.s-ic em{font-style:normal;color:var(--altin)}
.s-ic p{font-size:clamp(1.05rem,1.5vw,1.25rem);color:#e3ece6;max-width:48ch;margin-bottom:28px}
.btn-cam{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.45);backdrop-filter:blur(6px)}.btn-cam:hover{background:#fff;color:var(--yesil-k)}
.s-ok{position:absolute;top:50%;z-index:3;width:56px;height:56px;margin-top:-28px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(4,32,22,.35);color:#fff;font-size:1.4rem;display:grid;place-items:center;backdrop-filter:blur(6px);transition:background .2s,color .2s}
.s-ok:hover{background:var(--altin);color:var(--yesil-k);border-color:var(--altin)}
.s-geri{left:12px;display:none}.s-geri .i{transform:rotate(180deg)}
.s-ileri{right:var(--g)}
.s-alt{position:absolute;left:var(--g);right:var(--g);bottom:84px;z-index:3;display:flex;align-items:end;gap:24px;justify-content:space-between}
.s-noktalar{display:flex;gap:10px;flex:1;max-width:860px}
.s-noktalar button{flex:1;border:0;background:none;color:rgba(255,255,255,.65);text-align:left;font-weight:800;font-size:.82rem;padding:0 0 8px;display:grid;gap:8px}
.s-noktalar button[aria-selected=true]{color:#fff}
.s-noktalar i{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.28);overflow:hidden;position:relative}
.s-noktalar i::after{content:"";position:absolute;inset:0;background:var(--altin);transform:scaleX(0);transform-origin:left}
.s-noktalar button.gecti i::after{transform:scaleX(1)}
.s-noktalar button[aria-selected=true] i::after{animation:dolum var(--sure,7s) linear forwards}
.slider.durdu .s-noktalar button[aria-selected=true] i::after{animation-play-state:paused}
@keyframes dolum{to{transform:scaleX(1)}}
.s-sayac{font-weight:700;color:rgba(255,255,255,.7);font-size:.95rem;white-space:nowrap}.s-sayac b{color:#fff;font-size:1.3rem}
.slider .temsili{top:auto;bottom:62px;right:var(--g);background:none;padding:0;opacity:.6}
.hizli{position:relative;z-index:5;margin-top:-52px}
.hizli .secim{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 auto}
.hizli .secim a{box-shadow:0 22px 44px -26px rgba(4,32,22,.55)}
.hizli .secim a:nth-child(3) .ik{background:var(--yesil-a);color:var(--yesil)}
.hizli .secim a:nth-child(4) .ik{background:var(--altin-a);color:var(--altin-k)}
@media (min-width:861px){.s-geri{display:grid}.s-ic{padding-left:calc(var(--g) + 56px)}.s-alt{left:calc(var(--g) + 56px)}}
@media (max-width:1080px){.hizli .secim{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
 .slider{height:max(560px,calc(100svh - 270px))}
 .slayt::after{background:linear-gradient(0deg,rgba(4,32,22,.95) 0%,rgba(4,32,22,.7) 45%,rgba(4,32,22,.15) 80%)}
 .s-ic{justify-content:flex-end;padding-bottom:120px}
 .s-ok{display:none}
 .s-alt{bottom:80px}.s-noktalar span{display:none}.s-noktalar{gap:6px}
 .s-sayac{display:none}
 .slider .temsili{bottom:auto;top:12px;background:rgba(0,0,0,.4);padding:4px 10px}
 .hizli{margin-top:-56px}
}
@media (max-width:560px){.hizli .secim{grid-template-columns:1fr}.s-ic .btns .btn{width:100%}}
@media (prefers-reduced-motion:reduce){.slayt.aktif img,.slayt.aktif .s-ic>*{animation:none;opacity:1;transform:none}}

/* ===== BÖLÜM ORTAK ===== */
.bolum{padding:clamp(56px,8vw,96px) 0}
.bas{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.bas h2{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.1;letter-spacing:-.03em;font-weight:800;color:var(--yesil-k)}
.bas p{color:var(--gri);margin-top:8px;max-width:58ch}
.ust-yazi{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--altin-k);margin-bottom:10px}

/* ===== KATEGORİ KARTLARI ===== */
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,border-color .25s}
.kart:hover{box-shadow:0 24px 50px -28px rgba(6,75,53,.55);border-color:#cfd9d2}
.kart .foto{aspect-ratio:16/10;overflow:hidden;background:var(--yesil-a)}
.kart .foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.kart:hover .foto img{transform:scale(1.05)}
.kart .ic{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.kart h3{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:10px}
.kart h3 .i{color:var(--altin-k);font-size:1.4rem}
.kart p{color:var(--gri);font-size:.97rem}
.kart .git{margin-top:auto;padding-top:10px;font-weight:800;color:var(--yesil);display:flex;align-items:center;gap:8px}
.kart:hover .git{text-decoration:underline;text-underline-offset:4px}

/* ===== NASIL ÇALIŞIR ===== */
.nasil{background:#fff;border-block:1px solid var(--cizgi)}
.anahtar{display:inline-flex;background:var(--krem);border:1px solid var(--cizgi);border-radius:16px;padding:5px;gap:4px;margin-bottom:34px;max-width:100%;overflow-x:auto}
.anahtar button{border:0;background:transparent;padding:12px 20px;border-radius:12px;font-weight:800;color:var(--gri);white-space:nowrap;display:flex;align-items:center;gap:8px}
.anahtar button[aria-selected=true]{background:var(--yesil);color:#fff}
.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:a}
.adimlar[hidden]{display:none}
.adim{position:relative;background:var(--krem);border-radius:22px;padding:28px 26px}
.adim .no{width:46px;height:46px;border-radius:50%;background:var(--yesil);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.2rem;margin-bottom:18px}
.adim:not(:last-child)::after{content:"";position:absolute;top:50px;right:-14px;width:10px;height:10px;border-top:2px solid var(--altin);border-right:2px solid var(--altin);transform:rotate(45deg)}
.adim h3{font-size:1.18rem;font-weight:800;margin-bottom:6px}
.adim p{color:var(--gri);font-size:.97rem}
.bilgi{margin-top:22px;display:flex;gap:10px;align-items:flex-start;background:var(--altin-a);border-radius:14px;padding:14px 16px;font-size:.93rem;color:#5b4416}
.bilgi .i{font-size:1.3rem;margin-top:1px}

/* ===== GÜVEN ===== */
.guven{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.guven div{display:flex;gap:14px;align-items:flex-start}
.guven .ik{width:52px;height:52px;flex:none;border-radius:14px;background:var(--yesil);color:var(--altin);display:grid;place-items:center;font-size:1.6rem}
.guven h3{font-size:1.06rem;font-weight:800;margin-bottom:2px}
.guven p{font-size:.92rem;color:var(--gri)}

/* ===== KİMLİK ÖRNEĞİ ===== */
.kimlik{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;background:var(--yesil);color:#fff;border-radius:28px;padding:clamp(24px,4vw,56px);overflow:hidden}
.kimlik h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;letter-spacing:-.03em;font-weight:800}
.kimlik h2 span{color:var(--altin)}
.kimlik .acik{color:#cfe0d6;margin:14px 0 24px}
.kimlik ul{list-style:none;display:grid;gap:12px;margin-bottom:28px}
.kimlik li{display:flex;gap:12px;align-items:flex-start}
.kimlik li .i{color:var(--altin);font-size:1.3rem;margin-top:3px}
.ornek{background:#fff;color:var(--yazi);border-radius:22px;padding:22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ornek .ust-k{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}
.ornek .ust-k small{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gri)}
.rozet{font-size:.75rem;font-weight:800;background:var(--yesil-a);color:var(--yesil);padding:5px 10px;border-radius:999px;display:inline-flex;gap:6px;align-items:center}
.ornek .foto{border-radius:14px;overflow:hidden;aspect-ratio:16/9;margin-bottom:16px;background:var(--yesil-a)}
.ornek .foto img{width:100%;height:100%;object-fit:cover}
.ornek dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.ornek dl div{background:var(--krem);border-radius:12px;padding:10px 12px}
.ornek dt{font-size:.72rem;color:var(--gri);font-weight:700}
.ornek dd{font-weight:800;font-size:.95rem}
.ornek .kupe{display:inline-block;width:12px;height:14px;background:#f2c230;border-radius:3px 3px 6px 6px;margin-right:6px;vertical-align:-1px}
.zaman{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:.76rem;font-weight:800;color:var(--gri)}
.zaman span{position:relative;padding-top:18px}
.zaman span::before{content:"";position:absolute;top:0;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--altin);box-shadow:0 0 0 4px var(--altin-a)}
.zaman span:not(:last-child)::after{content:"";position:absolute;top:5px;left:50%;width:100%;height:2px;background:var(--altin-a)}
.ornek .not{font-size:.74rem;color:var(--gri);margin-top:14px}

/* ===== KASAP / SATICI BANDI ===== */
.satici{display:grid;grid-template-columns:1.1fr 1fr;border-radius:28px;overflow:hidden;background:var(--altin-a);border:1px solid #ead9b4}
.satici .metin{padding:clamp(24px,4vw,56px)}
.satici h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;letter-spacing:-.03em;font-weight:800;color:var(--yesil-k)}
.satici p{color:#5b4c2c;margin:12px 0 22px}
.satici ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:28px}
.satici li{display:flex;gap:10px;font-weight:700;font-size:.97rem}
.satici li .i{color:var(--yesil);font-size:1.3rem}
.satici .foto{min-height:340px}
.satici .foto img{width:100%;height:100%;object-fit:cover}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* ===== PAZAR ARAMA ===== */
.pazar{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--cizgi)}
.pazar .foto{min-height:360px;background:var(--yesil-a)}.pazar .foto img{width:100%;height:100%;object-fit:cover}
.pazar .metin{padding:clamp(24px,4vw,52px);display:flex;flex-direction:column;justify-content:center}
.pazar h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.03em;font-weight:800;color:var(--yesil-k)}
.pazar p{color:var(--gri);margin:10px 0 22px}
.pazar form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.alan{display:grid;gap:6px}
.alan span{font-size:.85rem;font-weight:800}
.alan input,.alan select{height:52px;border:1.5px solid #5f8f78;border-radius:12px;padding:0 14px;font:600 1rem Manrope,sans-serif;background:var(--krem);color:var(--yazi);width:100%}
.alan input:focus,.alan select:focus{border-color:var(--yesil);outline:0;background:#fff;box-shadow:0 0 0 3px rgba(6,75,53,.12)}
.pazar form .btn{grid-column:span 2}

/* ===== SSS ===== */
.sss{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,72px);align-items:start}
.sss details{background:#fff;border:1px solid var(--cizgi);border-radius:16px;margin-bottom:10px;transition:border-color .2s}
.sss details[open]{border-color:var(--yesil)}
.sss summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:800;font-size:1.04rem;display:flex;justify-content:space-between;gap:16px;align-items:center}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-size:1.6rem;line-height:1;color:var(--yesil);transition:transform .25s}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details p{padding:0 20px 18px;color:var(--gri)}
.yardim{background:var(--yesil);color:#fff;border-radius:22px;padding:28px}
.yardim h3{font-size:1.3rem;margin:8px 0}
.yardim p{color:#cfe0d6;margin-bottom:18px;font-size:.97rem}

/* ===== REHBER ===== */
.yazilar{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.yazi{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s}
.yazi:hover{border-color:var(--yesil)}
.yazi small{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--altin-k)}
.yazi h3{font-size:1.08rem;line-height:1.35}
.yazi span{margin-top:auto;font-weight:800;color:var(--yesil);font-size:.93rem}

/* ===== FOOTER ===== */
footer{background:var(--yesil-k);color:#c9d8cf;margin-top:clamp(56px,8vw,96px);position:relative}
footer::before{content:"";display:block;height:5px;background:linear-gradient(90deg,#a87d2e,#e2c07a 50%,#a87d2e)}
.f-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.f-cta h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.02em;line-height:1.2}
.f-cta h2 span{color:var(--altin)}
.f-ana{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px;padding:48px 0}
.f-logo{background:#fff;border-radius:14px;padding:10px 14px;width:210px;height:auto;margin-bottom:18px}
.f-ana h4{color:#fff;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-weight:800}
.f-ana ul{list-style:none;display:grid;gap:10px;font-size:.95rem}
.f-ana a:hover{color:var(--altin)}
.iletisim li{display:flex;gap:10px;align-items:flex-start}
.iletisim .i{color:var(--altin);font-size:1.15rem;margin-top:3px}
.sosyal{display:flex;gap:10px;margin-top:20px}
.sosyal a{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.2rem;transition:background .2s,border-color .2s}
.sosyal a:hover{background:var(--altin);border-color:var(--altin);color:var(--yesil-k)}
.resmi{background:rgba(0,0,0,.18);border-radius:18px;padding:22px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;font-size:.88rem}
.resmi .genis{grid-column:span 1}
.resmi dt{color:#8fa79a;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.resmi dd{color:#fff;font-weight:700}
.bos{color:#e9c97f!important;font-style:italic;font-weight:600!important;opacity:.85}
.guvenceler{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:24px 0}
.guvenceler span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 14px;font-size:.85rem;font-weight:700;color:#fff}
.guvenceler .i{color:var(--altin);font-size:1.2rem}
.f-dip{border-top:1px solid rgba(255,255,255,.1);padding:20px 0 28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.84rem;color:#8fa79a}
.f-dip a{color:#c9d8cf}.f-dip a:hover{color:var(--altin)}


/* ===== PAKETLER ===== */
.paketler{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.paketler.dort{grid-template-columns:repeat(4,1fr)}
.paket{position:relative;background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .25s,border-color .25s}
.paket:hover{box-shadow:0 24px 50px -30px rgba(6,75,53,.55);border-color:#cfd9d2}
.paket.one{border:2px solid var(--altin);box-shadow:0 30px 60px -36px rgba(200,155,70,.9)}
.p-rozet{position:absolute;top:-13px;left:26px;background:var(--altin);color:#1d1606;font-size:.74rem;font-weight:800;padding:5px 12px;border-radius:999px}
.p-ik{width:50px;height:50px;border-radius:14px;background:var(--yesil-a);color:var(--yesil);display:grid;place-items:center;font-size:1.5rem;margin-bottom:14px}
.paket h3{font-size:1.3rem;font-weight:800;color:var(--yesil-k)}
.p-kim{color:var(--gri);font-size:.93rem}
.p-fiyat{margin-top:14px;font-size:1.5rem;font-weight:800;color:var(--yesil);letter-spacing:-.02em}
.paket ul{list-style:none;display:grid;gap:10px;flex:1;border-top:1px solid var(--cizgi);padding-top:16px}
.paket li{display:flex;gap:10px;font-size:.96rem}
.paket li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--yesil-a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23064b35' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.paket .btn{width:100%}
.paket.gorselli{padding:0;overflow:hidden}
.paket.gorselli img{aspect-ratio:16/10;object-fit:cover;width:100%}
.paket.gorselli .p-ust,.paket.gorselli ul{margin:0 22px}.paket.gorselli .btn{width:auto;margin:0 22px 22px}
.p-grup.beyaz{background:#fff;border-block:1px solid var(--cizgi)}
.p-grup.beyaz .paket{background:var(--krem)}
.p-bas{padding:clamp(32px,5vw,64px) 0 8px}
.p-bas h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.08;letter-spacing:-.035em;font-weight:800;margin:16px 0 12px;color:var(--yesil-k)}
.p-bas h1 span{color:var(--altin-k)}
.p-bas .giris{color:var(--gri);font-size:1.12rem;max-width:62ch}
.p-sekme{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.p-sekme a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--cizgi);padding:12px 18px;border-radius:14px;font-weight:800;transition:border-color .2s,background .2s}
.p-sekme a .i{color:var(--altin-k);font-size:1.2rem}
.p-sekme a:hover{border-color:var(--yesil);background:var(--yesil-a)}
.p-grup{scroll-margin-top:150px}
.p-not{display:flex;gap:8px;align-items:center;margin-top:18px;color:var(--gri);font-size:.9rem}
.p-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--yesil);color:#fff;border-radius:28px;padding:clamp(24px,4vw,48px)}
.p-cta h2{font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em}
.p-cta p{color:#cfe0d6}
@media (max-width:1080px){.paketler,.paketler.dort{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.paketler,.paketler.dort{grid-template-columns:1fr}.p-sekme a{flex:1 1 calc(50% - 10px);justify-content:center}}

/* ===== MOBİL ALT ÇUBUK ===== */
.alt-cubuk{display:none}

/* ===== DUYARLI ===== */
@media (max-width:1080px){
 .kartlar{grid-template-columns:1fr 1fr}
 .guven{grid-template-columns:1fr 1fr;gap:24px}
 .yazilar{grid-template-columns:1fr 1fr}
 .f-ana{grid-template-columns:1fr 1fr}
 .resmi{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
 body{font-size:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .ust .satir1{flex-wrap:wrap;gap:12px;padding-block:12px;min-height:0}
 .ust .logo img{width:150px}
 .ara{order:3;flex-basis:100%}
 .ust .sag{margin-left:auto}.ust .sag .ikon-link:not(.hesap){display:none}
 .ust .sag .btn{display:none}
 .karsila .izgara,.kimlik,.satici,.pazar,.sss{grid-template-columns:1fr}
 .karsila .gorsel{aspect-ratio:16/11}
 .karsila h1{margin-top:12px}
 .duyuru{font-size:.78rem;padding-block:6px}
 .yuzen{font-size:.84rem;padding:10px 12px;left:10px;right:10px;bottom:10px}
 .adimlar{grid-template-columns:1fr}.adim:not(:last-child)::after{display:none}
 .satici .foto{order:-1;min-height:220px}
 .satici ul{grid-template-columns:1fr}
 .pazar .foto{min-height:220px}
 .pazar form{grid-template-columns:1fr}.pazar form .btn{grid-column:auto}
 .alt-cubuk{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--cizgi);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -20px rgba(0,0,0,.35)}
 .alt-cubuk a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.7rem;font-weight:800;color:var(--gri);padding:6px 0}
 .alt-cubuk .i{font-size:1.45rem;color:var(--yesil)}
 .alt-cubuk a.orta .i{background:var(--altin);color:var(--yesil-k);width:44px;height:44px;padding:10px;border-radius:14px;margin-top:-20px;box-shadow:0 8px 20px -8px rgba(200,155,70,.9)}
}
@media (max-width:560px){
 .kartlar,.guven,.yazilar,.f-ana,.resmi{grid-template-columns:1fr}
 .secim a{grid-template-columns:48px 1fr auto;padding:12px}
 .secim .ik{width:48px;height:48px;font-size:1.45rem}
 .ornek dl{grid-template-columns:1fr 1fr}
 .btns .btn,.f-cta .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.kat-nav a.vurgu{color:var(--yesil);border-bottom-color:var(--altin);background:var(--altin-a)}

/* ===== Üst kayan şerit: canlı borsa, kelepir, son ilanlar ===== */
.serit-ust{display:flex;align-items:stretch;background:var(--yesil-k);color:#dfe9e3;font-size:.86rem;min-height:38px;position:relative;z-index:41;overflow:hidden}
.serit-bas,.serit-kelepir{flex:none;display:flex;align-items:center;gap:8px;padding:0 14px;font-weight:800;white-space:nowrap}
.serit-bas{background:var(--altin);color:#1d1606}
.serit-kelepir{background:#b5361f;color:#fff}
.serit-bas:hover{background:#d6aa55}.serit-kelepir:hover{background:#962b18}
.canli-nokta{width:8px;height:8px;border-radius:50%;background:#b5361f;box-shadow:0 0 0 0 rgba(181,54,31,.6);animation:nabiz 1.6s infinite}
@keyframes nabiz{70%{box-shadow:0 0 0 7px rgba(181,54,31,0)}100%{box-shadow:0 0 0 0 rgba(181,54,31,0)}}
.serit-kay{flex:1;overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.serit-ic{display:flex;align-items:center;gap:28px;white-space:nowrap;padding-left:16px;width:max-content}
.serit-ic.kayiyor{animation:seritkay var(--sure,60s) linear infinite}
.serit-ust:hover .serit-ic,.serit-ic:focus-within{animation-play-state:paused}
@keyframes seritkay{to{transform:translateX(-50%)}}
.s-oge{display:inline-flex;align-items:center;gap:8px;color:#dfe9e3}
.s-oge b{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:5px;background:rgba(255,255,255,.12);color:#fff}
.s-oge.borsa b{background:rgba(200,155,70,.25);color:var(--altin)}
.s-oge.kelepir b{background:#b5361f;color:#fff}
.s-oge.ilan b{background:rgba(255,255,255,.14)}
.s-oge small{color:#8fa79a}
a.s-oge:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.s-ayrac{width:1px}
@media (max-width:640px){.serit-bas{padding:0 10px;font-size:.78rem}.serit-kelepir{display:none}}
@media (prefers-reduced-motion:reduce){.serit-ic.kayiyor{animation:none}.serit-kay{overflow-x:auto}}

/* ===== Paylaş düğmeleri ve sabit WhatsApp ===== */
.paylas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0}
.paylas-baslik{font-weight:800;color:var(--yesil-k);font-size:.92rem;margin-right:4px}
.paylas a,.paylas button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1.5px solid #d3c8b0;background:#fff;color:var(--yesil-k);font:800 .9rem Manrope,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.paylas svg{width:18px;height:18px}
.paylas .p-wa{background:#25d366;border-color:#25d366;color:#fff}
.paylas .p-wa:hover{background:#1ebe5b}
.paylas .p-fb:hover{background:#1877f2;border-color:#1877f2;color:#fff}
.paylas .p-x:hover{background:#111;border-color:#111;color:#fff}
.paylas .p-tg:hover{background:#229ed9;border-color:#229ed9;color:#fff}
.paylas .p-link:hover,.paylas .p-share:hover{background:var(--yesil);border-color:var(--yesil);color:#fff}
.paylas .p-link.kopyalandi{background:var(--altin);border-color:var(--altin);color:#1d1606}
.paylas .p-link.kopyalandi::after{content:"Kopyalandı";font-size:.8rem}
.paylas.kucuk{margin:0}
.paylas.kucuk a,.paylas.kucuk button{height:36px;min-width:36px;padding:0 9px;border-radius:10px}
.paylas.kucuk .p-wa span{display:none}
.wrap-paylas{padding:0 var(--g)}
.wa-sabit{position:fixed;right:18px;bottom:22px;z-index:44;display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;font-weight:800;padding:12px 16px;border-radius:999px;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);transition:background .2s}
.wa-sabit:hover{background:#1ebe5b}
.wa-sabit svg{width:24px;height:24px}
@media (max-width:860px){.wa-sabit{bottom:calc(84px + env(safe-area-inset-bottom));right:12px;padding:12px}.wa-sabit span{display:none}}
.ayar-panel{margin-bottom:28px}

/* ===== Mobil üst kısım ve menü çekmecesi (11 Eki) ===== */
.menu-ac-btn{display:none}
.menu-cekmece{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;background:rgba(4,32,22,.55);opacity:0;pointer-events:none;transition:opacity .25s}
.menu-cekmece.acik{opacity:1;pointer-events:auto}
.menu-cekmece .mc-ic{width:min(360px,88vw);height:100%;background:var(--krem);overflow-y:auto;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.1,1);display:flex;flex-direction:column}
.menu-cekmece.acik .mc-ic{transform:none}
.mc-bas{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid var(--cizgi);position:sticky;top:0}
.mc-bas img{width:140px;height:auto}
.mc-kapat{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--cizgi);background:#fff;font-size:1.5rem;line-height:1;color:var(--yesil-k)}
.mc-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px}
.mc-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font-weight:800;font-size:.95rem}
.mc-cta a:first-child{background:var(--altin);color:#1d1606}
.mc-cta a:last-child{background:var(--yesil);color:#fff}
.mc-grup{padding:6px 16px 10px}
.mc-grup h3{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--altin-k);margin:10px 0 6px}
.mc-grup a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:12px;font-weight:700;color:var(--yazi);font-size:1rem}
.mc-grup a:hover,.mc-grup a[aria-current]{background:#fff;color:var(--yesil)}
.mc-grup a .i{font-size:1.25rem;color:var(--altin-k)}
body.menu-acik{overflow:hidden}
@media (max-width:860px){
 .ust{position:relative}
 .ust .satir1{padding-block:10px}
 .ust .sag{gap:6px}
 .menu-ac-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;padding:6px 10px;border-radius:12px;font:800 .78rem Manrope,sans-serif;color:var(--yazi)}
 .menu-ac-btn .i{font-size:1.5rem;color:var(--yesil)}
 .menu-ac-btn:hover{background:var(--yesil-a)}
 .kat-nav{display:none}
 .serit-ust{min-height:34px;font-size:.8rem}
}