/* Lotus Flower Shop — yeni marka sitesi önizlemesi (ada çayı / zeytin paleti). site.css'in üzerine yazar. */
:root{
  --orman:#33402B;      /* koyu zeytin: başlık, düğme */
  --botanik:#56633F;    /* zeytin */
  --adacayi:#A9B59B;    /* ada çayı */
  --adacayi-acik:#E7EBDF;
  --fildisi:#F8F6F0;    /* kırık beyaz */
  --fildisi-2:#F0EDE4;
  --tas:#DCD5C8;        /* doğal taş */
  --pudra:#DDE3D2;      /* eski pudra yerine açık ada çayı */
  --pudra-acik:#EEF0E7;
  --altin:#A48B6A;      /* sıcak taş / bronz vurgu */
  --logo:#365b0d;
  --metin:#262B22; --soluk:#5F6658; --cizgi:rgba(51,64,43,.15);
}
body{background:var(--fildisi)}
.ust{background:rgba(248,246,240,.97)}

/* önizleme şeridi */
.onizleme-serit{background:#33402B;color:#F8F6F0;text-align:center;font:500 .68rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:9px 16px}

/* karşılama: tam genişlik fotoğraf */
.hero2{position:relative;min-height:min(86vh,820px);display:flex;align-items:flex-end;color:var(--fildisi);overflow:hidden;background:var(--orman)}
.hero2 .gorsel{position:absolute;inset:0;background:var(--orman)}
.hero2 .gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(30,38,25,.9) 0%,rgba(30,38,25,.72) 45%,rgba(30,38,25,.35) 80%,rgba(30,38,25,.2) 100%)}
.hero2 .kap{position:relative;z-index:2;width:100%;padding-top:120px;padding-bottom:clamp(48px,7vw,96px)}
.hero2 .etiket{color:var(--pudra)}
.hero2 h1{color:var(--fildisi);max-width:11em;margin-bottom:26px;font-size:clamp(2.7rem,6.2vw,5.6rem)}
.hero2 p{max-width:36em;font-size:clamp(1.02rem,1.4vw,1.18rem);color:rgba(248,246,240,.88);margin-bottom:36px}

/* 4 faaliyet kartı */
.dort-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,36px)}
.dort-izgara .urun-kart:nth-child(2){margin-top:0}
.dort-izgara .urun-kart:nth-child(even){margin-top:clamp(0px,4vw,56px)}
.dort-izgara .gorsel{aspect-ratio:4/5}
.dort-izgara .adres{display:block;margin-top:8px;font-size:.78rem;letter-spacing:.05em;color:var(--soluk)}
.dort-izgara .ozel{background:var(--adacayi-acik)}
@media (max-width:1100px){.dort-izgara{grid-template-columns:1fr 1fr}.dort-izgara .urun-kart:nth-child(even){margin-top:0}}
@media (max-width:620px){.dort-izgara{grid-template-columns:1fr}}

/* kısa hikâye + mini zaman çizgisi */
.kisa-hikaye{display:grid;grid-template-columns:5fr 6fr;gap:clamp(36px,6vw,96px);align-items:center}
.kisa-hikaye .gorsel{aspect-ratio:4/5}
.mini-zaman{list-style:none;margin:34px 0 34px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--orman)}
.mini-zaman li{padding:22px 14px 0 0;position:relative}
.mini-zaman li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--altin)}
.mini-zaman b{display:block;font:400 1.7rem/1 var(--serif);color:var(--orman);margin-bottom:8px;font-variant-numeric:lining-nums}
.mini-zaman span{font-size:.86rem;color:var(--soluk);line-height:1.45;display:block}
@media (max-width:900px){.kisa-hikaye{grid-template-columns:1fr}.kisa-hikaye .gorsel{aspect-ratio:4/3}}
@media (max-width:560px){.mini-zaman{grid-template-columns:1fr 1fr;row-gap:26px}}

/* kurumsal bant */
.kurumsal-bant{background:var(--orman);color:var(--fildisi);padding:var(--bosluk) 0}
.kurumsal-bant .duzen{display:grid;grid-template-columns:7fr 5fr;gap:clamp(36px,6vw,96px);align-items:center}
.kurumsal-bant .etiket{color:var(--pudra)}
.kurumsal-bant h2{color:var(--fildisi);max-width:13em;margin-bottom:26px}
.kurumsal-bant p{color:rgba(248,246,240,.82);max-width:34em}
.kurumsal-bant .gruplar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.kurumsal-bant .gruplar span{font:500 .7rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:12px 16px;border:1px solid rgba(248,246,240,.3);color:var(--fildisi)}
.kurumsal-bant .dugmeler{flex-direction:column;align-items:stretch;max-width:360px}
@media (max-width:900px){.kurumsal-bant .duzen{grid-template-columns:1fr}.kurumsal-bant .dugmeler{max-width:none}}

/* tasarım felsefesi */
.felsefe{background:var(--adacayi-acik)}

