:root{
  --main-blue:#0055a5;
  --light-blue:#f3f6fb;
  --ink:#0c1b2a;
}
*{box-sizing:border-box}
html,body{margin:0;font-family:'Poppins',sans-serif;color:#1f2937;background:var(--light-blue)}
a{color:inherit}

/* ===== HEADER ===== */
header{
  position:sticky;top:0;z-index:1000;background:var(--main-blue);
  box-shadow:0 2px 10px rgba(0,0,0,.08)
}
.header-inner{display:flex;align-items:center;gap:18px;padding:12px 18px;max-width:1200px;margin:auto}
.logo img{height:56px}
.nav{margin-left:auto;display:flex;align-items:center;gap:18px}
.nav a{color:#fff;text-decoration:none;font-weight:500}
.nav a:hover{opacity:.9;text-decoration:underline}

/* Dropdown */
.dropdown{position:relative}
.dropdown-toggle{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:600}
.dropdown-menu{
  position:absolute;left:0;top:100%;min-width:240px;background:#fff;color:#111;border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);padding:10px;margin-top:12px;display:none
}
.dropdown:hover .dropdown-menu{display:grid}
.dropdown-menu{grid-template-columns:1fr 1fr;gap:6px}
.dropdown-menu a{
  padding:10px 12px;border-radius:8px;text-decoration:none;color:#0f172a;font-weight:500
}
.dropdown-menu a:hover{background:#eef5ff}

/* Hamburger + Drawer (mobile) */
.hamburger{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.drawer{
  position:fixed;inset:0 0 0 auto;width:320px;transform:translateX(100%);transition:transform .3s ease;
  background:#ffffff;z-index:1400;box-shadow:-10px 0 30px rgba(0,0,0,.15);padding:22px 18px;overflow-y:auto
}
.drawer.open{transform:translateX(0)}
.drawer h4{margin:6px 0 12px 0;color:var(--main-blue)}
.drawer a{display:block;padding:12px 10px;border-radius:8px;text-decoration:none;color:#0f172a;font-weight:500}
.drawer a:hover{background:#f0f4ff}
.drawer .drawer-sub{padding-left:6px}
.backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:saturate(120%) blur(2px);
  opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1300
}
.drawer {
  display: none; /* 🔥 sayfa ilk yüklemede tamamen gizli */
  position: fixed;
  inset: 0 0 0 auto;
  width: 320px;
  transform: translateX(100%);
  transition: transform .25s ease;
  background: #ffffff;
  z-index: 1400;
  box-shadow: -10px 0 30px rgba(0,0,0,.15);
  padding: 22px 18px;
  overflow-y: auto;
}
.drawer.open {
  display: block; /* 🔥 sadece açıkken görünür */
  transform: translateX(0);
}


.backdrop.show{opacity:1;pointer-events:auto}

/* ===== HERO ===== */
.hero{position:relative;height:60vh;min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero-content{position:relative;z-index:1;text-align:center;color:#fff;padding:0 16px}
.hero h1{font-size:40px;margin:0 0 10px}
.hero p{margin:0 0 16px}
.hero-btn{display:inline-block;background:#fff!important;color:var(--main-blue)!important;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid #fff}
.hero-btn{display:inline-block;background:#fff!important;color:var(--main-blue)!important;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid #fff}

/* ===== KATEGORİLER ===== */
.home-cats{padding:56px 18px;max-width:1200px;margin:auto}
.home-cats h2{text-align:center;font-size:30px;color:var(--main-blue);margin:0 0 22px;font-weight:800}
.cat-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px
}
.cat-card{
  background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.06);
  text-decoration:none;color:#111;font-weight:600;transition:transform .2s
}
.cat-card:hover{transform:translateY(-4px)}
.cat-card img{width:100%;height:180px;object-fit:cover}
.cat-card span{display:block;padding:14px 14px 16px}

/* ===== ABOUT ===== */
.about{padding:56px 18px;background:#fff}
.about h2{font-size:28px;color:var(--main-blue);text-align:center;margin:0 0 14px;font-weight:800}
.about p{max-width:900px;margin:0 auto 18px;line-height:1.7}
.about-features{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.about-features div{background:#f0f4ff;padding:10px 14px;border-radius:10px}

/* ===== WHY ===== */
.why{padding:56px 18px;max-width:1100px;margin:auto}
.why h2{font-size:28px;color:var(--main-blue);text-align:center;margin:0 0 20px}
.why-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.why-card{background:#fff;border-radius:12px;padding:20px;max-width:220px;box-shadow:0 3px 10px rgba(0,0,0,.08);text-align:center}
.why-card img{width:60px;margin-bottom:10px}
.why-card h3{color:var(--main-blue);margin:6px 0}

/* ===== WORLDWIDE SHIPPING (mevcut tasarım korunur) ===== */
.shipping{padding:56px 18px;text-align:center;background:#000814;color:#fff;position:relative}
.shipping h2{color:#00e0ff;margin-bottom:36px;font-size:28px}
.globe-container{position:relative;width:650px;max-width:95vw;height:650px;max-height:95vw;border-radius:50%;margin:auto;
  background:url("https://upload.wikimedia.org/wikipedia/commons/9/97/The_Earth_seen_from_Apollo_17.jpg") no-repeat center/cover;
  animation:pulse 6s ease-in-out infinite;box-shadow:0 0 40px rgba(0,200,255,.6), inset -20px -20px 40px rgba(0,0,0,.6)}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
.city{position:absolute;width:14px;height:14px;background:#ff3366;border-radius:50%;box-shadow:0 0 12px rgba(255,50,100,.9),0 0 25px rgba(255,50,100,.6)}
.city::after{content:attr(data-name);position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:12px;color:#fff;text-shadow:0 0 5px #000;white-space:nowrap}
.turkey{top:45%;left:54%}.germany{top:40%;left:50%}.uk{top:35%;left:46%}.france{top:42%;left:48%}.romania{top:42%;left:56%}
.usa{top:42%;left:25%}.canada{top:30%;left:22%}.brazil{top:65%;left:30%}.china{top:50%;left:68%}.japan{top:48%;left:74%}
.india{top:58%;left:60%}.australia{top:75%;left:72%}.italy{top:48%;left:51%}.spain{top:52%;left:47%}.russia{top:25%;left:62%}
.text-overlay{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);font-size:1.6rem;font-weight:800;color:#00e0ff;text-shadow:0 0 15px rgba(0,200,255,.9)}
.sun{position:absolute;top:8%;left:5%;width:90px;height:90px;background:radial-gradient(circle,#FFD700,#FF8C00);border-radius:50%;box-shadow:0 0 40px rgba(255,215,0,.9)}
.moon{position:absolute;top:12%;right:5%;width:74px;height:74px;background:radial-gradient(circle,#ddd,#999);border-radius:50%;box-shadow:0 0 30px rgba(200,200,200,.8)}

/* ===== FOOTER (dolu sürüm) ===== */
footer{background:#0d2236;color:#e6eef7;margin-top:44px}
.footer-wrap{max-width:1200px;margin:auto;padding:40px 18px}
.footer-grid{
  display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.6fr;gap:26px
}
.footer-brand .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.footer-brand img{height:34px}
.footer-brand p{line-height:1.7;margin:8px 0 0;color:#cfe0f3}

.footer-col h4{font-size:16px;margin:0 0 10px;color:#8fd3ff;letter-spacing:.3px}
.footer-list, .footer-contact{list-style:none;margin:0;padding:0;background:none!important;box-shadow:none!important}
.footer-list a{display:block;padding:8px 0;color:#e6eef7;text-decoration:none}
.footer-list a:hover{color:#8fd3ff;text-decoration:underline}

.footer-contact{list-style:none;margin:0;padding:0;background:none!important;box-shadow:none!important}
.footer-contact{list-style:none;margin:0;padding:0;background:none!important;box-shadow:none!important}
.footer-social{margin-top:12px;display:flex;gap:10px}
.footer-social a{
  width:36px;height:36px;border-radius:10px;background:#103250;display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:18px
}
.footer-social a:hover{background:#134062}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:14px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center
}
.footer-bottom a{color:#cfe0f3;text-decoration:none}
.footer-bottom a:hover{color:#8fd3ff;text-decoration:underline}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px){
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .hero h1{font-size:34px}
}
@media (max-width: 768px){
  .nav{display:none}
  .hamburger{display:block}
  .hero{height:46vh}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 460px){
  .cat-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}

/* Uçak animasyonu için responsive düzenleme */
.shipping svg {
  width: 100%;
  height: auto;
}

/* Mobilde footer ortalama */
@media (max-width: 768px) {
  .footer-col, 
  .footer-contact{list-style:none;margin:0;padding:0;background:none!important;box-shadow:none!important}
  .footer-social {
    justify-content: center;
  }
}


/* Ürün kart grid düzeni */
.cat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1024px){
  .cat-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .cat-grid { grid-template-columns: 1fr; }
}
.cat-card {
  background:#fff;
  border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
  text-decoration:none;
  color:#111;
  transition:transform 0.2s ease;
}
.cat-card:hover { transform:translateY(-4px); }
.cat-card img {
  width:100%;
  height:180px;
  object-fit:cover;
}
.cat-card span {
  display:block;
  padding:12px;
  font-weight:600;
}


/* Dropdown menü düzenleme */
.nav .dropdown {
  position: relative;
}
.nav .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  padding: 10px 0;
  min-width: 200px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  flex-direction: column;
  z-index: 9999;
}
.nav .dropdown-menu a {
  padding: 10px 16px;
  display: block;
  color: #111;
  text-decoration: none;
  white-space: nowrap;
}
.nav .dropdown:hover .dropdown-menu {
  display: block;
}


/* Sun & Moon responsive düzenleme */
.sun, .moon {
  width: 60px;
  height: 60px;
}
@media (max-width: 768px) {
  .sun, .moon {
    width: 30px;
    height: 30px;
    top: 10px;
  }
}

/* Fade-in animasyonlar */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease forwards;
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Kurumsal hover efekti */
button, .hero-btn{display:inline-block;background:#fff!important;color:var(--main-blue)!important;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid #fff}
button:hover, .hero-btn{display:inline-block;background:#fff!important;color:var(--main-blue)!important;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid #fff}



.city.netherlands { top: 40%; left: 48%; }
.city.belgium { top: 42%; left: 47%; }
.city.switzerland { top: 48%; left: 47%; }
.city.austria { top: 47%; left: 50%; }
.city.poland { top: 43%; left: 53%; }
.city.czechia { top: 45%; left: 51%; }
.city.hungary { top: 49%; left: 53%; }
.city.norway { top: 30%; left: 50%; }

/* Dropdown fix: keep menu open */
.nav .dropdown:hover .dropdown-menu,
.nav .dropdown:focus-within .dropdown-menu {
  display: block;
}


/* City styling fix */
.city {
  font-size: 10px !important;
}
.city::before {
  width: 6px;
  height: 6px;
}

/* Adjusted positions to avoid overlap */
.city.netherlands { top: 39%; left: 47%; }
.city.belgium { top: 41%; left: 46%; }
.city.switzerland { top: 47%; left: 46%; }
.city.austria { top: 46%; left: 49%; }
.city.poland { top: 42%; left: 52%; }
.city.czechia { top: 44%; left: 50%; }
.city.hungary { top: 48%; left: 52%; }
.city.norway { top: 29%; left: 49%; }

.city.bulgaria { top: 47%; left: 54%; }
.city.greece { top: 54%; left: 53%; }
.city.serbia { top: 49%; left: 51%; }
.city.croatia { top: 47%; left: 49%; }
.city.albania { top: 52%; left: 51%; }

/* Dropdown click toggle */
.dropdown-menu { display: none; }
.dropdown.open .dropdown-menu { display: block; }


:root {
  --main-blue: #0055a5;
}

/* Footer rengini ayarla */
footer {
  background-color: var(--main-blue) !important;
}

/* Globe glow rengi */
.globe-container {
  box-shadow: 0 0 40px #0055a5 !important;
}

/* Mobilde shipping yazısını gizle */
@media (max-width: 768px) {
  .shipping .text-overlay {
    display: none !important;
  }
}


/* Footer eski haline dönüş - custom override kaldırıldı */
footer {
  background-color: initial !important;
}



/* Footer link underline slide */
.footer-col a {
  position: relative;
}
.footer-col a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background: #fff;
  transition: width 0.3s ease;
}
.footer-col a:hover::after {
  width: 100%;
}

/* Kart hover shining border */
.cat-card {
  position: relative;
  overflow: hidden;
}




/* Footer eski rengi (koyu mavi ton) */
footer {
  background-color: #0a0f1c !important;
  color: #fff !important;
}

/* Section fade+slide animation */
.section-animate {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeSlide 1s ease forwards;
}
@keyframes fadeSlide {
  to { opacity: 1; transform: translateY(0); }
}

/* Card hover zoom */
.cat-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cat-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* Button hover fill */
.hero-btn{display:inline-block;background:#fff!important;color:var(--main-blue)!important;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid #fff}
.hero-btn{display:inline-block;background:#fff!important;color:var(--main-blue)!important;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid #fff}
.hero-btn{display:inline-block;background:#fff!important;color:var(--main-blue)!important;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid #fff}


/* Scroll reveal animation */
.section-animate {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s ease;
}
.section-animate.animate {
  opacity: 1;
  transform: translateY(0);
}

/* Dropdown fix */
.nav .dropdown-menu {
  z-index: 9999;
}


/* Navigation üstte kalması için */
header, .nav {
  position: relative;
  z-index: 9999;
}

/* Dropdown menü absolute ve en üstte */
.nav .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 10000;
}

/* Hero banner menünün altına düşsün */
.hero {
  position: relative;
  z-index: 1;
}


/* Dropdown açık kalma fixi */
.nav-item.dropdown:hover .dropdown-menu,
.nav-item.dropdown:focus-within .dropdown-menu {
  display: block;
}

/* Boşluk bırakma önlemi */
.nav .dropdown-menu {
  margin-top: 0;
}


/* Mobile submenu accordion */
.submenu {
  display: none;
  padding-left: 15px;
}
.has-submenu.open .submenu {
  display: block;
}


/* Hide "Dünya Çapında Gönderim" heading */
.shipping .title {
  display: none !important;
}


/* Mobilde Dünya Çapında Gönderim yazısını gizle */
@media (max-width: 768px) {
  .shipping .title {
    display: none !important;
  }
}

/* Scroll reveal base */



/* Animasyon çeşitleri */
.fade-up   { transform: translateY(40px); }
.fade-down { transform: translateY(-40px); }
.fade-left { transform: translateX(-40px); }
.fade-right{ transform: translateX(40px); }
.zoom-in   { transform: scale(0.8); }
.rotate-in { transform: rotate(-5deg) scale(0.9); }

/* Banner animasyonu */
.hero {
  opacity: 0;
  transform: scale(0.9);
  transition: all 1.2s ease;
}
.hero.animate {
  opacity: 1;
  transform: scale(1);
}


/* Mobilde ay ve güneşi küçült */
@media (max-width: 768px) {
  .sun, .moon {
    width: 40px !important;
    height: 40px !important;
  }
}

/* Scroll reveal base */



/* Animasyon çeşitleri */
.fade-up   { transform: translateY(40px); }
.fade-down { transform: translateY(-40px); }
.fade-left { transform: translateX(-40px); }
.fade-right{ transform: translateX(40px); }
.zoom-in   { transform: scale(0.8); }
.rotate-in { transform: rotate(-8deg) scale(0.9); }


/* Varsayılan sağdan sola animasyon */



/* Yukarıdan kayma */
.from-top {
  transform: translateY(-80px);
}
.from-top.animate {
  transform: translateY(0);
}

/* Aşağıdan kayma */
.from-bottom {
  transform: translateY(80px);
}
.from-bottom.animate {
  transform: translateY(0);
}

/* Soldan kayma */
.from-left {
  transform: translateX(-80px);
}
.from-left.animate {
  transform: translateX(0);
}

/* Zoom + fade */
.zoom-fade {
  transform: scale(0.7);
}
.zoom-fade.animate {
  transform: scale(1);
}

/* Hafif rotate efekti */
.rotate-fade {
  transform: rotate(-10deg) scale(0.9);
}
.rotate-fade.animate {
  transform: rotate(0) scale(1);
}

/* Glow border efekti */
.glow-card {
  box-shadow: 0 0 0 rgba(0,0,0,0);
}
.glow-card.animate {
  box-shadow: 0 10px 25px rgba(0,85,165,0.4);
}


/* Varsayılan sağdan sola animasyon */



/* Yukarıdan kayma */
.from-top { transform: translateY(-80px); }
.from-top.animate { transform: translateY(0); }

/* Aşağıdan kayma */
.from-bottom { transform: translateY(80px); }
.from-bottom.animate { transform: translateY(0); }

/* Soldan kayma */
.from-left { transform: translateX(-80px); }
.from-left.animate { transform: translateX(0); }

/* Zoom + fade */
.zoom-fade { transform: scale(0.7); }
.zoom-fade.animate { transform: scale(1); }

/* Hafif rotate efekti */
.rotate-fade { transform: rotate(-10deg) scale(0.9); }
.rotate-fade.animate { transform: rotate(0) scale(1); }

/* Glow border efekti */
.glow-card { box-shadow: 0 0 0 rgba(0,0,0,0); }
.glow-card.animate { box-shadow: 0 10px 25px rgba(0,85,165,0.4); }

/* Flip in */
.flip-in { transform: rotateY(90deg); }
.flip-in.animate { transform: rotateY(0); }

/* Swing */
.swing { transform: rotate(15deg); }
.swing.animate { transform: rotate(0); transition: transform 1s cubic-bezier(.36,.07,.19,.97); }

/* Bounce in */
.bounce-in { transform: scale(0.5); }
.bounce-in.animate { transform: scale(1); animation: bounce 0.8s ease; }
@keyframes bounce {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

/* Skew slide */
.skew-slide { transform: skewX(20deg) translateX(80px); }
.skew-slide.animate { transform: skewX(0) translateX(0); }

/* Fade rotate */
.fade-rotate { opacity: 0; transform: rotate(-45deg); }
.fade-rotate.animate { opacity: 1; transform: rotate(0); }

/* Staggered delay for smooth sequence */



/* === FINAL SCROLL REVEAL SYSTEM === */
.scroll-animate { opacity: 0; transition: all .9s cubic-bezier(0.25,1,0.5,1); will-change: transform, opacity; }
.scroll-animate.animate { opacity: 1; }

/* Variants (initial states) */
.from-right { transform: translateX(80px); }
.from-left  { transform: translateX(-80px); }
.from-top   { transform: translateY(-80px); }
.from-bottom{ transform: translateY(80px); }
.zoom-fade  { transform: scale(0.8); }
.rotate-fade{ transform: rotate(-8deg) scale(0.95); }
.skew-slide { transform: skewX(12deg) translateX(80px); }
.flip-in    { transform: rotateY(90deg); }
.swing      { transform: rotate(12deg); }
.bounce-in  { transform: scale(0.6); }
.glow-card  { box-shadow: 0 0 0 rgba(0,0,0,0); }

/* Variants (final states) */
.from-right.animate,
.from-left.animate,
.from-top.animate,
.from-bottom.animate,
.zoom-fade.animate,
.rotate-fade.animate,
.skew-slide.animate,
.flip-in.animate,
.swing.animate,
.bounce-in.animate {
  transform: none;
}
.glow-card.animate { box-shadow: 0 10px 25px rgba(0,85,165,0.35); }


/* Why cards text cleanup */
.why-card h3, .why-card p {
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

/* Banner animation (fade-down + zoom) */
.banner-animate {
  opacity: 0;
  transform: translateY(-100px) scale(1.1);
  transition: all 1.2s ease;
}
.banner-animate.animate {
  opacity: 1;
  transform: translateY(0) scale(1);
}


/* Remove unwanted shadows from texts and links */
p, h1, h2, h3, h4, a, li {
  box-shadow: none !important;
  background: transparent !important;
}

/* Only apply glow to cards */
.why-card.glow-card,
.cat-card.glow-card,
.product-card.glow-card {
  box-shadow: 0 10px 25px rgba(0,85,165,0.35);
}

/* Extra Animations */

/* Slide + Fade */
.slide-fade {
  opacity: 0;
  transform: translateX(60px);
}
.slide-fade.animate {
  opacity: 1;
  transform: translateX(0);
}

/* Scale up */
.scale-up {
  transform: scale(0.5);
  opacity: 0;
}
.scale-up.animate {
  transform: scale(1);
  opacity: 1;
}

/* Blur in */
.blur-in {
  filter: blur(8px);
  opacity: 0;
}
.blur-in.animate {
  filter: blur(0);
  opacity: 1;
}

/* Drop in from top */
.drop-in {
  transform: translateY(-120px);
  opacity: 0;
}
.drop-in.animate {
  transform: translateY(0);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

.footer-col, .footer-contact, .footer-contact li{background:none!important;box-shadow:none!important}

.whatsapp-float {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #000;   /* siyah arkaplan */
  color: #25D366;     /* WhatsApp yeşili yazı */
  padding: 10px 16px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(0,0,0,.3);
  z-index: 1600;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.whatsapp-float img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
.whatsapp-float:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

/* Mobil için */
@media (max-width: 768px) {
  .whatsapp-float {
    right: 20px;   /* en sağ alta hizalar */
    bottom: 20px;
    font-size: 14px;
    padding: 8px 14px;
  }
  .whatsapp-float img {
    width: 52px;
    height: 52px;
  }
}


/* Masaüstü için */
@media (min-width: 769px) {
  .whatsapp-float {
    right: 30px;
    bottom: 30px;
    font-size: 18px;
    padding: 12px 18px;
  }
  .whatsapp-float img {
    width: 48px;
    height: 48px;
  }
}

/* === Corporate Sections === */
.container{max-width:1200px;margin:auto;padding:40px 20px}
.advantages .adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.adv-card{background:#fff;border-radius:14px;padding:20px;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.adv-card img{width:50px;height:50px;margin-bottom:10px}

.about-flex{display:flex;flex-wrap:wrap;align-items:center;gap:30px}
.about-text{flex:1}
.about-img{flex:1}
.about-img img{width:100%;border-radius:12px}

.references .ref-logos{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}
.references img{background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.06)}

.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.test-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.08);font-style:italic}

.faq .faq-item{margin-bottom:20px}
.faq h3{font-size:18px;margin-bottom:8px;color:var(--main-blue)}

.cta{background:var(--main-blue);color:#fff;text-align:center;padding:60px 20px}
.cta h2{margin-bottom:20px;font-size:28px}
.cta .hero-btn{background:#fff!important;color:var(--main-blue)!important}


/* === Testimonials v2 (not identical to ref) === */
.testimonials2 { padding: 56px 18px; }
.testimonials2 .t2-head{
  display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;max-width:1100px;margin:0 auto 24px;
}
.testimonials2 .t2-head img{
  width:100%;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);object-fit:cover;height:260px;
}
.t2-slider{
  position:relative;max-width:1100px;margin:0 auto;
}
.t2-bg{
  position:absolute;right:4%;top:-40px;width:44%;height:360px;border-radius:22px;
  background:linear-gradient(135deg,#e11d48,#ef4444);
  box-shadow:0 20px 50px rgba(239,68,68,.35);
}
.t2-card{
  position:relative;background:#fff;border-radius:18px;padding:34px 28px;max-width:720px;margin-left:auto;margin-right:6%;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
}
.t2-card blockquote{margin:0}
.t2-card p{font-size:18px;line-height:1.8;margin:0 0 18px}
.t2-card footer{display:flex;flex-direction:column;gap:2px}
.t2-card footer strong{color:var(--main-blue)}

.t2-prev,.t2-next{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.15);
  cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center
}
.t2-prev{left:calc(54% - 24px)}
.t2-next{right:calc(6% - 24px)}

.t2-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}
.t2-dots button{
  width:8px;height:8px;border-radius:50%;border:0;background:#d1d5db;cursor:pointer
}
.t2-dots button.active{background:#ef4444;width:10px;height:10px}

/* Responsive */
@media (max-width: 900px){
  .testimonials2 .t2-head{grid-template-columns:1fr}
  .t2-bg{display:none}
  .t2-card{margin:0 12px}
  .t2-prev{left:12px}
  .t2-next{right:12px}
}

/* === CTA Pro === */
.cta-pro{
  background: radial-gradient(80% 80% at 0% 0%, #0ea5e9 0%, #0055a5 45%, #0d2236 100%);
  color:#fff;
  padding: 70px 18px;
  position: relative;
  overflow: hidden;
}
.cta-pro .cta-inner{
  display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;max-width:1100px;margin:auto;
}
.cta-pro .cta-text h2{font-size:32px;margin:0 0 10px}
.cta-pro .cta-text p{opacity:.95;margin:0 0 18px}
.cta-pro .cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.cta-pro .hero-btn{border-color:#fff}
.cta-pro .hero-btn.ghost{background:transparent!important;color:#fff!important}
.cta-illu img{border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.25);width:100%;height:260px;object-fit:cover}
.cta-badge{
  position:absolute;right:8%;top:18%;background:#22c55e;color:#052c24;
  font-weight:800;border-radius:999px;padding:8px 14px;box-shadow:0 10px 20px rgba(34,197,94,.35)
}
@media (max-width: 900px){
  .cta-pro .cta-inner{grid-template-columns:1fr}
  .cta-illu img{height:220px}
}

/* Footer should sit at the bottom naturally */
html,body{min-height:100%}


/* CTA Image Responsive */
.cta-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .cta-image {
    margin-top: 20px;
  }
  .cta-text {
    margin-bottom: 20px;
  }
}

/* === MOBILE FIXES (FINAL CLEAN VERSION) === */
@media (max-width: 768px) {
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
  }

  /* Hero image taşma engeli */
  .hero img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* Shipping alanı taşma engeli */
  .globe-container,
  .shipping svg {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  /* Slider okları taşma engeli */
  .t2-prev, .t2-next {
    max-width: 100%;
    overflow: hidden;
  }

  /* Drawer mobilde daha dar */
  .drawer {
    width: 80%;
    max-width: 100%;
  }

  /* Footer düzenleme */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* === FOOTER MOBIL ORTALAMA === */
@media (max-width: 768px) {
  .footer-col {
    text-align: center !important;
  }
  .footer-col h4 {
    margin-top: 20px !important;
  }
  .footer-contact {
    text-align: center !important;
  }
  .footer-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .footer-list a {
    text-align: center !important;
  }
  .footer-social {
    justify-content: center !important;
    display: flex !important;
  }
}

/* === KATEGORİ KARTLARI BOYUT AYARLARI (OVERRIDE) === */
.cat-card img {
  height: 280px !important;   /* Masaüstü için büyük boy */
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 12px 12px 0 0 !important;
}

.cat-card span {
  font-size: 1.2rem !important;
  padding: 18px !important;
  text-align: center !important;
  display: block !important;
}

.cat-card {
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.cat-card:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.18) !important;
}

/* Tablet için */
@media (max-width: 1024px) {
  .cat-card img {
    height: 320px !important;
  }
}

/* Mobil için */
@media (max-width: 768px) {
  .cat-card img {
    height: 300 !important;
  }
  .cat-card span {
    font-size: 1rem !important;
    padding: 14px !important;
  }
}

/* === Drawer Akordeon (mobil menü) === */
.drawer .submenu-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  background:transparent;
  border:0;
  padding:12px 10px;
  border-radius:8px;
  font:inherit;
  color:#0f172a;
  cursor:pointer;
}
.has-submenu.open .submenu-toggle{ background:#f0f4ff; }

.drawer .submenu{
  display:none;
  padding-left:10px;
  margin:8px 0 0;
  list-style:none;
}
.has-submenu.open .submenu{ display:block; }
.drawer .submenu li a{
  display:block;
  padding:10px 12px;
  border-radius:8px;
  color:#0f172a;
  text-decoration:none;
}
.drawer .submenu li a:hover{ background:#f5f8ff; }

/* Masaüstüne geçilince olası açık çekmeceyi kesin kapat */
@media (min-width: 769px){
  .drawer.open{ transform:translateX(100%) !important; }
  .backdrop.show{ opacity:0; pointer-events:none; }
}

/* === Footer mobil ortalama (güncel) === */
@media (max-width: 768px) {
  .footer-col { text-align:center !important; }
  .footer-col h4 { margin-top:20px !important; }
  .footer-contact { text-align:center !important; }
  .footer-list{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }
  .footer-list a{ text-align:center !important; }
  .footer-social{ display:flex !important; justify-content:center !important; }
}

/* === Kategori kartları – büyütme (OVERRIDE) === */
.cat-card img{
  height:280px !important;   /* Masaüstü */
  width:100% !important;
  object-fit:cover !important;
  border-radius:12px 12px 0 0 !important;
}
.cat-card span{
  font-size:1.2rem !important;
  padding:18px !important;
  text-align:center !important;
  display:block !important;
}
.cat-card{
  border-radius:16px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.12) !important;
  transition:transform .3s ease, box-shadow .3s ease !important;
}
.cat-card:hover{
  transform:scale(1.05) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}
@media (max-width:1024px){
  .cat-card img{ height:320px !important; } /* tablet */
}
@media (max-width:768px){
  .cat-card img{ height:300px !important; } /* mobil – px düzeltildi */
  .cat-card span{ font-size:1rem !important; padding:14px !important; }
}


.product-img {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  align-self: flex-start !important; /* 🟢 Görsel kutusunu yukarı sabitler */
}

.product-wrap {
  align-items: flex-start !important; /* 🟢 Tüm sol-sağ hizalamayı üstten başlatır */
}

.product-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 0 !important;
  display: block;
}
/* Sipariş butonu tasarımını düzenle */
.glow-btn {
  background: #fff !important;        /* Beyaz arka plan */
  color: #0055a5 !important;          /* Kurumsal mavi yazı */
  border: 2px solid #fff !important;  /* Beyaz çerçeve */
  border-radius: 10px;
  padding: 12px 26px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

/* Hover efekti (hafif büyüme + gölge) */
.glow-btn:hover {
  background: #0055a5 !important;     /* Mavi arka plan */
  color: #fff !important;             /* Beyaz yazı */
  box-shadow: 0 6px 18px rgba(0,85,165,0.35);
  transform: translateY(-2px);
}
/* --- Slider okları: hizası düzeltilmiş hali --- */
.k-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  color: #0055a5;
  border: 2px solid #0055a5;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  line-height: 1;         /* 🟢 Dikey hizayı düzeltir */
  padding-bottom: 2px;    /* 🟢 Ufak görsel dengeleme */
  z-index: 5;
}

.k-nav:hover {
  background: #0055a5;
  color: #fff;
  transform: translateY(-50%) scale(1.1);
}

.k-prev {
  left: 16px;
}

.k-next {
  right: 16px;
}
/* === RENK KARTELASI - TAM GENİŞLİK, SİYAH ALAN YOK === */
.kartela {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #fff; /* arka plan beyaz */
  padding: 40px 0;
  overflow: hidden;
  border-radius: 0;
}

.k-wrapper {
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
  background: #fff; /* siyah yerine beyaz */
  border-radius: 0;
}

.k-track {
  display: flex;
  width: 100%;
  transition: transform 0.5s ease;
}

.k-item {
  flex: 0 0 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k-item img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 90vh; /* ekran yüksekliğini aşmaz */
  object-fit: contain; /* kırpma yok */
  display: block;
  margin: 0 auto;
  border: none;
  border-radius: 0;
  background: #fff;
}

/* === OKLAR === */
.k-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  color: #0055a5;
  border: 2px solid #0055a5;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  z-index: 10;
  transition: 0.3s ease;
}

.k-prev { left: 14px; }
.k-next { right: 14px; }

.k-nav:hover {
  background: #0055a5;
  color: #fff;
}

/* === MOBİL === */
@media (max-width: 768px) {
  .kartela {
    padding: 20px 0;
  }
  .k-item img {
    max-height: 60vh; /* mobilde daha az yükseklik */
  }
  .k-nav {
    width: 34px;
    height: 34px;
    font-size: 16px;
  }
  .k-prev { left: 6px; }
  .k-next { right: 6px; }
}
.dunyaustu {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0055a5;
  display: none; /* Varsayılan: masaüstünde gizli */
}

/* 📱 Sadece mobilde göster */
@media (max-width: 768px) {
  .dunyaustu {
    display: block;
  }
}
/* === MOBİL MENÜ FONT FIX (KÜÇÜLTÜLMÜŞ SÜRÜM) === */
@media (max-width: 768px) {
  /* Drawer başlık ve linkleri daha küçük */
  .drawer h4 {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .drawer a {
    font-size: 13.5px;
    padding: 8px 6px;
  }

  /* Alt menü (submenu) metinleri ekstra kompakt */
  .drawer .drawer-sub a {
    font-size: 12.5px;
  }

  /* Satır aralığı ve genel yoğunluk */
  .drawer {
    line-height: 1.3;
  }

  /* Menü genelinde biraz daralma efekti */
  .drawer.open {
    width: 78%;
  }
}
/* === HAMBURGER "MENÜ" YAZISINI ORTA BOY === */
@media (max-width: 768px){
  header .header-inner .hamburger,
  .hamburger {
    font-size: clamp(15px, 3.6vw, 17px) !important; /* Menü yazısı biraz büyütüldü */
    padding: 8px 12px !important;                    /* Buton dengeli dursun */
    line-height: 1.3 !important;
  }

  .hamburger svg,
  .hamburger i,
  .hamburger .icon {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
  }
}