/* --- GENEL RESET VE ROOT --- */
:root {
  --primary-color: #4CAF50;
  --primary-dark: #388E3C;
  --text-color: #333;
  --bg-light: #f9f9f9;
  --header-height: 70px;
}
* { margin: 0!important; padding: 0!important; box-sizing: border-box!important; font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif!important; }
body { font-size: 16px!important; line-height:1.6!important; color:var(--text-color)!important; background:#fff!important; }
a { text-decoration: none!important; color: inherit!important; }
ul { list-style: none!important; }
img { max-width: 100%!important; height: auto!important; display: block!important; }

/* --- CONTAINER --- */
.container { width:100%!important; max-width:1200px!important; margin:0 auto!important; padding:0 15px!important; }

/* --- HEADER & MENÜ --- */
header {
  position: fixed!important;
  top: 0!important; left: 0!important; width: 100%!important;
  z-index: 2000!important; padding: 0!important;
  background: rgba(255,255,255,0.98)!important;
  height: var(--header-height)!important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06)!important;
  transition: transform 0.3s cubic-bezier(.55,.12,.48,.97)!important;
}
.header-container { width:100%!important; display:flex!important; align-items:center!important; justify-content:space-between!important; height:var(--header-height)!important; padding:0 10px!important; }
.logo-container { padding: 0!important; margin:0!important; height:100%!important; display: flex!important; align-items: center!important;}
.logo { height:50px!important; width:auto!important; max-width:130px!important; }
.menu {
  display: flex!important; align-items: center!important; flex-wrap: wrap!important;
  background: transparent!important; padding: 0!important; margin:0!important; height:100%!important;
}
.menu li { margin: 0 8px!important; }
.menu a {
  color: #222!important; font-weight:600!important; font-size:17px!important;
  padding: 5px 3px!important; border-radius:4px!important; position:relative!important; transition:color .2s!important;
  background: none!important;
}
.menu a::after { content:''!important; display:block!important; margin:auto!important;
  width:0!important; height:2px!important; background:var(--primary-color)!important; transition:.3s!important;}
.menu a:hover::after, .menu a.active::after { width:100%!important;}
.menu a:hover, .menu a.active { color:var(--primary-color)!important; }