/* yer tutucu: gerçek fotoğraf bekleniyor */
.yer{background:linear-gradient(150deg,#56633F 0%,#8C9A78 55%,#C9C2B0 100%)}
.temsili{font:500 .58rem/1 var(--sans)}

/* kurumsal sayfa */
.k-hero{background:var(--fildisi-2)}
.k-hero .duzen{display:grid;grid-template-columns:6fr 5fr;gap:clamp(36px,6vw,96px);align-items:center}
.k-hero .gorsel{aspect-ratio:4/3}
@media (max-width:900px){.k-hero .duzen{grid-template-columns:1fr}}
.gruplar-acik{display:flex;flex-wrap:wrap;gap:10px}
.gruplar-acik span{font:500 .7rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:12px 16px;border:1px solid var(--cizgi);color:var(--botanik);background:var(--fildisi)}
.hizmet-dort{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,36px)}
.hizmet-dort article{border-top:1px solid var(--orman);padding-top:24px}
.hizmet-dort h3{font-size:1.55rem;margin-bottom:12px}
.hizmet-dort p{color:var(--soluk);font-size:.95rem}
.hizmet-dort .kim{display:inline-block;font:500 .64rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--botanik);background:var(--adacayi-acik);padding:8px 10px}
@media (max-width:1000px){.hizmet-dort{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.hizmet-dort{grid-template-columns:1fr}}
.neden-bes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(20px,2.4vw,36px)}
.neden-bes li{border-top:1px solid var(--altin);padding-top:22px}
.neden-bes b{display:block;font:italic 400 2.6rem/1 var(--serif);color:var(--altin);margin-bottom:16px;font-variant-numeric:lining-nums}
.neden-bes h3{font-size:1.4rem;margin-bottom:10px;font-variant-numeric:lining-nums}
.neden-bes p{color:var(--soluk);font-size:.93rem;margin:0}
@media (max-width:1100px){.neden-bes{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:760px){.neden-bes{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.neden-bes{grid-template-columns:1fr}}

/* biz kimiz */
.zaman.dort{grid-template-columns:repeat(4,1fr)}
@media (max-width:700px){.zaman.dort{grid-template-columns:1fr}}
.vizyon{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px)}
.vizyon h3{font:500 .74rem/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--altin);margin-bottom:18px}
.vizyon p{font:italic 400 clamp(1.5rem,2.4vw,2.1rem)/1.3 var(--serif);color:var(--orman);margin:0}
@media (max-width:800px){.vizyon{grid-template-columns:1fr}}

/* telefonda hiçbir şey taşmasın */
body{overflow-x:clip}

/* faaliyet kartları: daha küçük görsel, daha belirgin yazı (13 Kasım 2026) */
.dort-izgara .gorsel{aspect-ratio:4/3;margin-bottom:22px}
.dort-izgara .urun-kart{background:var(--fildisi);padding:0 0 26px;border-bottom:2px solid var(--altin)}
.dort-izgara .urun-kart .no{font-size:1.5rem}
.dort-izgara .urun-kart h3{font-size:clamp(1.7rem,2.2vw,2.1rem);font-weight:500;margin-bottom:12px}
.dort-izgara .urun-kart p{color:var(--metin);font-size:1rem;line-height:1.65}
.dort-izgara .urun-kart .bag{font-weight:600}
.dort-izgara .adres{color:var(--botanik);font-weight:500}
.cagri .iletisim-satir a{word-break:break-word}

/* kurumsal görsel: orkide kadrajda kalsın */
.k-hero .gorsel{aspect-ratio:1/1}
.k-hero .gorsel img,.dort-izgara .gorsel img[src*="kurumsal"]{object-position:22% 50%}
.dort-izgara .gorsel img[src*="lotus-cicek"]{object-position:50% 42%}
.dort-izgara .gorsel img[src*="lotus-cicek-2"]{object-position:50% 50%}

/* kapak: solda yazı, sağda gerçek mağaza fotoğrafı (tabela görünsün diye yazı fotoğrafın üstüne binmez) */
.hero3{background:linear-gradient(180deg,var(--fildisi) 0%,var(--pudra-acik) 100%)}
.hero3 .kap{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,5vw,80px);align-items:center;padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(48px,7vw,104px)}
.hero3 h1{max-width:10em;margin-bottom:26px;font-size:clamp(2.6rem,5.4vw,5rem)}
.hero3 p{font-size:clamp(1.02rem,1.4vw,1.16rem);color:var(--soluk);max-width:32em;margin-bottom:36px}
.hero3 .gorsel{aspect-ratio:4/3;border-radius:6px;box-shadow:0 30px 60px -30px rgba(30,38,25,.45)}
@media (max-width:900px){.hero3 .kap{grid-template-columns:1fr}.hero3 .gorsel{order:-1}}

/* gizlilik sayfası: eksik bilgi işareti (önizleme) */
.eksik{background:#F3E7B8;padding:0 4px;font-weight:600}
.metin-sayfa li{margin-bottom:6px}

/* kurumsal teklif formu */
.teklif-bolum{background:var(--fildisi-2);scroll-margin-top:90px}
.teklif-duzen{display:grid;grid-template-columns:5fr 7fr;gap:clamp(36px,6vw,96px);align-items:start}
.teklif-duzen .kanal{border-bottom:1px solid var(--cizgi)}
.form .btn{justify-self:auto}
.form button.btn{cursor:pointer}
.form label.onay{display:flex}
.form .onay a{color:var(--orman)}
@media (max-width:900px){.teklif-duzen{grid-template-columns:1fr}}
@media (max-width:600px){.form .dugmeler .btn{width:100%}}