/* Yazılıma özel ek stiller: harfli / resimli logo, form tuzak alanı, hata mesajı */
.logo--harf .logo-isaret{font-family:var(--f1);font-weight:800;font-size:1.2rem;letter-spacing:-.02em}
.logo--resim .logo-isaret{background:transparent;overflow:hidden;padding:0}
.logo--resim .logo-isaret img{width:100%;height:100%;object-fit:contain}
.bal{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.d-sonuc.hata{background:#fde8e8;color:#b42318}
.koyu .d-sonuc.hata{background:#3d1414;color:#fca5a5}
.ur-g h3 a:hover{color:var(--ana)}

/* Mobil alt hızlı erişim bandı: tüm temalarda (masaüstünde gizli) */
.sekme--hizli button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit;font-size:.66rem;font-weight:600;color:var(--soluk);background:none;border:0;padding:0;cursor:pointer}
.sekme--hizli button i{font-size:1.1rem}
.sekme--hizli .sekme-wa i{color:#25d366}
.sekme--hizli a:active,.sekme--hizli button:active{transform:scale(.94)}

/* ===== Mermer & doğal taş bileşenleri ===== */
/* Taş türü rozeti ve renk numunesi */
.tas-rozetler{position:absolute;top:.7rem;left:.7rem;right:.7rem;display:flex;flex-wrap:wrap;gap:.35rem;z-index:2}
.ur-rozet+.ur-foto .tas-rozetler{top:2.6rem}
.tas-tur{display:inline-flex;align-items:center;padding:.26rem .66rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;background:rgba(255,255,255,.94);color:#111}
.tas-tur--granit{background:#1f2937;color:#fff}
.tas-tur--kuvars{background:#e0e7ff;color:#312e81}
.tas-tur--traverten{background:#f3e8d2;color:#5b4520}
.tas-tur--oniks{background:#f8e7b8;color:#6b4e08}
.tas-tur--dogal-tas{background:#dfe6d5;color:#2f3e22}
.tas-tur--porselen{background:#e5e7eb;color:#111827}
.tas-renk{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--r,#ccc);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px var(--yuzey);vertical-align:-1px;margin-right:.35rem;flex:none}
.tas-renk[data-karisik]{background:conic-gradient(#f3f1ec 0 25%,#1d1d20 0 50%,#caa24b 0 75%,#3f6b50 0)}
.ur-g small.tas-ust{display:flex;align-items:center;color:var(--soluk);text-transform:none;letter-spacing:0;font-weight:600;font-size:.78rem}
.ud-bilgi .etiket{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}
/* Süzgeçli taş kataloğu */
.kg-cubuk{display:flex;flex-direction:column;gap:.7rem;padding:.85rem;border-radius:calc(var(--r,18px) + 2px);background:var(--yuzey);border:1px solid var(--cizgi);box-shadow:0 16px 36px -28px rgba(0,0,0,.4)}
.kg-tur{display:flex;flex-wrap:wrap;gap:.35rem}
.kg-tur label{position:relative;cursor:pointer}
.kg-tur input,.kt-renk input{position:absolute;opacity:0;pointer-events:none}
.kg-tur span{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--cizgi);font-weight:700;font-size:.88rem;transition:background .2s,border-color .2s,color .2s}
.kg-tur input:checked+span{background:var(--ana);border-color:var(--ana);color:var(--anaYazi,#fff)}
.kg-tur input:focus-visible+span,.kt-renk input:focus-visible~span{outline:2px solid var(--ana);outline-offset:2px}
.kg-alt{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}
.kg-renkler{display:flex;flex-wrap:wrap;gap:.3rem;margin-right:auto}
.kt-renk{position:relative;display:inline-flex;align-items:center;padding:.32rem .65rem .32rem .45rem;border-radius:999px;border:1.5px solid var(--cizgi);cursor:pointer;font-size:.8rem;font-weight:600;transition:border-color .2s,background .2s}
.kt-renk .tas-renk{margin-right:.35rem}
.kt-renk:has(input:checked){border-color:var(--ana);background:color-mix(in srgb,var(--ana) 10%,transparent)}
.kg-alt select,.kg-ara input{min-height:42px;padding:0 .8rem;border-radius:var(--rb,12px);border:1.5px solid var(--cizgi);background:var(--zemin);color:var(--yazi);font:inherit;font-size:.9rem}
.kg-ara{position:relative;display:flex;flex:1 1 200px;max-width:280px}
.kg-ara i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--soluk);font-size:.85rem}
.kg-ara input{width:100%;padding-left:2.2rem}
.kg-alt select:focus,.kg-ara input:focus{outline:none;border-color:var(--ana)}
.koyu .kg-alt select,.koyu .kg-ara input{color-scheme:dark}
.kg-sonuc{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:1.1rem 0 1rem;color:var(--soluk);font-size:.92rem}
.kg-sonuc b{color:var(--yazi);font-size:1.05rem}
.kg-temizle{display:inline-flex;align-items:center;gap:.35rem;border:0;background:var(--yuzey2);color:var(--yazi);padding:.35rem .8rem;border-radius:999px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.kg-izgara [data-urun][hidden]{display:none}
.kg-yok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:2.4rem 1rem;border:1.5px dashed var(--cizgi);border-radius:var(--r,18px)}
.kg-yok[hidden]{display:none}
.kg-yok>i{font-size:2rem;color:var(--ana)}
.kg-yok p{color:var(--soluk);margin:0 0 .6rem;max-width:44ch}
@media (max-width:760px){.kg-ara{max-width:none}.kg-alt select{flex:1 1 calc(50% - .3rem)}.kg-renkler{margin-right:0}}

/* ===== ek düzenlemeler (mermer yazılımı ortak) ===== */
/* Sayfa başlığı: fotoğraf yoksa sağdaki boşlukta sayfaya uygun büyük, soluk ikon */
.sb-ic:has(>.sb-ikon){grid-template-columns:minmax(0,1fr) auto}
.sb-ikon{display:grid;place-items:center;padding-right:clamp(0px,3vw,48px);pointer-events:none}
.sb-ikon i{font-size:clamp(7rem,13vw,12.5rem);line-height:1;color:var(--ana);opacity:.09}
@media (max-width:760px){
  .sb-ic:has(>.sb-ikon){grid-template-columns:minmax(0,1fr);position:relative}
  .sb-ikon{position:absolute;right:4px;top:50%;translate:0 -50%;padding:0;z-index:0}
  .sb-ikon i{font-size:6.5rem;opacity:.06}
  .sb-metin{position:relative;z-index:1}
}

/* İletişim kanalları: etiket üstte, bilgi alt satırda */
.il-kanallar a>span,.il-kanallar>li>span>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.35;min-width:0}
.il-kanallar b{overflow-wrap:anywhere}

/* Güvenlik kodu ve reCAPTCHA */
.fk-guvenlik{display:grid;gap:.8rem}
.fk-guvenlik>label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600}
.gk{display:flex;align-items:center;gap:.5rem}
.gk img{width:150px;height:48px;border-radius:12px;border:1.5px solid var(--cizgi);background:var(--zemin);flex:none;object-fit:cover}
.gk-yenile{width:48px;height:48px;border-radius:12px;border:1.5px solid var(--cizgi);background:var(--yuzey);color:var(--ana);cursor:pointer;flex:none;display:grid;place-items:center}
.gk-yenile:hover{border-color:var(--ana)}
.fk .gk input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.25em;font-weight:700}
.g-recaptcha{min-height:78px}
@media (max-width:400px){.gk img{width:118px;height:42px}.g-recaptcha{transform:scale(.9);transform-origin:0 0}}

/* Kayan ürün rafı (ana sayfa "Seçkin ürünler") */
.ray{position:relative}
.ray-ic.ur-izgara{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 1.1rem) / 4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 0 6px}
.ray-ic::-webkit-scrollbar{display:none}
.ray-ic>*{scroll-snap-align:start}
.ray-ok{position:absolute;top:30%;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);display:grid;place-items:center;box-shadow:0 14px 28px -14px rgba(0,0,0,.45);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ray-ok:hover{background:var(--ana);border-color:var(--ana);color:var(--anaYazi,#fff)}
.ray-ok--sol{left:-20px}
.ray-ok--sag{right:-20px}
@media (max-width:1100px){.ray-ic.ur-izgara{grid-auto-columns:calc((100% - 2 * 1.1rem) / 3)}.ray-ok--sol{left:-10px}.ray-ok--sag{right:-10px}}
@media (max-width:760px){.ray-ic.ur-izgara{grid-auto-columns:calc((100% - .6rem) / 2);gap:.6rem}.ray-ok{width:40px;height:40px;top:26%}.ray-ok--sol{left:-6px}.ray-ok--sag{right:-6px}}

/* Ana sayfa SSS: iki sütun */
.sss-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem 1.2rem;align-items:start}
@media (max-width:760px){.sss-iki{grid-template-columns:minmax(0,1fr)}}

/* Mobil menü: alttaki boşlukta büyük, soluk logo işareti; Ara / WhatsApp belirgin ve teklif düğmesinden ayrık */
.ck-filigran{position:absolute;left:50%;bottom:clamp(14px,5vh,46px);translate:-50% 0;width:min(56%,210px);opacity:.1;pointer-events:none;z-index:0}
.ck-filigran img{display:block;width:100%;height:auto;border-radius:22%}
.ck-liste{position:relative;z-index:1}
@media (max-height:720px){.ck-filigran{width:min(38%,140px)}}
@media (max-height:600px){.ck-filigran{display:none}}
.ck-alt{gap:12px}
.ck-iletisim{gap:10px;padding-top:12px;border-top:1px dashed var(--cizgi)}
.ck-iletisim a{padding:.9rem .7rem;font-size:.98rem;font-weight:700;border:0;color:#fff;box-shadow:0 12px 24px -14px rgba(0,0,0,.55)}
.ck-iletisim a i{font-size:1.1rem}
.ck-iletisim a[href^="tel:"]{background:var(--ana2,#a68a5b)}
.ck-iletisim a[href*="wa.me"]{background:#25d366}
.ck-iletisim a:active{transform:scale(.97)}

/* Masaüstü menü: açılır listeler içeriğe göre genişler, maddeler tek satır; mega menü başlığın ortasında ve geniş */
@media (min-width:1025px){
  .nv-l2,.nv-l3{width:max-content;min-width:250px;max-width:min(460px,92vw)}
  .nv-l2 a>span{white-space:nowrap}
  .nv-mega-o{position:static}
  .nv-mega{top:100%;left:50%;translate:-50% 0;width:min(1180px,calc(100vw - 32px))}
  .nv-mega::before{top:-26px;height:26px}
  .nv-mega-ic{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 1.4rem}
  .nv-mega ul a{white-space:nowrap;min-width:0}
  .nv-mega ul a span{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .nv-mega-cta{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}
}
/* Masaüstü sağ orta iletişim çubuğu: ikonlar; üzerine gelince adı ve bilgisi sola doğru kayarak açılır */
.yan-bar{display:none}
@media (min-width:1025px){
  .yan-bar{position:fixed;right:0;top:50%;translate:0 -50%;z-index:65;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
  .yb{display:flex;align-items:center;height:52px;border-radius:14px 0 0 14px;color:#fff;text-decoration:none;box-shadow:0 14px 30px -14px rgba(0,0,0,.55);overflow:hidden;transition:box-shadow .25s}
  .yb>i{width:52px;flex:none;display:flex;align-items:center;justify-content:center;font-size:1.25rem}
  .yb-yazi{display:flex;flex-direction:column;justify-content:center;line-height:1.2;max-width:0;opacity:0;white-space:nowrap;padding-left:0;transition:max-width .35s cubic-bezier(.2,.8,.2,1),opacity .25s,padding .35s}
  .yb-yazi b{font-size:.92rem;font-weight:700}
  .yb-yazi small{font-size:.76rem;opacity:.88}
  .yb:hover,.yb:focus-visible{box-shadow:0 18px 36px -14px rgba(0,0,0,.6)}
  .yb:hover .yb-yazi,.yb:focus-visible .yb-yazi{max-width:240px;opacity:1;padding-left:18px}
  .yb--tel{background:var(--ana)}
  .yb--wa{background:#25d366}
  .yb--konum{background:var(--ana2,#a68a5b)}
  .yb--ig{background:linear-gradient(45deg,#f58529,#dd2a7b 55%,#8134af)}
}

/* ===== Referanslarımız (rfk-: temadaki .rf logo şeridiyle çakışmasın): klasör kartları (kapak + arkasında üst üste fotoğraflar) ve klasör sayfası ===== */
.rfk-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem 1.3rem}
.rfk{display:flex;flex-direction:column;min-width:0;max-width:460px;color:inherit;text-decoration:none}
.rfk-foto{position:relative;display:block;aspect-ratio:4/3;margin:12px 12px 0 0}
.rfk-foto::before,.rfk-foto::after{content:"";position:absolute;inset:0;border-radius:var(--r,18px);border:1px solid var(--cizgi);background:var(--yuzey2);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.rfk-foto::before{transform:translate(12px,-12px);opacity:.6}
.rfk-foto::after{transform:translate(6px,-6px)}
.rfk-foto img,.rfk-bos{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--r,18px);box-shadow:0 18px 34px -24px rgba(0,0,0,.6)}
.rfk-bos{display:grid;place-items:center;background:var(--yuzey2);color:var(--ana);font-size:2.6rem}
.rfk:hover .rfk-foto::before{transform:translate(16px,-16px) rotate(2.5deg)}
.rfk:hover .rfk-foto::after{transform:translate(9px,-9px) rotate(1.2deg)}
.rfk-tur,.rfk-adet{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--rb,999px);font-weight:800;line-height:1.2;pointer-events:none}
.rfk-tur{left:.75rem;top:.75rem;padding:.3rem .65rem;background:var(--ana);color:var(--anaYazi,#fff);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}
.rfk-adet{right:.75rem;bottom:.75rem;padding:.38rem .75rem;background:rgba(10,12,16,.7);color:#fff;font-size:.8rem;backdrop-filter:blur(4px)}
.rfk-g{display:flex;flex-direction:column;gap:.4rem;padding:1rem .15rem 0}
.rfk-ad{display:flex;align-items:flex-start;gap:.55rem}
.rfk-ad>i{color:var(--ana2,var(--ana));font-size:1.05rem;margin-top:.22rem}
.rfk-ad h3{margin:0;font-size:1.12rem;line-height:1.3;transition:color .2s}
.rfk-bilgi{display:flex;flex-wrap:wrap;gap:.3rem .9rem;color:var(--soluk);font-size:.82rem;font-weight:600}
.rfk-bilgi span{display:inline-flex;align-items:center;gap:.35rem}
.rfk-bilgi i{color:var(--ana)}
.rfk-g p{margin:0;color:var(--soluk);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rfk-ac{display:inline-flex;align-items:center;gap:.45rem;margin-top:.15rem;font-weight:700;font-size:.9rem;color:var(--ana)}
.rfk-ac i{transition:transform .2s}
.rfk:hover h3{color:var(--ana)}
.rfk:hover .rfk-ac i{transform:translateX(4px)}
.rfk:focus-visible{outline:2px solid var(--ana);outline-offset:6px;border-radius:var(--r,18px)}
.koyu .rfk-foto::before,.koyu .rfk-foto::after{border-color:rgba(255,255,255,.14)}
/* Klasör sayfası: bilgi çipleri ve kare fotoğraf ızgarası (dokununca büyür) */
.ra-bilgi{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.3rem;padding:0}
.ra-bilgi li{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:999px;background:var(--yuzey2);font-size:.86rem;font-weight:600}
.ra-bilgi i{color:var(--ana)}
.ra-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem}
.ra-izgara a{position:relative;display:block;aspect-ratio:1;border-radius:min(var(--r,14px),16px);overflow:hidden;background:var(--yuzey2)}
.ra-izgara img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ra-izgara a::after{content:"\f00e";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:.6rem;bottom:.6rem;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(10,12,16,.6);color:#fff;font-size:.85rem;opacity:0;transition:opacity .2s}
.ra-izgara a:hover img{transform:scale(1.05)}
.ra-izgara a:hover::after,.ra-izgara a:focus-visible::after{opacity:1}
@media (max-width:760px){.rfk-izgara{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.7rem 1rem}.ra-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}}

/* ===== Ana sayfa (2026-11-05) ===== */
/* Kayan hizmet şeridi ("Mezar yapım işlerimiz"): masaüstünde 4, tablette 3, telefonda 1 kart + yanındakinin ucu; hepsi sığarsa oklar gizli */
.ray-ic.hz-izgara{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 1rem) / 4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:6px 2px 26px;margin-bottom:-20px}
.ray-ic.hz-izgara::-webkit-scrollbar{display:none}
.ray-ic.hz-izgara>*{scroll-snap-align:start}
.ray--sabit .ray-ok{display:none}
@media (max-width:1100px){.ray-ic.hz-izgara{grid-auto-columns:calc((100% - 2 * 1rem) / 3)}}
@media (max-width:760px){.ray-ic.hz-izgara{grid-auto-columns:84%}}

/* 3B karusel ("Öne çıkan modeller"): ortadaki kart önde; yanlar ortaya uzaklığına (--d) göre kayık, geride ve açılı. Geçişi CSS yapar. */
.u3{--u3w:clamp(250px,27vw,330px);--u3x:calc(var(--u3w) * .74);position:relative;overflow:hidden;padding:26px 0 6px;margin-top:-26px}
.u3-sahne{position:relative;height:540px;perspective:1300px;perspective-origin:50% 42%;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.u3-oge{--d:0;--ad:0;--yon:0;position:absolute;top:0;left:50%;width:var(--u3w);height:100%;margin-left:calc(var(--u3w) / -2);
  transform:translateX(calc(var(--d) * var(--u3x))) translateZ(calc(var(--ad) * -170px)) rotateY(calc(var(--yon) * -34deg));
  z-index:calc(20 - var(--ad));transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .6s,visibility .6s}
/* Yan kartlar saydam değil (arkadaki kartın yazısı görünmesin): üstlerine zemin renginde katman, uzaklaştıkça koyulaşır */
.u3-oge::after{content:"";position:absolute;inset:0;z-index:2;border-radius:var(--r,18px);background:var(--zemin);opacity:calc(var(--ad) * .22);pointer-events:none;transition:opacity .6s}
.u3-oge[data-uzak]{opacity:0;visibility:hidden}
.u3-oge>.ur{height:100%}
.u3-oge[data-ad="0"]>.ur{box-shadow:0 34px 60px -34px rgba(0,0,0,.55);border-color:color-mix(in srgb,var(--ana) 35%,var(--cizgi))}
.u3-oge:not([data-ad="0"])>.ur{cursor:pointer}
.u3-oge:not([data-ad="0"])>.ur:hover{transform:none;box-shadow:none}
.u3 img{-webkit-user-drag:none}
.u3-ok{position:absolute;top:calc(26px + 30%);z-index:30;width:48px;height:48px;border-radius:50%;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);display:grid;place-items:center;box-shadow:0 14px 28px -14px rgba(0,0,0,.45);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.u3-ok:hover{background:var(--ana);border-color:var(--ana);color:var(--anaYazi,#fff)}
.u3-ok--sol{left:6px}
.u3-ok--sag{right:6px}
.u3-noktalar{display:flex;justify-content:center;gap:.45rem;margin-top:1.1rem}
.u3-noktalar button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--yazi) 22%,transparent);cursor:pointer;transition:width .3s,background .3s}
.u3-noktalar button[aria-current="true"]{width:28px;background:var(--ana)}
@media (max-width:760px){.u3{--u3w:min(76vw,320px);--u3x:calc(var(--u3w) * .62)}.u3-oge[data-ad="2"]{opacity:0;visibility:hidden}.u3-ok{width:40px;height:40px;top:calc(26px + 26%)}}
@media (prefers-reduced-motion:reduce){.u3-oge{transition-duration:.01s}}

/* Yorum yoksa yorum alanında SSS'nin boyunca uzayan çalışma fotoğrafı ve hızlı iletişim */
[class*="-iki"]>div:has(>.yy-foto){align-self:stretch}
.yy-foto{position:relative;margin:0;height:100%;min-height:420px;border-radius:var(--r,18px);overflow:hidden;background:var(--yuzey2);box-shadow:0 30px 60px -36px rgba(0,0,0,.5)}
.yy-foto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yy-foto figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:5rem clamp(18px,3vw,28px) clamp(18px,3vw,28px);color:#fff;background:linear-gradient(to top,rgba(8,10,14,.9),rgba(8,10,14,.55) 55%,transparent)}
.yy-ust{display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f1d9a8}
.yy-foto b{font-family:var(--f1);font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.2;max-width:22ch}
.yy-foto b em{font-style:normal;color:#f1d9a8}
.yy-dugmeler{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}
@media (max-width:1024px){.yy-foto{height:auto;min-height:0;aspect-ratio:4/3}}
@media (max-width:520px){.yy-foto{aspect-ratio:4/5}}

/* Yatay yazılı logo (ortak-icerik "logoYatay"): başlıkta büyük, yanında ayrıca yazı yok; koyu temalarda beyaz zemin üstünde */
.logo--yatay{display:inline-flex;align-items:center;flex:none;gap:0}
.logo--yatay img{display:block;height:52px;width:auto;max-width:min(300px,56vw)}
.logo--yatay.logo--kucuk img{height:38px}
.koyu .logo--yatay{background:#fff;border-radius:12px;padding:6px 10px}
@media (max-width:1024px){.logo--yatay img{height:42px}}
@media (max-width:420px){.logo--yatay img{height:36px}}
/* Alt bilgi: OfoSoft imzası */
.ab-imza a{color:inherit;text-decoration:none}
.ab-imza a:hover{color:var(--ana)}
/* Sayfa içi fotoğraf ızgarası (desenli mezar sayfaları): kare küçük resimler, dokununca büyük sürüm */
.icerik-metin .sayfa-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin:1.4rem 0}
.icerik-metin .sayfa-galeri a{display:block;aspect-ratio:1;border-radius:min(var(--r,14px),14px);overflow:hidden;background:var(--yuzey2)}
.icerik-metin .sayfa-galeri img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;transition:transform .5s}
.icerik-metin .sayfa-galeri a:hover img{transform:scale(1.05)}

/* Süreç kartları (ana sayfa): başlık simgenin yanında, kart daha kısa */
.sr--yan li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.85rem;padding:1.05rem 1.2rem}
.sr--yan .sr-ikon{margin:0;width:44px;height:44px}
.sr--yan b{margin:0;padding-right:1.9rem;line-height:1.3}
.sr--yan p{grid-column:1/-1;margin-top:.55rem}
.sr--yan .sr-no{top:1.62rem;line-height:1}
@media (max-width:520px){.rfk-izgara{grid-template-columns:minmax(0,1fr)}.ra-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Ayna Cila yeniden tasarım (2026-11-05) =====
   Az yuvarlak köşeler, gölgesiz düz düğmeler, dar başlık yazısı (Barlow Condensed), üst bilgi şeritli başlık
   (mobilde menü düğmesi logonun solunda, menü soldan açılır), fotoğraflı kahraman, koyu alt bölüm, düz alt bant. */
body[class]{--r:10px;--rb:6px}
body{font-size:17px}
@media (max-width:760px){body{font-size:16px}}
.k-cila h1,.k-cila h2,.k-cila h3,.k-cila h4{letter-spacing:0}
.k-cila h1 em,.k-cila h2 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ana)}
/* Bölüm başlığı: bordo çizgili üst etiket */
.cl-bb span,.cl-bb>div>span{display:inline-flex;align-items:center;gap:.6rem;color:var(--ana);letter-spacing:.14em}
.cl-bb span::before,.cl-bb>div>span::before{content:"";width:26px;height:2px;background:currentColor;flex:none}
.cl-bb h2{font-size:clamp(2.1rem,4.2vw,3.1rem);line-height:1.05}
.cl-form h2{font-size:clamp(2.1rem,4.2vw,3.1rem)}

/* Düğmeler: gölgesiz, kalkmayan, az yuvarlak */
.btn{transition:background .2s,color .2s,border-color .2s}
.btn:hover,.btn:active{transform:none}
.btn--ana,.btn--ana:hover{box-shadow:none}
.btn--ana:hover{background:color-mix(in srgb,var(--ana) 84%,#000)}
.btn--cizgi:hover{background:var(--yuzey)}
.btn--beyaz:hover{background:#f0eeee}
.btn--wa:hover{background:#1ebe5a}
.btn--seffaf{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.btn--seffaf:hover{background:#fff;border-color:#fff;color:#1b1b1d}
.ray-ok,.u3-ok{box-shadow:none;border-radius:6px}
.ck-iletisim a{box-shadow:none}
.basa{box-shadow:none}
.yb,.yb:hover,.yb:focus-visible{box-shadow:none}
.yb{border-radius:6px 0 0 6px}
/* Sabit yazılmış büyük köşeler */
.etiket,.cl-rozet,.ur-rozet,.tas-tur,.cip a,.kg-tur span,.kt-renk,.kg-temizle,.ra-bilgi li,.pr,.fy-rozet,.rfk-tur,.rfk-adet,.nk-cip span,.gs-basliklar button{border-radius:4px}
.hz-ikon,.sr-ikon,.bl li,.gv--kart li,.hd-fiyat,.hd-uyari,.sh-secim span,.hd-kart-ikon,.il-kanallar i{border-radius:8px}
.nv-a,.nv-l2 a,.nv-mega-b i,.nv-mega-cta,.ck-kapat,.ck-liste a,.ck-liste button,.ck-liste>li>a>i:first-child,.ck-liste>li>button>i:first-child,.ck-iletisim a,.d-sonuc,.hd-maddeler li,.kr-menu a,.ud-artilar li,.ud-kucukler a,.bg-liste i,.gk img,.gk-yenile,.ab-sos a{border-radius:6px}
.fk input,.fk select,.fk textarea,.sihirbaz input:not([type=radio]),.sihirbaz select{border-radius:6px}
.rz--yumusak{border-radius:var(--r)}
.ur:hover{transform:translateY(-2px);box-shadow:0 18px 36px -26px rgba(0,0,0,.35)}
.fy--buyuk b{font-family:var(--f1);font-weight:700}

/* İç sayfa başlığı: koyu bant (üst şerit ve alt bölümle uyumlu), altta bordo çizgi; vurgulu kelime kahramandaki gibi bordo kutu */
.sb{background:var(--ana2);color:#fff;border-bottom:3px solid var(--ana)}
.sb h1{color:#fff}
.k-cila .sb h1 em{color:#fff;background:var(--ana);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sb p{color:rgba(255,255,255,.76)}
.sb .kr{color:rgba(255,255,255,.62)}
.sb .kr a:hover,.sb .kr [aria-current]{color:#fff}
.sb .etiket{background:var(--ana);color:var(--anaYazi,#fff)}
.sb-ikon i{color:#fff;opacity:.08}

/* Üst bilgi şeridi (geniş ekran): bölgeler, saat, telefon, WhatsApp */
.em-serit{display:none}
@media (min-width:1101px){
  .em-serit{display:block;background:var(--ana2);color:rgba(255,255,255,.78);font-size:.86rem}
  .em-serit-ic{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:40px}
  .em-serit-ic>span,.em-serit-sag>*{display:inline-flex;align-items:center}
  .em-serit-sag{display:flex;align-items:center;gap:1.6rem}
  .em-serit i{margin-right:.45rem;color:color-mix(in srgb,var(--ana) 40%,#fff)}
  .em-serit a{color:#fff;font-weight:600}
  .em-serit a:hover{color:color-mix(in srgb,var(--ana) 30%,#fff)}
}
/* Başlık: düz beyaz; menüde bordo alt çizgi */
.em-ust{background:var(--yuzey);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--cizgi);transition:box-shadow .25s}
.em-ust.kaydi{box-shadow:0 10px 26px -20px rgba(0,0,0,.5)}
.em-ara{display:none}
@media (min-width:1101px){
  .em-ust .cl-ust-ic{min-height:86px}
  .em-ust .logo--yatay img{height:58px}
  .em-ust .nv-l1>li>.nv-a{position:relative;font-weight:600;font-size:1.02rem;border-radius:0}
  .em-ust .nv-l1>li>.nv-a::after{content:"";position:absolute;left:.55rem;right:.55rem;bottom:-.1rem;height:2px;background:var(--ana);transform:scaleX(0);transform-origin:left;transition:transform .2s}
  .em-ust .nv-l1>li>.nv-a.aktif::after,.em-ust .nv-l1>li:hover>.nv-a::after{transform:scaleX(1)}
}
/* Mobil başlık: solda menü düğmesi, ortada logo, sağda ara */
@media (max-width:1100px){
  .em-ust .cl-ust-ic{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.75rem;min-height:68px}
  .em-ust .em-menu{display:block;grid-column:1;grid-row:1;margin:0;width:44px;height:44px;border-radius:6px;background:var(--ana2)}
  .em-ust .em-menu span{left:12px;right:12px}
  .em-ust .em-menu span:nth-child(1){top:15px}
  .em-ust .em-menu span:nth-child(2){top:21px;right:19px}
  .em-ust .em-menu span:nth-child(3){top:27px}
  .em-ust .logo{grid-column:2;grid-row:1;justify-self:center}
  .em-ust .cl-sag{grid-column:3;grid-row:1;margin:0}
  .em-ara{display:grid;place-items:center;width:44px;height:44px;border-radius:6px;background:var(--ana);color:var(--anaYazi,#fff);font-size:1.05rem}
}
/* Mobil alt bant: kenardan kenara, düz; teklif düğmesi taşmıyor */
@media (max-width:1024px){
  body.sekmeli{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .sekme{left:0;right:0;bottom:0;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border:0;border-top:1px solid var(--cizgi);border-radius:0;background:var(--yuzey);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .sekme-fab span{width:46px;height:32px;margin:0;border-radius:6px;font-size:1rem;box-shadow:none}
  .sekme-fab b{color:var(--ana);font-weight:700}
  .sekmeli .basa{bottom:calc(76px + env(safe-area-inset-bottom))}
}

/* Kahraman: tam genişlik fotoğraf, koyu geçiş, beyaz yazı; altında rakamlar */
.em-kahraman{position:relative;isolation:isolate;overflow:hidden;background:var(--ana2);color:#fff}
.em-k-foto{position:absolute;inset:0;z-index:-2}
.em-k-foto img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.em-kahraman::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,20,22,.93) 0%,rgba(20,20,22,.8) 36%,rgba(20,20,22,.3) 72%,rgba(20,20,22,.12) 100%)}
.em-k-ic{display:flex;align-items:center;min-height:clamp(540px,72vh,660px);padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(100px,9vw,124px)}
.em-k-metin{max-width:640px}
.em-rozet{display:inline-flex;align-items:center;gap:.5rem;padding:.38rem .75rem;border-radius:4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.em-kahraman h1{color:#fff;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.02;margin:1.1rem 0 .9rem}
.k-cila .em-kahraman h1 em{color:#fff;background:var(--ana);padding:0 .14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.em-k-metin>p{margin:0;max-width:54ch;color:rgba(255,255,255,.86);font-size:1.12rem}
.em-dugmeler{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.7rem}
.em-rakam{list-style:none;display:flex;flex-wrap:wrap;gap:1rem 0;margin:2.2rem 0 0;padding:1.3rem 0 0;border-top:1px solid rgba(255,255,255,.18)}
.em-rakam li{display:flex;flex-direction:column;margin-right:1.6rem;padding-right:1.6rem;border-right:1px solid rgba(255,255,255,.18)}
.em-rakam li:last-child{margin-right:0;padding-right:0;border-right:0}
.em-rakam b{font-family:var(--f1);font-size:1.9rem;font-weight:700;line-height:1.05;color:#fff}
.em-rakam span{font-size:.84rem;color:rgba(255,255,255,.72)}
.em-cubuk{position:relative;z-index:3;margin-top:-58px;padding-top:0}
@media (max-width:760px){
  .em-kahraman::before{background:linear-gradient(180deg,rgba(20,20,22,.6) 0%,rgba(20,20,22,.82) 50%,rgba(20,20,22,.94) 100%)}
  .em-k-foto img{object-position:62% 50%}
  .em-k-ic{min-height:0;padding-top:42px;padding-bottom:92px}
  .em-kahraman h1{font-size:2.6rem}
  .em-k-metin>p{font-size:1.02rem}
  .em-dugmeler .btn{flex:1 1 0;padding:0 .9rem}
  .em-rakam{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:1.8rem}
  .em-rakam li{margin:0;padding:0 .7rem}
  .em-rakam li:first-child{padding-left:0}
  .em-rakam b{font-size:1.45rem}
  .em-rakam span{font-size:.74rem;line-height:1.3}
}

/* Alt bölüm: bordo arama şeridi + koyu gövde + imza satırı */
.em-ab{background:#1d1d1f;color:rgba(255,255,255,.7);font-size:.97rem}
.em-ab a{transition:color .2s,background .2s,border-color .2s}
.em-ab-cta{background:var(--ana);color:#fff}
.em-ab-cta-ic{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem 2rem;padding-top:clamp(26px,3.5vw,38px);padding-bottom:clamp(26px,3.5vw,38px)}
.em-ab-cta h3{margin:0 0 .25rem;color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}
.em-ab-cta p{margin:0;color:rgba(255,255,255,.86)}
.em-ab-cta-d{display:flex;flex-wrap:wrap;gap:.6rem}
.em-ab-cta .btn--beyaz{color:var(--ana);font-weight:700}
.em-ab-ic{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2.2rem 2.6rem;padding-top:clamp(44px,5.5vw,68px);padding-bottom:clamp(36px,4.5vw,56px)}
.em-ab-k .logo--yatay{background:#fff;padding:10px 14px;border-radius:6px}
.em-ab-k .logo--yatay img{height:44px}
.em-ab-k>p{margin:1.1rem 0;line-height:1.65}
.em-ab h4{position:relative;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase}
.em-ab h4::after{content:"";position:absolute;left:0;bottom:-1px;width:36px;height:2px;background:var(--ana)}
.em-ab-bilgi ul+h4{margin-top:1.7rem}
.em-ab ul{list-style:none;margin:0;padding:0}
.em-ab-s li{margin-bottom:.5rem}
.em-ab-s a{display:inline-flex;align-items:baseline;gap:.5rem;color:rgba(255,255,255,.74)}
.em-ab-s a i{flex:none;font-size:.78rem;color:color-mix(in srgb,var(--ana) 45%,#fff)}
.em-ab-s a:hover{color:#fff}
.em-ab-bolge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
.em-ab-saat li{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:.42rem 0;border-bottom:1px dashed rgba(255,255,255,.12)}
.em-ab-saat b{color:#fff;font-weight:600;white-space:nowrap}
.em-ab-il li{display:flex;align-items:baseline;gap:.65rem;margin-bottom:.55rem}
.em-ab-il i{width:16px;flex:none;color:color-mix(in srgb,var(--ana) 45%,#fff)}
.em-ab-il a{color:rgba(255,255,255,.86)}
.em-ab-il a:hover{color:#fff}
.em-ab-sos{display:flex;gap:.5rem;margin-top:1.1rem}
.em-ab-sos a{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;border:1px solid rgba(255,255,255,.2);color:#fff}
.em-ab-sos a:hover{background:var(--ana);border-color:var(--ana)}
.em-ab-son{background:#161618;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.58);font-size:.86rem}
.em-ab-son-ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.8rem;padding-top:1.1rem;padding-bottom:1.1rem}
.em-ab-kvkk i{margin-right:.3rem;color:color-mix(in srgb,var(--ana) 45%,#fff)}
.em-ab-kvkk a{color:rgba(255,255,255,.86);text-decoration:underline}
.em-ab .ab-imza a{color:rgba(255,255,255,.86)}
.em-ab .ab-imza a:hover{color:#fff}
@media (max-width:1024px){.em-ab-ic{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .em-ab-ic{gap:1.9rem 1.2rem}
  .em-ab-k,.em-ab-bilgi{grid-column:1/-1}
  .em-ab-cta-d{width:100%}
  .em-ab-cta-d .btn{flex:1 1 0;padding:0 .8rem}
  .em-ab-son-ic{flex-direction:column;align-items:flex-start;gap:.45rem}
}
/* ===== Hasat (tarım satış noktası, 2026-11-06): Ayna Cila diliyle aynı aile, farklı düzen ve renk =====
   --ana: logodaki yeşil (koyulaştırılmış), --ana2: koyu yeşil (şerit, sayfa başlığı, alt bölüm), --vurgu: logodaki buğday sarısı (yalnız süs / koyu zemin üstü) */
.k-hasat{--vurgu:#e0b21a}
.k-hasat h1 em,.k-hasat h2 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ana)}
.k-hasat h1,.k-hasat h2,.k-hasat h3,.k-hasat h4{letter-spacing:0}
.k-hasat .sb h1 em{color:#1f2a10;background:var(--vurgu);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.k-hasat .sb{border-bottom-color:var(--vurgu)}
.k-hasat .em-serit i{color:var(--vurgu)}
.k-hasat .cl-bb span::before,.k-hasat .cl-bb>div>span::before{background:var(--vurgu);height:3px}
.k-hasat .em-ust .nv-l1>li>.nv-a::after{background:var(--vurgu);height:3px}
/* Logo: yuvarlak amblem + firma adı */
.k-hasat .logo--resim .logo-isaret{width:58px;height:58px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--cizgi)}
.k-hasat .logo--resim .logo-isaret img{width:100%;height:100%;object-fit:contain}
.k-hasat .logo-yazi b{font-family:var(--f1);font-size:1.45rem;line-height:1;color:var(--ana)}
.k-hasat .logo-yazi small{font-size:.74rem;letter-spacing:.04em;color:var(--soluk)}
@media (max-width:1100px){.k-hasat .logo--resim .logo-isaret{width:44px;height:44px}.k-hasat .logo-yazi b{font-size:1.2rem}.k-hasat .logo-yazi small{font-size:.66rem}}
.k-hasat .em-ab-k .logo{background:#fff;padding:8px 14px 8px 8px;border-radius:999px;display:inline-flex}
/* Kahraman: solda koyu yeşil panel (buğday güneşi ışınları), sağda çerçeveli fotoğraf */
.hs-kahraman{position:relative;overflow:hidden;background:var(--ana2);color:#fff;isolation:isolate}
.hs-kahraman::before{content:"";position:absolute;z-index:-1;left:-18%;top:50%;width:min(1100px,120vw);aspect-ratio:1;transform:translateY(-50%);background:repeating-conic-gradient(from 0deg,rgba(224,178,26,.13) 0 4deg,transparent 4deg 10deg);-webkit-mask:radial-gradient(circle,#000 0,#000 35%,transparent 68%);mask:radial-gradient(circle,#000 0,#000 35%,transparent 68%)}
.hs-kahraman::after{content:"";position:absolute;z-index:-1;inset:auto 0 0 0;height:10px;background:repeating-linear-gradient(90deg,var(--vurgu) 0 22px,transparent 22px 30px);opacity:.75}
.hs-k-ic{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center;padding-top:clamp(40px,6vw,84px);padding-bottom:clamp(52px,7vw,96px)}
.hs-rozet{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .8rem;border-radius:4px;background:var(--vurgu);color:#1f2a10;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hs-kahraman h1{color:#fff;font-size:clamp(2.5rem,5.2vw,4.3rem);line-height:1.04;margin:1.1rem 0 .9rem}
.k-hasat .hs-kahraman h1 em{color:var(--vurgu)}
.hs-k-metin>p{margin:0;max-width:52ch;color:rgba(255,255,255,.86);font-size:1.12rem}
.hs-kanal{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin:1.9rem 0 0;padding:1.2rem 0 0;border-top:1px solid rgba(255,255,255,.16)}
.hs-kanal li{display:flex;align-items:center;gap:.55rem;min-width:0}
.hs-kanal i{color:var(--vurgu)}
.hs-kanal a{color:#fff;font-weight:600}
.hs-k-gorsel{position:relative;padding:0 0 26px 26px}
.hs-gunes{position:absolute;right:-40px;top:-40px;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--vurgu) 0 38%,rgba(224,178,26,.35) 39% 54%,transparent 55%)}
.hs-k-foto{position:relative;display:block;aspect-ratio:4/3.1;border-radius:14px;overflow:hidden;border:6px solid #fff;box-shadow:0 40px 70px -40px rgba(0,0,0,.75)}
.hs-k-foto img{width:100%;height:100%;object-fit:cover}
.hs-k-foto2{position:absolute;left:0;bottom:0;width:38%;aspect-ratio:1;border-radius:12px;overflow:hidden;border:5px solid var(--ana2);box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.hs-k-foto2 img{width:100%;height:100%;object-fit:cover}
.hs-k-kart{position:absolute;right:14px;bottom:0;display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border-radius:10px;background:#fff;color:var(--yazi);box-shadow:0 18px 36px -18px rgba(0,0,0,.55)}
.hs-k-kart i{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--ana);color:#fff}
.hs-k-kart small{display:block;font-size:.76rem;color:var(--soluk)}
.hs-k-kart b{display:block;font-family:var(--f1);font-size:1.05rem}
@media (max-width:1024px){.hs-k-ic{grid-template-columns:minmax(0,1fr)}.hs-k-gorsel{max-width:640px}}
@media (max-width:760px){
  .hs-kahraman h1{font-size:2.4rem}
  .hs-k-metin>p{font-size:1.02rem}
  .hs-kahraman .em-dugmeler .btn{flex:1 1 0;padding:0 .9rem}
  .hs-k-gorsel{padding:0 0 18px 18px}
  .hs-k-kart{right:8px;padding:.55rem .75rem}
}
/* Ürün ve hizmet grupları: fotoğraflı kare kartlar, altta yeşil şerit */
.hs-grup-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.hs-grup{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--yuzey);border:1px solid var(--cizgi);color:var(--yazi);transition:transform .2s,box-shadow .2s}
.hs-grup:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(0,0,0,.45)}
.hs-grup-foto{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--yuzey2)}
.hs-grup-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.hs-grup:hover .hs-grup-foto img{transform:scale(1.05)}
.hs-grup-g{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-top:3px solid var(--vurgu)}
.hs-grup-g>i:first-child{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--ana) 12%,#fff);color:var(--ana)}
.hs-grup-g b{flex:1;font-family:var(--f1);font-size:1.05rem;line-height:1.2}
.hs-grup-ok{color:var(--ana);font-size:.85rem}
@media (max-width:1024px){.hs-grup-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.hs-grup-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-grup-g{padding:.7rem .75rem;gap:.5rem}.hs-grup-g>i:first-child{display:none}.hs-grup-g b{font-size:.95rem}}
/* Hoş geldiniz + video */
.hs-hos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}
.hs-hos .icerik-metin p{color:var(--soluk)}
.hs-video{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--r);overflow:hidden;background:#000;cursor:pointer}
.hs-video img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s}
.hs-video:hover img{opacity:1}
.hs-oynat{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;display:grid;place-items:center;border-radius:50%;background:var(--ana);color:#fff;font-size:1.6rem;box-shadow:0 0 0 10px rgba(255,255,255,.25)}
.hs-hos iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r)}
.hs-hos-foto img{border-radius:var(--r)}
@media (max-width:1024px){.hs-hos{grid-template-columns:minmax(0,1fr)}}
/* Bayilik logoları */
.hs-logolar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}
.hs-logolar li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:120px;padding:1rem .8rem;border-radius:var(--r);background:#fff;border:1px solid var(--cizgi);text-align:center}
.hs-logolar img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;filter:grayscale(.15)}
.hs-logolar span{font-size:.8rem;font-weight:600;color:var(--soluk)}
@media (max-width:1024px){.hs-logolar{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.hs-logolar{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hs-bl{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.hs-bl{grid-template-columns:minmax(0,1fr)}}
/* Şube kartları (Şubelerimiz sayfası) */
.hs-sube{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1.6rem 0}
.hs-sube figure{margin:0;border-radius:var(--r);overflow:hidden;background:var(--yuzey);border:1px solid var(--cizgi)}
.hs-sube img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.hs-sube figcaption{padding:.9rem 1rem}
.hs-sube figcaption b{display:block;font-family:var(--f1);font-size:1.1rem}
.hs-sube figcaption span{display:block;margin-top:.25rem;color:var(--soluk);font-size:.95rem}
@media (max-width:560px){.hs-sube{grid-template-columns:minmax(0,1fr)}}
/* Alt bölüm: koyu yeşil gövde, sarı arama şeridi */
.k-hasat .em-ab{background:#14281a}
.k-hasat .em-ab-son{background:#0f2014}
.k-hasat .em-ab-cta{background:var(--vurgu);color:#1f2a10}
.k-hasat .em-ab-cta h3{color:#1f2a10}
.k-hasat .em-ab-cta p{color:rgba(31,42,16,.8)}
.k-hasat .em-ab-cta .btn--beyaz{color:var(--ana)}
.k-hasat .em-ab-cta .btn--seffaf{border-color:rgba(31,42,16,.45);color:#1f2a10}
.k-hasat .em-ab-cta .btn--seffaf:hover{background:#1f2a10;border-color:#1f2a10;color:#fff}
.k-hasat .em-ab h4::after{background:var(--vurgu)}
.k-hasat .em-ab-s a i,.k-hasat .em-ab-il i,.k-hasat .em-ab-kvkk i{color:var(--vurgu)}
/* Satır içi SVG simgeler (tema/ikonlar.php, Font Awesome yazı tipi ve CSS'i yüklenmez) */
.ik-s{display:inline-block;line-height:1;font-style:normal;vertical-align:-.125em}
.ik-s>svg{display:block;height:1em;width:auto;fill:currentColor;overflow:visible}
.ik-s::before{content:none!important}
.ra-izgara a::after{content:"";font-family:inherit;background:rgba(10,12,16,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM184 296c0 13.3 10.7 24 24 24s24-10.7 24-24V232h64c13.3 0 24-10.7 24-24s-10.7-24-24-24H232V120c0-13.3-10.7-24-24-24s-24 10.7-24 24v64H120c-13.3 0-24 10.7-24 24s10.7 24 24 24h64v64z'/%3E%3C/svg%3E") center/14px 14px no-repeat}

/* İlk ekranın altındaki bölümler görünene kadar çizilmez (ilk boyamada stil/yerleşim işi azalır); karusel ve kayan raflı bölümler hariç (betikleri ölçü alır) */
main#icerik>section:nth-of-type(n+3):not(:has(.u3,.ray)),footer.em-ab{content-visibility:auto;contain-intrinsic-size:auto 760px}

.basa .ik-s>svg,.cl-kadran .ik-s>svg{position:static;inset:auto;width:auto;height:1em;transform:none}

/* ic-baslik: iç sayfa başlığı tek satır; iletişim kartlarında etiket üstte, değer altta; mobil menünün altındaki boşlukta soluk logo (referans: sivasbirlikmermer.com) */
.sb .sb-ic h1{font-size:clamp(1.75rem,3.2vw,2.7rem);max-width:none;text-wrap:balance}
.il-kanallar a>span,.il-kanallar li>span>span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.il-kanallar b{overflow-wrap:anywhere}
.ck-filigran{position:absolute;left:50%;bottom:clamp(14px,5vh,46px);translate:-50% 0;width:min(56%,210px);opacity:.1;pointer-events:none;z-index:0}
.ck-filigran img{display:block;width:100%;height:auto;border-radius:22%}
.ck-liste{position:relative;z-index:1}
@media (max-height:720px){.ck-filigran{width:min(38%,140px)}}
@media (max-height:600px){.ck-filigran{display:none}}