html{scroll-behavior:smooth;}
section{scroll-margin-top:90px;}
:root{--primary:#009554; --accent:#6FBF73; --text:#2E2E2E; --muted:#6B6B6B; --border:#E6E6E6; --bg:#ffffff; --font-body:"Inter", Arial, sans-serif; --font-head:"Poppins", Arial, sans-serif; --header-h:72px;}
/* RESET */
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:var(--font-body); background:var(--bg); color:var(--text);}
a{text-decoration:none; color:inherit;}
.container{width:min(1100px, 92%); margin:0 auto;}
/* ===== HEADER ===== */
.site-header{position:sticky; top:0; background:rgba(255,255,255,0.95); border-bottom:1px solid var(--border); z-index:100;}
.header-inner{height:var(--header-h); display:flex; align-items:center; gap:16px;}
.brand{display:flex; align-items:center; gap:10px;}
.brand-mark{font-size:26px;}
.brand-name{font-family:var(--font-head); font-weight:700;}
.brand-sub{font-size:12px; color:var(--muted);}
/* DESKTOP MENU */
.desktop-nav{margin-left:auto;}
.nav-list{list-style:none; display:flex; align-items:center;}
.nav-link{padding:10px 14px; font-weight:500; border-radius:8px;}
.nav-link:hover{background:rgba(31,111,178,0.08);}
.nav-cta{background:var(--primary); color:#fff;}
/* DROPDOWN */
.has-dropdown{position:relative;}
.dropdown{display:none; position:absolute; top:100%; left:0; min-width:220px; background:#009554;; padding:10px; border-radius:12px;}
.has-dropdown:hover .dropdown{display:block;}
.dropdown-link{display:block; padding:10px; color:#fff; border-radius:8px;}
.dropdown-link:hover{background:rgba(255,255,255,0.15);}
/* BURGER */
.burger{display:none; border:1px solid var(--border); background:#fff; padding:8px 10px; border-radius:8px; cursor:pointer;}
.burger-lines{width:18px; height:2px; background:var(--text); display:block; position:relative;}
.burger-lines::before, .burger-lines::after{content:""; position:absolute; width:18px; height:2px; background:var(--text); left:0;}
.burger-lines::before{top:-6px;}
.burger-lines::after{top:6px;}
/* OVERLAY */
.overlay{position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:90;}
/* MOBILE PANEL */
.mobile-panel{position:fixed; top:0; left:0; width:80%; max-width:340px; height:100vh; background:#fff; border-right:1px solid var(--border); transform:translateX(-100%); transition:transform 0.25s ease; z-index:100;}
.mobile-panel.open{transform:translateX(0);}
.mobile-panel-header{height:var(--header-h); display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:1px solid var(--border);}
.close{background:none; border:none; font-size:20px; cursor:pointer;}
.mobile-nav{padding:16px; display:flex; flex-direction:column; gap:10px;}
.mobile-link{font-weight:600; padding:10px;}
.mobile-cta{background:var(--primary); color:#fff; border-radius:8px;}
/* ACCORDION */
.accordion{border:1px solid var(--border); border-radius:10px;}
.accordion-trigger{background:#fff; border:none; padding:12px; width:100%; text-align:left; font-weight:600; cursor:pointer;}
.accordion-panel{padding:10px; background:#f9f9f9;}
.mobile-sublink{display:block; padding:8px; font-size:14px;}
/* RESPONSIVE */
@media (max-width: 900px){
  .desktop-nav{display:none;}
  .burger{display:block;}
}
/* ===== MAIN / SECTIONS ===== */
.main{padding:26px 0 70px;}
.section{padding:26px 0;}
.section-head{display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:14px;}
.section-title{font-family:var(--font-head); font-size:26px; margin:0;}
.link{color:var(--primary); font-weight:600;}
/* ===== HERO ===== */
.hero{padding:22px 0 6px; display:grid; grid-template-columns:1.3fr .8fr; gap:18px; align-items:start;}
.hero-title{font-family:var(--font-head); font-size:40px; line-height:1.12; margin-bottom:10px;}
.hero-text{color:var(--muted); max-width:62ch; line-height:1.6; margin-bottom:14px;}
.hero-actions{display:flex; gap:10px; flex-wrap:wrap;}
.hero-card{border:1px solid var(--border); border-radius:14px; padding:16px; background:#fff;}
.hero-card-title{font-family:var(--font-head); font-weight:700; margin-bottom:10px;}
.hero-list{margin-left:18px; color:var(--muted); line-height:1.7;}
/* ===== BUTTONS ===== */
.btn{display:inline-flex; align-items:center; justify-content:center; padding:11px 14px; border-radius:10px; border:1px solid var(--border); font-weight:700;}
.btn-primary{background:var(--primary); border-color:var(--primary); color:#fff;}
.btn-primary:hover{filter:brightness(.95);}
.btn-ghost{background:#fff;}
.btn-ghost:hover{background:rgba(31,111,178,.06);}
.btn-light{background:#fff; color:var(--primary); border-color:rgba(255,255,255,.55);}
.btn-light:hover{background:rgba(255,255,255,.90);}
/* ===== GRIDS ===== */
.grid-3{display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;}
.grid-4{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}
/* ===== CARDS ===== */
.card{border:1px solid var(--border); border-radius:14px; padding:16px; background:#fff;}
.card-title{font-family:var(--font-head); font-size:18px; margin-bottom:8px;}
.card-text{color:var(--muted); line-height:1.6;}
.tag{display:inline-flex; font-size:12px; font-weight:700; padding:6px 10px; border-radius:999px; background:rgba(31,111,178,.10); color:var(--primary); margin-bottom:10px;}
/* ===== CATEGORY TILES ===== */
.cat{border:1px solid var(--border); border-radius:16px; padding:16px; background:#fff; transition:transform .12s ease, box-shadow .12s ease;}
.cat:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.08); text-decoration:none;}
.cat-badge{width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:rgba(111,191,115,.14); margin-bottom:10px;}
.cat-name{font-family:var(--font-head); font-weight:800;}
.cat-sub{color:var(--muted); margin-top:4px; font-size:14px;}


/* ===== MINI CONTACT ===== */
.mini-contact{border:1px solid var(--border); border-radius:18px; padding:18px; background:#fff; display:grid; grid-template-columns:1.2fr .8fr; gap:16px;}
.mini-item{display:block; padding:10px 12px; border-radius:12px; border:1px solid var(--border); margin-bottom:10px; color:var(--text);}
.mini-item:hover{background:rgba(31,111,178,.06); text-decoration:none;}
/* ===== RESPONSIVE ===== */
@media (max-width: 980px){
  .hero{grid-template-columns:1fr;}
  .hero-title{font-size:30px;}
  .grid-4{grid-template-columns:repeat(2, 1fr);}
  .grid-3{grid-template-columns:1fr;}
  .band-inner{flex-direction:column; align-items:flex-start;}
  .mini-contact{grid-template-columns:1fr;}
}
/* ===== Tek sayfa içinde "sayfa" geçişi ===== */
.page{display:none;}
.page.active{display:block;}
product-group[hidden]{display:none !important;}
.grid-2{display:grid; grid-template-columns:1.1fr .9fr; gap:16px;}
@media (max-width: 900px){
  .grid-2{grid-template-columns:1fr;}
}
.contact-list{display:flex; flex-direction:column; gap:12px; margin-top:10px;}
.contact-item{display:flex; gap:12px; align-items:flex-start;}
.contact-ico{font-size:20px; line-height:1; margin-top:2px;}
.contact-label{font-weight:700;}
.contact-text a{text-decoration:none;}
.contact-form{display:flex; flex-direction:column; gap:12px; margin-top:10px;}
.form-row{display:flex; flex-direction:column; gap:6px;}
.form-label{font-weight:700;}
.form-input, .form-textarea{width:100%; border:1px solid var(--border); border-radius:12px; padding:10px 12px; font:inherit;}
.form-note{margin-top:8px; opacity:.75; font-size:14px;}
.map-wrap{width:100%;}
.map-placeholder{border:1px dashed var(--border); border-radius:16px; padding:24px; text-align:center; opacity:.75;}
.contact-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px;}
.btn-whatsapp{background:#25D366; color:#fff; border:none;}
.map-wrap{width:100%; overflow:hidden; border-radius:16px;}
.map-wrap iframe{display:block;}
.page img{width:200px; margin:10px;}
.section{scroll-margin-top:90px;}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:16px;}
.nav-left, .nav-right{display:flex; gap:18px; min-width:220px;}
.brand-center{flex:1; display:flex; justify-content:center;}
.brand-logo{height:130px; width:auto;}
@media (max-width:900px){
  .nav-left, .nav-right{display:none;}
  .brand-center{justify-content:flex-start;}
}
.burger{display:none;}
@media (max-width: 900px){
  .burger{display:inline-flex;}
}
/* HEADER LAYOUT */
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:16px;}
.nav-left, .nav-right{display:flex; align-items:center; gap:18px; min-width:240px;}
.brand-center{flex:1; display:flex; justify-content:center; text-decoration:none;}
.brand-logo{height:80px; width:auto; display:block;}
/* DROPDOWN */
.nav-item{position:relative;}
.has-dropdown .dropdown{position:absolute; top:calc(100% + 10px); left:0; min-width:220px; background:#fff; border:1px solid var(--border); border-radius:14px; padding:8px; box-shadow:0 12px 30px rgba(0,0,0,.08); display:none; z-index:2000;}
.has-dropdown:hover .dropdown{display:block;}
.dropdown-link{display:block; padding:10px 10px; border-radius:10px; text-decoration:none; color:inherit;}
.dropdown-link:hover{background:rgba(0,0,0,.05);}
.burger{display:none;}
@media (max-width: 900px){
  .nav-left, .nav-right{display:none;}
  .burger{display:inline-flex;}
  .brand-center{justify-content:flex-start;}
}
.site-header{background:rgba(255,255,255,0.9); backdrop-filter:blur(8px);}
.site-header{background:#f9fafb;}
body{background-color:#eef0f3;}
.product-list{margin-top:12px; padding-left:18px;}
.product-list li{margin-bottom:8px; line-height:1.6;}
.product-subtitle{margin-top:14px; margin-bottom:6px; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.4px;}
.product-list{padding-left:18px; margin-bottom:10px;}
.product-list li{margin-bottom:8px; line-height:1.6;}
.product-subtitle{color:#374151;}
.grid-2{display:grid; grid-template-columns:repeat(2, 1fr); gap:24px;}
@media (max-width: 900px){
  .grid-2{grid-template-columns:1fr;}
}
.grid-products{display:grid; grid-template-columns:repeat(2, 1fr); gap:28px;}
@media (max-width: 768px){
  .grid-products{grid-template-columns:1fr;}
}
.section-desc{margin-top:6px; margin-bottom:16px; opacity:.8;}
.photo-only-grid{margin-top:16px;}
.photo-card{background:#fff; border-radius:16px; padding:12px; border:1px solid #e5e7eb; display:flex; align-items:center; justify-content:center;}
.photo-card img{max-width:100%; height:160px; object-fit:contain;}
.grid-3{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
@media (max-width: 1100px){
  .grid-3{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width: 700px){
  .grid-3{grid-template-columns:1fr;}
}
.photo-card:hover{transform:translateY(-3px); box-shadow:0 10px 25px rgba(0,0,0,.08); transition:.25s;}
.product-card img{transition:transform .3s ease;}
.product-card:hover img{transform:scale(1.05);}
.photo-card{transition:transform .25s ease, box-shadow .25s ease;}
.photo-card:hover{transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,0,0,.12);}
.product-card{transition:transform .25s ease, box-shadow .25s ease;}
.product-card:hover{transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,0,0,.1);}
.product-card img{transition:transform .3s ease;}
.product-card:hover img{transform:scale(1.05);}
@media (prefers-reduced-motion: reduce){
  a, button, .card, .photo-card, .media-item, .nav-link, .dropdown-link, .btn{transition:none !important;}
  .card:hover, .photo-card:hover, .media-item:hover, .btn:hover, .nav-link:hover{transform:none !important; box-shadow:none !important;}
}
a, button, .card, .photo-card, .media-item, .nav-link, .dropdown-link{transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;}
a:hover{opacity:.9;}
.dropdown-link:hover{background:rgba(0,0,0,.06);}
.nav-link:hover{text-decoration:none; transform:translateY(-1px);}
.card:hover{transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,0,0,.10);}
body.no-scroll{overflow:hidden;}
.mobile-panel.is-open{transform:translateX(0);}
body.no-scroll{overflow:hidden;}
.mobile-panel{transform:translateX(-105%); transition:transform .25s ease;}
.mobile-panel.open{transform:translateX(0);}
.mobile-panel{transform:translateX(-105%); transition:transform .45s cubic-bezier(.4, 0, .2, 1);}
.mobile-panel.open{transform:translateX(0);}
.m-overlay, .overlay{transition:opacity .35s ease;}
/* ACCORDION SLIDE ANIMATION */
.accordion-panel{max-height:0; overflow:hidden; transition:max-height .45s cubic-bezier(.4,0,.2,1), opacity .3s ease; opacity:0;}
.accordion-panel.is-open{max-height:500px; opacity:1;}
.acc-icon{transition:transform .3s ease;}
.accordion-panel.is-open + acc-icon, .accordion-trigger.active acc-icon{transform:rotate(180deg);}
.accordion-trigger{font:inherit; color:inherit; background:transparent; border:0; padding:12px 12px; width:100%; text-align:left; cursor:pointer;}
.mobile-link, .mobile-sublink{color:inherit; font:inherit;}
.acc-icon{transition:transform .25s ease;}
.accordion-trigger.active .acc-icon{transform:rotate(180deg);}
.mobile-panel{width:72%; max-width:280px;}
.mobile-nav{padding:8px;}
.mobile-link, .accordion-trigger{display:flex; align-items:center; justify-content:space-between; width:100%; padding:14px 14px; border-radius:14px; font:inherit; color:inherit;}
.mobile-cta{background:transparent !important; border:1px solid rgba(0,0,0,.12); color:inherit !important;}
.mobile-cta{border:1px solid rgba(0,0,0,.12);}
.accordion-panel{max-height:0; overflow:hidden; padding:0; margin:0; border:0; opacity:0; transition:max-height .45s ease, opacity .3s ease;}
.accordion-panel.is-open{max-height:500px; opacity:1; margin-top:6px;}
.accordion-trigger, .mobile-link{margin-bottom:6px;}
@media (max-width: 768px){
  .grid-gubre{grid-template-columns:repeat(2, 1fr);}
}
.nav-link.active{font-weight:600;}
.whatsapp-float{position:fixed; bottom:22px; right:22px; width:50px; height:50px; background:#e4e8e6; border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:9999; box-shadow:0 10px 25px rgba(0,0,0,.25); transition:transform .2s ease, box-shadow .2s ease;}
.whatsapp-float img{width:32px; height:32px;}
.whatsapp-float:hover{transform:scale(1.08); box-shadow:0 14px 35px rgba(0,0,0,.35);}
.whatsapp-float:active{transform:scale(0.95);}
@media (max-width: 768px){
  .whatsapp-float{bottom:60px;}
}
.media-video{width:100%; height:auto; border-radius:14px; display:block; background:#000;}
.two-images{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin:10px 0;}
.two-images img{width:100%; height:140px; object-fit:contain; background:#fff; border-radius:12px; padding:6px; border:1px solid #e5e7eb;}
@media (max-width: 600px){
  .two-images{grid-template-columns:1fr;}
}
/* PHOTO CARD RESET – METİN DAĞILMASINI DÜZELTİR */
.photo-card{display:flex; flex-direction:column; align-items:stretch; text-align:left;}
.photo-card .card-title{margin-top:10px; margin-bottom:6px;}
.photo-card .card-text{margin:0 0 8px; line-height:1.6;}
.photo-card .two-images{order:-1;}
.two-images{gap:12px; margin-bottom:14px;}
.two-images img{width:100%; height:160px; object-fit:cover; border-radius:18px; border:none; background:transparent; box-shadow:0 12px 28px rgba(0,0,0,.12);}
@media (max-width: 768px){
  .two-images img{height:140px;}
}
.img-modal{position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center;}
.img-modal[hidden]{display:none;}
.img-modal-backdrop{position:absolute; inset:0; background:rgba(0,0,0,.85);}
.img-modal img{position:relative; max-width:92vw; max-height:88vh; object-fit:contain; border-radius:18px; box-shadow:0 20px 60px rgba(0,0,0,.6);}
.photo-card > img{width:100%; height:160px; object-fit:cover; border-radius:18px; box-shadow:0 12px 28px rgba(0,0,0,.12);}
@media (max-width: 768px){
  .photo-card > img{height:140px;}
}
.photo-card.peynir > img{object-fit:contain; background:#f7f7f7;}
.photo-card img{transition:transform .35s ease;}
.photo-card:hover img{transform:scale(1.04);}
@media (hover: none){
  .photo-card:hover{transform:none; box-shadow:0 12px 28px rgba(0,0,0,.12);}
  .photo-card:hover img{transform:none;}
}
.grid-gubre{gap:24px;}
.grid-gubre .photo-card{background:#fff; border-radius:18px; padding:18px; box-shadow:0 8px 24px rgba(0,0,0,0.06);}
.grid-gubre .photo-card img{width:100%; height:auto; object-fit:contain; border-radius:12px; display:block;}
@media (max-width: 768px){
  .grid-gubre{grid-template-columns:repeat(2, 1fr);}
}
.grid-gubre .photo-card{transition:transform .25s ease, box-shadow .25s ease;}
.grid-gubre .photo-card:hover{transform:translateY(-4px); box-shadow:0 14px 36px rgba(0,0,0,0.12);}
.grid-gubre .photo-card img{max-width:70%; margin:0 auto;}
.photo-card .two-images{display:flex; justify-content:center; align-items:center; gap:16px; margin-bottom:16px;}
.photo-card .two-images img{width:48%; border-radius:16px; object-fit:cover; display:block;}
@media (max-width: 600px){
  .photo-card .two-images img{width:46%;}
}
.photo-card .two-images img{transition:transform .25s ease;}
.photo-card:hover .two-images img{transform:scale(1.02);}
/* ===== FOTO FULLSCREEN ===== */
.img-modal{position:fixed; inset:0; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; z-index:9999;}
.img-modal img{max-width:92%; max-height:92%; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,0.6); cursor:zoom-out;}
.photo-card img, .two-images img{cursor:zoom-in;}
.no-scroll{overflow:hidden;}
.grid-2{display:grid; grid-template-columns:repeat(2, 1fr); gap:22px;}
@media (max-width: 860px){
  .grid-2{grid-template-columns:1fr;}
}
.section-lead{margin:8px 0 18px; color:rgba(0,0,0,.65); line-height:1.6;}
.two-images{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:14px;}
.two-images img{width:100%; height:190px; object-fit:cover; border-radius:18px; display:block; cursor:zoom-in;}
.product-card{transition:transform .22s ease, box-shadow .22s ease; will-change:transform;}
.product-card:hover{transform:translateY(-3px); box-shadow:0 18px 40px rgba(0,0,0,.12);}
.product-card:active{transform:scale(.99);}
.readmore{margin-top:8px;}
.readmore-content{max-height:0; overflow:hidden; transition:max-height .35s ease;}
.readmore.is-open .readmore-content{max-height:900px;}
.readmore-btn{margin-top:10px; border:1px solid rgba(0,0,0,.12); background:#fff; border-radius:12px; padding:10px 12px; font-weight:700; cursor:pointer;}
/* ===== SLIDER ===== */
.home-slider{padding:18px 0 28px;}
.slider{position:relative; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 18px 40px rgba(0,0,0,.10);}
.slides{position:relative; height:clamp(220px, 38vw, 520px);}
.slide{position:absolute; inset:0; opacity:0; transform:scale(1.02); transition:opacity .45s ease, transform .45s ease;}
.slide.is-active{opacity:1; transform:scale(1); z-index:1;}
.slide img{width:100%; height:100%; object-fit:cover; display:block;}
.slider-btn{position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:999px; border:0; background:rgba(255,255,255,.85); cursor:pointer; font-size:26px; line-height:42px; display:grid; place-items:center; box-shadow:0 10px 18px rgba(0,0,0,.15); transition:transform .2s ease, background .2s ease; z-index:2;}
.slider-btn:hover{background:rgba(255,255,255,.95); transform:translateY(-50%) scale(1.04);}
.slider-btn.prev{left:12px;}
.slider-btn.next{right:12px;}
.dots{position:absolute; left:0; right:0; bottom:10px; display:flex; gap:8px; justify-content:center; z-index:2;}
.dot{width:9px; height:9px; border-radius:999px; border:0; background:rgba(255,255,255,.65); cursor:pointer; transition:transform .2s ease, width .2s ease, background .2s ease;}
.dot.is-active{width:26px; background:rgba(255,255,255,.95);}
.slider{border-radius:22px; overflow:hidden;}
.slides{position:relative; width:100%; height:360px;}
.slide{position:absolute; inset:0; opacity:0; transition:opacity .4s ease;}
.slide.is-active{opacity:1; z-index:1;}
/* FOTOĞRAF KUTUYU DOLDURSUN */
.slide img{width:100%; height:100%; object-fit:cover; display:block;}
.slider{border-radius:22px; overflow:hidden;}
.slides{position:relative; width:100%; height:360px;}
.slide{position:absolute; inset:0; opacity:0; transition:opacity .4s ease;}
.slide.is-active{opacity:1; z-index:1;}
/* FOTOĞRAF KUTUYU DOLDURSUN */
.slide img{width:100%; height:100%; object-fit:cover; display:block;}
.slide a{display:block; width:100%; height:100%;}
/* ===== SLIDER ===== */
.home-slider{padding:18px 0 28px;}
.slider{position:relative; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 18px 40px rgba(0,0,0,.10);}
.slides{position:relative; height:clamp(220px, 38vw, 520px);}
.slide{position:absolute; inset:0; opacity:0; transform:scale(1.02); transition:opacity .45s ease, transform .45s ease;}
.slide.is-active{opacity:1; transform:scale(1); z-index:1;}
.slide img{width:100%; height:100%; object-fit:cover; display:block;}
.slider-btn{position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:999px; border:0; background:rgba(255,255,255,.85); cursor:pointer; font-size:26px; line-height:42px; display:grid; place-items:center; box-shadow:0 10px 18px rgba(0,0,0,.15); transition:transform .2s ease, background .2s ease; z-index:2;}
.slider-btn:hover{background:rgba(255,255,255,.95); transform:translateY(-50%) scale(1.04);}
.slider-btn.prev{left:12px;}
.slider-btn.next{right:12px;}
.dots{position:absolute; left:0; right:0; bottom:10px; display:flex; gap:8px; justify-content:center; z-index:2;}
.dot{width:9px; height:9px; border-radius:999px; border:0; background:rgba(255,255,255,.65); cursor:pointer; transition:transform .2s ease, width .2s ease, background .2s ease;}
.dot.is-active{width:26px; background:rgba(255,255,255,.95);}
.slides{height:clamp(260px, 34vw, 420px);}
.slider, .slides, .slide{padding:0;}
.slide img{width:100%; height:100%; object-fit:cover; display:block;}
.slide img{margin:0; padding:0; border:0;}
/* ===== MEDYA GALERİ ===== */
.page-media .media-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; margin-top:14px;}
@media (max-width: 1024px){
  .media-grid{grid-template-columns:repeat(3, 1fr);}
}
@media (max-width: 700px){
  .media-grid{grid-template-columns:repeat(2, 1fr);}
}
.page-media .media-item{border:0; padding:0; background:#fff; border-radius:18px; overflow:hidden; cursor:zoom-in; box-shadow:0 14px 30px rgba(0,0,0,.08); transition:transform .22s ease, box-shadow .22s ease; aspect-ratio:1 / 1;}
.page-media .media-item:hover{transform:translateY(-3px); box-shadow:0 18px 42px rgba(0,0,0,.12);}
.page-media .media-item:active{transform:scale(.99);}
.page-media .media-item img{width:100%; height:100%; object-fit:cover; display:block;}
.page-media .media-item img{margin:0; padding:0; border:0;}
/* ===== FOTO FULLSCREEN MODAL (imgModal) ===== */
.img-modal[hidden]{display:none !important;}
.img-modal{position:fixed; inset:0; background:rgba(0,0,0,.75); display:grid; place-items:center; z-index:9999; padding:18px;}
#imgModalContent{max-width:min(1100px, 96vw); max-height:86vh; border-radius:18px; object-fit:contain; background:#111;}
/* =========================
   YEMLER – PRODUCT CARD
   ========================= */
.product-group[data-cat="yem"] .product-card{background:#fff; border-radius:20px; padding:20px; box-shadow:0 16px 36px rgba(0,0,0,.08);}
.product-group[data-cat="yem"] img{width:100%; height:180px; object-fit:cover; border-radius:16px; cursor:zoom-in; transition:transform .35s ease;}
.product-group[data-cat="yem"] img:hover{transform:scale(1.08);}
.product-group[data-cat="yem"] img:active{transform:scale(1.12);}
/* =========================
   YEM FOTOĞRAF SABİTLEME
   ========================= */
.product-group[data-cat="yem"] .media-grid{width:100%; height:160px; border-radius:16px; overflow:hidden;}
.product-group[data-cat="yem"] .media-grid img{width:100%; height:100%; object-fit:contain; display:block; transition:transform .35s ease; cursor:zoom-in;}
.product-group[data-cat="yem"] .media-grid img:hover{transform:scale(1.08);}
.product-group[data-cat="yem"] .media-grid img:active{transform:scale(1.12);}
/* =========================
   YEM GALERİ (SADECE YEM)
   ========================= */
.product-group[data-cat="yem"] .yem-gallery{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; align-items:center; justify-items:center; background:#f6f7f9; border-radius:16px; padding:12px; margin:12px 0 10px;}
.product-group[data-cat="yem"] .yem-gallery .media-item{width:100%; height:120px; margin:0; border-radius:14px; overflow:hidden; background:#fff; display:flex; align-items:center; justify-content:center;}
.product-group[data-cat="yem"] .yem-gallery img{width:100%; height:100%; object-fit:contain; display:block;}
@media (max-width: 640px){
  .product-group[data-cat="yem"] .yem-gallery{grid-template-columns:repeat(2, 1fr);}
  .product-group[data-cat="yem"] .yem-gallery .media-item{height:130px;}
}
/* ===== YEM KARTLARI (UN KARTI STİLİNDE) ===== */
.feed-card{background:#fff; border-radius:18px; padding:16px; box-shadow:0 10px 25px rgba(0,0,0,.06); border:1px solid rgba(0,0,0,.06); transition:transform .2s ease, box-shadow .2s ease;}
.feed-card:hover{transform:translateY(-2px); box-shadow:0 16px 35px rgba(0,0,0,.10);}
.feed-media{background:#f4f6f8; border-radius:16px; padding:12px;}
.feed-media img{width:100%; height:220px; display:block; border-radius:14px; object-fit:cover; background:#fff;}
.feed-title{margin:14px 0 6px; font-size:22px;}
.feed-desc{margin:0 0 14px; color:#666; line-height:1.5;}
.feed-more{border:1px solid rgba(0,0,0,.14); background:#fff; border-radius:14px; padding:10px 14px; font-weight:700; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease;}
.feed-more:hover{transform:translateY(-1px); box-shadow:0 10px 20px rgba(0,0,0,.08);}
.feed-detail{margin-top:14px;}
@media (max-width: 640px){
  .feed-media img{height:180px;}
}
.feed-media{width:90%; height:190px; background:#f3f4f6; border-radius:16px; overflow:hidden; display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.feed-media img{width:100%; height:100%; object-fit:cover;}
.feed-card{background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,.1); display:flex; flex-direction:column;}
.feed-image{width:100%; height:220px; overflow:hidden;}
.feed-image img{width:100%; height:100%; object-fit:cover;}
.feed-content{padding:16px;}
.feed-header{display:flex; justify-content:space-between; align-items:center;}
.feed-header h3{margin:0; font-size:18px;}
.feed-header span{font-size:13px; color:#777;}
.toggle-btn{border:none; background:#0aa; color:#fff; border-radius:50%; width:34px; height:34px; cursor:pointer; font-size:18px;}
.feed-details{display:none; margin-top:12px;}
.feed-card.active .feed-details{display:block;}
.detail-btn{margin-top:12px; padding:10px 16px; background:rgba(0, 149, 84); color:#fff; border:none; border-radius:6px; cursor:pointer;}
.toggle-btn{width:36px; height:36px; border-radius:50%; background:rgba(0, 149, 84); border:none; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.toggle-btn svg{width:20px; height:20px; fill:none; stroke:#fff; stroke-width:2.5; transition:transform .3s ease;}
.feed-card.active .toggle-btn svg{transform:rotate(180deg);}
.photo-lightbox{position:fixed; inset:0; background:rgba(0,0,0,.85); display:none; align-items:center; justify-content:center; z-index:9999; padding:20px;}
.photo-lightbox.active{display:flex;}
.photo-lightbox img{max-width:92vw; max-height:92vh; border-radius:10px;}
/* === GÜBRE PRODUCT CARD === */
.grid-gubre .photo-card{background:#fff; border-radius:18px; padding:16px; box-shadow:0 8px 24px rgba(0,0,0,.08); display:flex; align-items:center; justify-content:center;}
/* === GÜBRE FOTOĞRAF === */
.grid-gubre .photo-card img{width:100%; height:150%; object-fit:contain; display:block; border-radius:14px; max-width:none !important; margin:0;}
.grid-gubre .photo-card{transition:transform .25s ease, box-shadow .25s ease;}
.grid-gubre .photo-card:hover{transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,.14);}
.map-embed{width:100%; height:360px; border:0; border-radius:16px;}
.map-wrap{margin-top:12px; border-radius:18px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.08); background:#fff;}
.map-wrap iframe{width:100%; height:360px; border:0; display:block;}
@media (max-width: 768px){
  .map-wrap iframe{height:300px;}
}
.cat-section{max-width:1200px; margin:0 auto; padding:28px 18px;}
.cat-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:14px;}
.cat-head h2{margin:0; font-size:28px; letter-spacing:-0.02em;}
.cat-all{font-weight:700; text-decoration:none; color:#453535;}
.cat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
@media (max-width:1100px){
  .cat-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  .cat-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .cat-grid{grid-template-columns:1fr;}
}
.cat-card{position:relative; overflow:hidden; border-radius:16px; background:#fff; border:1px solid #e5e7eb; text-decoration:none; color:#111827; min-height:220px; box-shadow:0 10px 30px rgba(0,0,0,0.05); transition:.25s ease;}
.cat-media{position:absolute; inset:0; overflow:hidden;}
.cat-media img{width:100%; height:100%; object-fit:cover; transform:scale(1); transition:transform .35s ease, filter .35s ease;}
.cat-media::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.00) 45%, rgba(0,0,0,0.08) 100% );}
.cat-body{position:absolute; left:0; right:0; bottom:0; padding:16px; z-index:2; background:rgba(255,255,255,0.92); backdrop-filter:blur(6px);}
.cat-body h3{margin:0 0 6px; font-size:18px; font-weight:800;}
.cat-body p{margin:0; font-size:14px; line-height:1.35; color:#4c5d67;}
.cat-cta{display:inline-block; margin-top:10px; font-weight:800; font-size:14px; color:var(--accent, #111);}
.cat-card:hover{transform:translateY(-6px); box-shadow:0 18px 45px rgba(0,0,0,0.1);}
.cat-card:hover img{transform:scale(1.06); filter:saturate(1.05) contrast(1.02);}
.cat-card{--accent:attr(data-accent color);}
.cat-media img{filter:saturate(1.12) contrast(1.05);}
.cat-card:hover .cat-media img{filter:saturate(1.18) contrast(1.08);}
.cat-media{position:relative; height:48%; overflow:hidden;}
.cat-card{display:flex; flex-direction:column;}
.cat-body{position:relative; padding:16px 18px 18px; background:#fff;}
.cat-media::after{display:none;}
.cat-card{display:flex; flex-direction:column; border-radius:16px; overflow:hidden;}
.cat-media{height:48%; overflow:hidden;}
.cat-media img{width:100%; height:100%; object-fit:cover; transition:transform .35s ease;}
.cat-body{padding:16px 18px 18px; background:#fff;}
.cat-card:hover img{transform:scale(1.06);}
.cat-media{height:180px;}
.cat-card{min-height:320px;}
.cat-cta{font-weight:700; text-decoration:none;}
.cat-card:hover .cat-cta{text-decoration:underline;}
.cat-cta{display:inline-flex; padding:8px 10px; border-radius:10px; background:rgba(34,197,94,0.12); font-weight:700;}
.cat-body{display:flex; flex-direction:column; gap:8px; height:calc(100% - 150px);}
.cat-cta{margin-top:auto;}
.cat-card--wide{grid-column:span 2;}
.cat-grid{grid-template-columns:repeat(3, 1fr);}
.cat-media{margin:8px; border-radius:12px;}
.cat-media{border-radius:28px 28px 14px 14px / 22px 22px 10px 10px; overflow:hidden;}
.cat-media{margin:14px 14px 0; height:140px; border-radius:28px 28px 18px 18px / 22px 22px 14px 14px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.cat-media img{width:100%; height:100%; object-fit:cover; object-position:center;}
.cat-grid{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));}
.cat-grid{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:24px;}
.cat-card{width:100%;}