/* --- HERO SLIDER --- */
.hero-slider { position:relative!important; height:50vh!important; min-height:300px!important; margin-top:var(--header-height)!important; }
@media (min-width:768px){.hero-slider{height:75vh!important;}}
.slides-container,.slide { width:100%!important; height:100%!important; }
.slide { position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-size:cover!important;background-position:center!important;opacity:0!important;transition:opacity 1s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.slide.active { opacity:1!important; z-index:1!important;}
.slide-content { text-align:left!important; color:#fff!important; padding:10px 5vw!important; max-width:600px!important; text-shadow:2px 2px 5px rgba(0,0,0,0.4)!important;}
.slide-content h1 { font-size:clamp(1.4rem, 5vw, 2.3rem)!important; font-weight:700!important; margin-bottom:10px!important;}
.slide-content h2 { font-size:clamp(1rem, 3vw, 1.5rem)!important; font-weight:500!important; margin-bottom:6px!important;}
.slide-nav {position:absolute!important;top:50%!important;width:100%!important;display:flex!important;justify-content:space-between!important;padding:0 12px!important;z-index:10!important;}
.prev-btn, .next-btn { background:rgba(0,0,0,.25)!important; color:#fff!important; border:none!important; width:38px!important; height:38px!important; border-radius:50%!important; font-size:18px!important; cursor:pointer!important; display:flex!important;align-items:center!important;justify-content:center!important;}

/* --- CATEGORY ICONS --- */
.category-icons { display:flex!important; flex-wrap:wrap!important; justify-content:center!important; padding:20px 0!important; background:#fff!important; position:static!important; box-shadow:none!important; border-radius:0!important; width:100%!important;}
.icon-container { flex:1 0 44%!important; max-width:110px!important; min-width:95px!important; padding:10px!important; text-align:center!important; margin:0 5px!important;}
.icon { width:54px!important; height:54px!important; border-radius:50%!important; display:flex!important;align-items:center!important;justify-content:center!important;font-size:21px!important;margin-bottom:7px!important;}
.icon.green {background:#4CAF50!important;} .icon.blue {background:#2196F3!important;} .icon.red {background:#F44336!important;} .icon.orange {background:#FF9800!important;}
.category-icon span {font-size:13px!important; font-weight:600!important; color:#333!important;}

/* --- ABOUT BRIEF --- */
.about-brief {padding:32px 0!important;background:var(--bg-light)!important;margin-top:0!important;}
.about-brief .container {display:flex!important;flex-direction:column!important;gap:18px!important;}
@media (min-width:700px){.about-brief .container{flex-direction:row!important;gap:30px!important;}}
.about-content h2 {font-size:22px!important;margin-bottom:10px!important;}
.about-content p {font-size:15px!important;}
.about-image img {border-radius:10px!important;box-shadow:0 4px 12px rgba(0,0,0,0.08)!important;max-width:220px!important;}

/* --- PRODUCT CATEGORIES --- */
.product-categories {padding:35px 0!important;}
.categories-grid {display:grid!important;grid-template-columns:1fr!important;gap:18px!important;}
@media (min-width:700px){.categories-grid{grid-template-columns:repeat(2,1fr)!important;}}
@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr)!important;}}
.category-card {border-radius:9px!important;overflow:hidden!important;box-shadow:0 2px 9px rgba(0,0,0,0.09)!important;transition:.3s!important;}
.category-card:hover {transform:translateY(-7px)!important;box-shadow:0 8px 26px rgba(0,0,0,0.12)!important;}
.product-categories .category-image {height:150px!important;overflow:hidden!important;}
.product-categories .category-image img {width:100%!important;height:100%!important;object-fit:cover!important;transition:.4s!important;}
.product-categories .category-card:hover .category-image img {transform:scale(1.07)!important;}
.category-info {padding:13px!important;background:#fff!important;}
.category-info h3 {font-size:17px!important;margin-bottom:8px!important;}
.category-info p {font-size:14px!important;margin-bottom:8px!important;}
.category-info .btn-small {padding:6px 12px!important;font-size:12px!important;}

/* --- FOOTER --- */
footer {background:#333!important;color:#eee!important;padding:24px 0 12px!important;font-size:13px!important;}
.footer-content {display:flex!important;flex-direction:column!important;gap:10px!important;}
@media (min-width:700px){.footer-content{flex-direction:row!important;gap:30px!important;}}
.footer-about,.footer-links,.footer-contact,.footer-newsletter{flex:1!important;min-width:120px!important;}
.footer-logo{height:45px!important;margin-bottom:10px!important;}
.footer-about p,.footer-contact p{color:#bbb!important;}
.footer-links h3,.footer-contact h3,.footer-newsletter h3{color:var(--primary-color)!important;font-size:14px!important;margin-bottom:12px!important;}
.footer-links h3::after,.footer-contact h3::after,.footer-newsletter h3::after{content:''!important;display:block!important;width:24px!important;height:2px!important;background:var(--primary-color)!important;margin-top:2px!important;}
.footer-links ul li{margin-bottom:7px!important;}
.footer-links a:hover{color:var(--primary-color)!important;}
.newsletter-form{display:flex!important;gap:6px!important;}
.newsletter-form input[type=\"email\"]{flex:1!important;padding:7px!important;border:none!important;border-radius:5px!important;}
.newsletter-form button{padding:7px 12px!important;background:var(--primary-color)!important;color:#fff!important;border:none!important;border-radius:5px!important;cursor:pointer!important;}
.footer-bottom{text-align:center!important;margin-top:14px!important;padding-top:7px!important;border-top:1px solid #444!important;color:#bbb!important;}

/* --- WHATSAPP BUTTON --- */
.whatsapp-button{position:fixed!important;bottom:18px!important;right:18px!important;background:#25D366!important;color:#fff!important;width:48px!important;height:48px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:21px!important;box-shadow:0 1px 6px rgba(0,0,0,0.18)!important;z-index:2002!important;}

/* --- RESPONSIVE HEADER MENU TOGGLE --- */
@media (max-width: 700px){
  .menu {flex-direction:column!important;width:100%!important;align-items:flex-start!important;}
  .header-container {flex-direction:row!important;}
  .logo {height:38px!important;}
  .icon-container {flex-basis:46%!important;max-width:140px!important;}
}