/*
  Kurumsal görünüm katmanı (modernizasyon).
  Her temanın CSS'inden SONRA yüklenir. Renk/marka kimliğini (--k-accent)
  değiştirmez; tipografi, boşluk, gölge, geçiş ve bileşen detaylarını
  güncelleyerek aynı çizgide daha güncel bir görünüm verir.
*/

:root{
  --k-accent: #f4595d;
  --k-dark: #141414;
  --k-dark-soft: #1b1b1b;
  --k-muted: rgba(27,27,27,.62);
  --k-line: rgba(27,27,27,.08);
  --k-radius: 10px;
  --k-radius-sm: 6px;
  --k-radius-pill: 999px;
  --k-shadow: 0 1px 2px rgba(20,20,20,.04), 0 8px 24px -12px rgba(20,20,20,.18);
  --k-shadow-hover: 0 4px 8px rgba(20,20,20,.06), 0 20px 40px -16px rgba(20,20,20,.28);
  --k-transition: .28s cubic-bezier(.22,1,.36,1);
  --k-container: 1140px;
  --k-card-ratio: 400 / 250;
  /* Slider master: 1920×650 | mobil çerçeve: 800×600 */
  --k-slider-ratio: 1920 / 650;
  --k-slider-ratio-mobile: 800 / 600;
}

@media (min-width: 1400px){
  :root{ --k-container: 1320px; }
}
@media (min-width: 1600px){
  :root{ --k-container: 1480px; }
}

body.tema-standart{ --k-accent:#f4595d; }
body.tema-turkuaz{ --k-accent:#1abc9c; }
body.tema-nefrit{ --k-accent:#27ae60; }
body.tema-belize{ --k-accent:#2980b9; }
body.tema-turuncu{ --k-accent:#f39c12; }
body.tema-nar{ --k-accent:#c0392b; }

/* ---------- Temel ---------- */
html{ scroll-behavior:smooth; }
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  color:var(--k-muted);
  background:#fafafa;
}
img{ max-width:100%; height:auto; }
::selection{
  background:color-mix(in srgb, var(--k-accent) 28%, transparent);
  color:var(--k-dark);
}

/* ---------- Tipografi ---------- */
.GlobalHead,
#PageSection .globalHead,
#HomeAboutUs .HomeAboutTxt .HomeAboutHead,
#PageSection .ProductDetails #ProductName{
  letter-spacing:-.02em;
  color:var(--k-dark-soft);
  font-weight:700;
}
.GlobalHead{
  font-size:clamp(1.35rem, 2.2vw, 1.75rem);
  padding-bottom:14px;
  margin-bottom:28px;
}
.GlobalHead::before{
  width:42px;
  height:3px;
  border-radius:var(--k-radius-pill);
  background:var(--k-accent);
  bottom:-2px;
}
#HomeAboutUs .HomeAboutTxt .HomeAboutHead{
  font-size:clamp(1.5rem, 2.6vw, 2rem);
  margin-bottom:14px;
  line-height:1.25;
}
#HomeAboutUs .HomeAboutTxt p{
  line-height:1.65;
  font-weight:400;
}

/* ---------- Üst menü ---------- */
#LogoMenu{
  height:auto !important;
  min-height:88px;
  background:var(--k-dark) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.05), 0 10px 30px -18px rgba(0,0,0,.55);
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:saturate(1.1);
}
#LogoMenu > .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:88px;
  max-width:var(--k-container);
  margin:0 auto;
  padding-left:clamp(12px, 2vw, 24px);
  padding-right:clamp(12px, 2vw, 24px);
  float:none;
  width:100%;
  box-sizing:border-box;
}
#LogoMenu #Logo{
  float:none !important;
  margin:0 !important;
  position:relative;
  flex:0 0 auto;
  display:flex;
  align-items:center;
}
#LogoMenu #Logo a{
  display:inline-flex;
  align-items:center;
}
#LogoMenu #Logo img{
  height:64px !important;
  width:auto;
  max-width:220px;
  object-fit:contain;
  display:block;
}
#LogoMenu #HomeMenu{
  float:none !important;
  position:relative;
  margin-left:auto;
}
#LogoMenu #HomeMenu ul{
  display:flex;
  align-items:center;
  gap:2px;
}
#LogoMenu #HomeMenu ul li{
  display:block;
  position:relative;
}
#LogoMenu #HomeMenu > ul > li:hover,
#LogoMenu #HomeMenu > ul > li:focus-within{
  z-index:20;
}
#LogoMenu #HomeMenu ul li a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  line-height:1 !important;
  padding:12px 14px 16px !important;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  color:rgba(255,255,255,.88);
  position:relative;
  transition:color var(--k-transition), background var(--k-transition);
}
#LogoMenu #HomeMenu ul li a::after{
  content:"";
  position:absolute;
  left:14px; right:14px; bottom:4px;
  height:2px;
  border-radius:var(--k-radius-pill);
  background:var(--k-accent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform var(--k-transition);
}
#LogoMenu #HomeMenu ul li:hover > a,
#LogoMenu #HomeMenu ul li:focus-within > a{
  color:#fff;
  background:rgba(255,255,255,.06);
}
#LogoMenu #HomeMenu ul li:hover > a::after,
#LogoMenu #HomeMenu ul li:focus-within > a::after{
  transform:scaleX(1);
}
#LogoMenu #HomeMenu ul li a i{
  color:var(--k-accent);
  margin:0 !important;
  font-size:14px;
  transition:color var(--k-transition);
}
#LogoMenu #HomeMenu ul li:hover > a i{
  color:#fff;
}
#LogoMenu #HomeMenu > ul > li > ul.sub-menu,
#LogoMenu #HomeMenu ul li ul{
  list-style:none;
  position:absolute;
  z-index:99;
  top:100%;
  left:0;
  min-width:260px;
  max-height:min(70vh, 420px);
  overflow-x:hidden;
  overflow-y:auto;
  margin:0 !important;
  padding:10px 8px 8px !important;
  background:var(--k-dark-soft);
  border:1px solid rgba(255,255,255,.08);
  border-top:2px solid var(--k-accent);
  border-radius:0 0 var(--k-radius) var(--k-radius);
  box-shadow:var(--k-shadow-hover);
  display:none;
  /* Hover köprüsü: menü ile alt menü arasında boşluk bırakmadan geçiş */
  -webkit-overflow-scrolling:touch;
}
#LogoMenu #HomeMenu > ul > li > ul.sub-menu::before,
#LogoMenu #HomeMenu ul li > ul::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-14px;
  height:14px;
}
#LogoMenu #HomeMenu > ul > li:hover > ul,
#LogoMenu #HomeMenu > ul > li:focus-within > ul,
#LogoMenu #HomeMenu ul li:hover > ul,
#LogoMenu #HomeMenu ul li:focus-within > ul{
  display:block !important;
  height:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}
#LogoMenu #HomeMenu ul li ul li a{
  display:block;
  width:100%;
  padding:10px 12px 10px 22px !important;
  line-height:1.35 !important;
  border-radius:6px;
  font-size:13px;
  letter-spacing:0;
  font-weight:500;
}
#LogoMenu #HomeMenu ul li ul li a::after{ display:none; }
#LogoMenu #HomeMenu ul li ul li a:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}
#LogoMenu .clearfix{ display:none; }
#mobileMenu{
  color:#fff;
  border-radius:8px;
  padding:6px 10px;
  transition:background var(--k-transition);
}
#mobileMenu:hover{ background:rgba(255,255,255,.1); }

/* ---------- Üst bilgi çubuğu ---------- */
#HeaderBar{
  padding:12px 0 !important;
  background:var(--k-accent) !important;
}
#HeaderBar > .container,
#LogoMenu > .container{
  max-width:var(--k-container);
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(12px, 2vw, 24px);
  padding-right:clamp(12px, 2vw, 24px);
  width:100%;
  box-sizing:border-box;
}
#HeaderBar > .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 16px;
  float:none;
}
#HeaderBar #HeaderInfo{
  float:none !important;
  flex:1 1 auto;
  min-width:0;
  width:auto;
}
#HeaderBar #HeaderInfo ul{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;
  margin:0;
  padding:0;
  list-style:none;
}
#HeaderBar #HeaderInfo ul li{
  float:none !important;
  margin:0 !important;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
  color:#fff;
}
#HeaderBar #HeaderInfo ul li .InfoIcon,
#HeaderBar .talep-linki .InfoIcon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  line-height:1;
  font-size:13px;
  box-shadow:0 1px 0 rgba(0,0,0,.06);
  flex:0 0 auto;
  border-radius:50%;
  background:#fff;
  color:var(--k-accent);
}
#HeaderBar #HeaderInfo ul li a{
  color:#fff !important;
  text-decoration:none;
  font-size:13px;
  font-weight:600;
  transition:opacity var(--k-transition);
}
#HeaderBar #HeaderInfo ul li a:hover{ opacity:.88; }
#HeaderBar #HeaderTalep{
  flex:0 0 auto;
  margin-left:auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
#HeaderBar .talep-linki{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 14px 6px 6px;
  border-radius:var(--k-radius-pill);
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  color:#fff !important;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
  transition:background var(--k-transition), transform var(--k-transition);
}
#HeaderBar .talep-linki:hover{
  background:rgba(255,255,255,.26);
  transform:translateY(-1px);
  color:#fff !important;
  text-decoration:none;
}
#HeaderBar .talep-linki .InfoIcon{
  background:rgba(255,255,255,.95) !important;
  margin:0 !important;
}
#HeaderBar .clearfix{ display:none; }

@media only screen and (max-width:768px){
  #HeaderBar > .container{
    flex-direction:column;
    align-items:stretch;
  }
  #HeaderBar #HeaderTalep{
    margin-left:0;
    width:100%;
    justify-content:flex-end;
  }
  #HeaderBar #HeaderInfo ul{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
}

/* ---------- Slider (master görsel: 1920×650) ---------- */
#HomeSlider,
.slider{
  margin-bottom:0 !important;
  position:relative;
  overflow:hidden;
  background:var(--k-dark);
  width:100% !important;
  max-width:100% !important;
  aspect-ratio:var(--k-slider-ratio);
  height:auto !important;
}
.slides{
  position:absolute;
  inset:0;
  display:flex !important;
  height:100%;
  transition:transform .7s cubic-bezier(.22,1,.36,1) !important;
  will-change:transform;
}
.slides img,
#HomeSlider img{
  flex:0 0 100%;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  display:block;
  object-fit:cover !important;
  object-position:center center !important;
}
.slider .prev,
.slider .next,
buttonnn.prev,
buttonnn.next{
  width:44px;
  height:44px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.92) !important;
  color:var(--k-dark);
  box-shadow:var(--k-shadow);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform var(--k-transition), background var(--k-transition);
}
.slider .prev:hover,
.slider .next:hover{
  transform:translateY(-50%) scale(1.05);
  background:#fff !important;
}
@media only screen and (max-width:768px){
  #HomeSlider,
  .slider{
    aspect-ratio:var(--k-slider-ratio-mobile);
  }
  .slider .prev,
  .slider .next,
  buttonnn.prev,
  buttonnn.next{
    width:38px;
    height:38px;
  }
}

/* ---------- Bölümler / kartlar ---------- */
#FourBoxes{
  padding:36px 12px 12px !important;
  margin:0 !important;
}
#FourBoxes .FourBoxes{
  background:#fff;
  border:1px solid var(--k-line) !important;
  border-radius:var(--k-radius);
  padding:28px 22px !important;
  box-shadow:var(--k-shadow);
  transition:transform var(--k-transition), box-shadow var(--k-transition), border-color var(--k-transition);
}
#FourBoxes .FourBoxes:hover{
  border-color:color-mix(in srgb, var(--k-accent) 35%, transparent) !important;
  box-shadow:var(--k-shadow-hover);
  transform:translateY(-4px);
}
#FourBoxes .FourBoxes .FBoxesIcon i{
  font-size:42px !important;
  color:var(--k-accent) !important;
  transition:transform var(--k-transition);
}
#FourBoxes .FourBoxes:hover .FBoxesIcon i{
  transform:scale(1.06);
}
#FourBoxes .FourBoxes .FBoxesHead{
  color:var(--k-dark-soft) !important;
  font-size:17px !important;
  letter-spacing:-.01em;
}

#HomeAboutUs{
  padding:64px 0 !important;
  background:linear-gradient(180deg, #f3f3f3 0%, #efefef 100%) !important;
}
#HomeAboutUs .HomeAboutImage img{
  border-radius:var(--k-radius);
  box-shadow:var(--k-shadow);
  background:#fff;
  padding:18px;
}
.Acordion li .AcordionHead{
  border-radius:var(--k-radius-sm);
  background:var(--k-accent) !important;
  padding:12px 14px 12px 34px !important;
  font-weight:600;
  letter-spacing:.02em;
  transition:filter var(--k-transition);
}
.Acordion li .AcordionHead:hover{ filter:brightness(1.05); }
.Acordion li .AcordionTxt{
  background:#fff;
  border-radius:0 0 var(--k-radius-sm) var(--k-radius-sm);
  border:1px solid var(--k-line);
  border-top:0;
  line-height:1.6;
}

.NewsSec,
#Partners .item .PartnersSec,
#PageSection .catalogInner,
#PageSection #ProductBig,
#PageSection #ProductThumb{
  border-radius:var(--k-radius);
  overflow:hidden;
  box-shadow:var(--k-shadow);
  border-color:var(--k-line) !important;
  transition:transform var(--k-transition), box-shadow var(--k-transition);
  background:#fff;
}
.NewsSec:hover,
#Partners .item .PartnersSec:hover{
  box-shadow:var(--k-shadow-hover);
  transform:translateY(-3px);
}
.NewsSec .NewsInfo .NewsHead{
  color:var(--k-dark-soft) !important;
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.NewsSec .NewsDateLink .NLink{
  background:var(--k-accent) !important;
  transition:filter var(--k-transition);
}
.NewsSec .NewsDateLink .NLink:hover{ filter:brightness(1.08); }

#HomeProduct{ padding:clamp(28px, 4vw, 56px) 0 !important; }
#HomeProduct .HomeProductGrid,
#Gallery .GalleryGrid,
.GalleryPage .GalleryGrid,
.ProductListGrid,
section#HomeProduct .container-fluid.HomeProductGrid,
section#Gallery .container-fluid.GalleryGrid{
  width:100%;
  max-width:min(1600px, 100%);
  margin:0 auto;
  padding:0 clamp(12px, 2vw, 28px) !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap:clamp(12px, 1.6vw, 20px);
  float:none !important;
}
/* Servis kartları: tam genişlik, sığdığı kadar 400×250 */
#HomeProduct .HomeProductGrid,
section#HomeProduct .container-fluid.HomeProductGrid{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 clamp(12px, 1.5vw, 24px) !important;
  grid-template-columns:repeat(auto-fill, 400px) !important;
  justify-content:center;
  gap:20px;
}
/* Ürünlerimiz (galeri): aynı 400×250 kart düzeni */
#Gallery .GalleryGrid,
.GalleryPage .GalleryGrid,
section#Gallery .container-fluid.GalleryGrid{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 clamp(12px, 1.5vw, 24px) !important;
  grid-template-columns:repeat(auto-fill, 400px) !important;
  justify-content:center;
  gap:20px;
}
/* Bootstrap clearfix ::before/::after grid hücresi olmasın */
#HomeProduct .HomeProductGrid:before,
#HomeProduct .HomeProductGrid:after,
#Gallery .GalleryGrid:before,
#Gallery .GalleryGrid:after,
.GalleryPage .GalleryGrid:before,
.GalleryPage .GalleryGrid:after,
.ProductListGrid:before,
.ProductListGrid:after,
section#HomeProduct .container-fluid.HomeProductGrid:before,
section#HomeProduct .container-fluid.HomeProductGrid:after,
section#Gallery .container-fluid.GalleryGrid:before,
section#Gallery .container-fluid.GalleryGrid:after{
  content:none !important;
  display:none !important;
}
#HomeProduct .HomeProductGrid > [class*="col-"],
#Gallery .GalleryGrid > [class*="col-"],
.GalleryPage .GalleryGrid > [class*="col-"],
.ProductListGrid > [class*="col-"]{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  padding:0 !important;
  margin:0 !important;
}
.HomeProductSec{
  position:relative;
  width:400px !important;
  max-width:400px !important;
  height:250px !important;
  max-height:250px !important;
  min-height:250px !important;
  aspect-ratio:400 / 250;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:var(--k-radius);
  overflow:hidden;
  box-shadow:var(--k-shadow);
  background:#f4f4f4;
  visibility:visible !important;
  transition:box-shadow var(--k-transition), transform var(--k-transition);
}
.HomeProductSec.wow{
  visibility:visible !important;
}
.HomeProductSec img{
  position:absolute;
  inset:0;
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:100%;
  max-height:100%;
  margin:0;
  padding:0;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  transition:none !important;
}
.HomeProductSec:before{
  position:absolute;
  content:"";
  inset:0;
  width:100%;
  height:100%;
  background:linear-gradient(180deg, rgba(20,20,20,.12) 0%, rgba(20,20,20,.72) 100%) !important;
  opacity:0 !important;
  z-index:1;
  pointer-events:none;
  transition:opacity var(--k-transition);
}
.HomeProductSec:hover:before,
.HomeProductSec:focus-within:before{
  opacity:1 !important;
}
.HomeProductSec .HProductName{
  visibility:hidden;
  z-index:2;
  position:absolute;
  width:100%;
  top:0;
  left:0;
  transform:translateY(-50%);
  text-align:center;
  color:#fff;
  font-size:clamp(14px, 1.2vw, 18px) !important;
  font-weight:700;
  letter-spacing:-.01em;
  padding:0 16px !important;
  transition:opacity var(--k-transition), top var(--k-transition), visibility var(--k-transition);
  opacity:0;
}
.HomeProductSec:hover .HProductName,
.HomeProductSec:focus-within .HProductName{
  visibility:visible;
  top:50%;
  opacity:1;
}
.HomeProductSec:hover{
  box-shadow:var(--k-shadow-hover);
  transform:translateY(-2px);
}

@media only screen and (min-width:1200px){
  #HomeProduct .HomeProductGrid,
  section#HomeProduct .container-fluid.HomeProductGrid,
  #Gallery .GalleryGrid,
  .GalleryPage .GalleryGrid,
  section#Gallery .container-fluid.GalleryGrid{
    grid-template-columns:repeat(auto-fill, 400px) !important;
    max-width:none !important;
  }
}
@media only screen and (min-width:1600px){
  #HomeProduct .HomeProductGrid,
  section#HomeProduct .container-fluid.HomeProductGrid,
  #Gallery .GalleryGrid,
  .GalleryPage .GalleryGrid,
  section#Gallery .container-fluid.GalleryGrid{
    grid-template-columns:repeat(auto-fill, 400px) !important;
    max-width:none !important;
  }
}
@media only screen and (max-width:420px){
  #HomeProduct .HomeProductGrid,
  section#HomeProduct .container-fluid.HomeProductGrid,
  #Gallery .GalleryGrid,
  .GalleryPage .GalleryGrid,
  section#Gallery .container-fluid.GalleryGrid{
    grid-template-columns:1fr !important;
  }
  .HomeProductSec,
  .HomeGallerySec{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    aspect-ratio:400 / 250;
  }
}
@media only screen and (max-width:575px){
  .ProductListGrid{
    grid-template-columns:1fr !important;
  }
}

#BlogNews,
#Partners,
#Testimonial{
  padding-top:48px !important;
  padding-bottom:48px !important;
}
#Testimonial{
  background-size:cover !important;
}
#Testimonial:before{
  background:linear-gradient(120deg, rgba(20,20,20,.78), rgba(20,20,20,.55)) !important;
}
#Testimonial .TImage{
  border:3px solid rgba(255,255,255,.35) !important;
  box-shadow:0 12px 30px -12px rgba(0,0,0,.5);
}
#Partners .item .PartnersSec{
  background:#fff !important;
  border:1px solid var(--k-line);
  height:110px !important;
}
#Partners .item .PartnersSec img{ padding:18px !important; }

/* Galeri / Ürünlerimiz — 400×250 (Servis kartlarıyla aynı) */
#Gallery,
.GalleryPage{
  padding:clamp(28px, 4vw, 56px) 0 !important;
}
.HomeGallerySec{
  position:relative;
  width:400px !important;
  max-width:400px !important;
  height:250px !important;
  max-height:250px !important;
  min-height:250px !important;
  aspect-ratio:400 / 250;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:var(--k-radius);
  overflow:hidden;
  box-shadow:var(--k-shadow);
  background:#f4f4f4;
  visibility:visible !important;
  transition:transform var(--k-transition), box-shadow var(--k-transition);
}
.HomeGallerySec > a{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  text-decoration:none !important;
}
.HomeGallerySec img{
  position:absolute;
  inset:0;
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:100%;
  max-height:100%;
  margin:0;
  padding:0;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  transition:none !important;
}
.HomeGallerySec a::before,
.HomeGallerySec a::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  top:0 !important;
  left:0 !important;
  transform:none !important;
  font-size:0 !important;
  opacity:0 !important;
  z-index:1;
  pointer-events:none;
  transition:opacity var(--k-transition) !important;
}
.HomeGallerySec a::after{
  background:linear-gradient(180deg, rgba(20,20,20,.15) 0%, rgba(20,20,20,.72) 100%) !important;
}
.HomeGallerySec a::before{
  display:flex !important;
  align-items:center;
  justify-content:center;
  font:normal normal normal 28px/1 FontAwesome !important;
  content:"\f002" !important;
  color:#fff !important;
  background:transparent !important;
  z-index:2;
  text-align:center;
}
.HomeGallerySec a h1,
.HomeGallerySec a h3{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  margin:0 !important;
  padding:48px 14px 18px !important;
  text-align:center;
  color:#fff !important;
  font-size:17px !important;
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.3;
  opacity:0;
  visibility:hidden;
  background:linear-gradient(transparent, rgba(20,20,20,.75));
  transition:opacity var(--k-transition), visibility var(--k-transition);
}
.HomeGallerySec:hover,
.HomeGallerySec:focus-within{
  box-shadow:var(--k-shadow-hover);
  transform:translateY(-3px);
}
.HomeGallerySec:hover a::before,
.HomeGallerySec:hover a::after,
.HomeGallerySec:focus-within a::before,
.HomeGallerySec:focus-within a::after{
  opacity:1 !important;
}
.HomeGallerySec:hover a h1,
.HomeGallerySec:hover a h3,
.HomeGallerySec:focus-within a h1,
.HomeGallerySec:focus-within a h3{
  opacity:1;
  visibility:visible;
}
.HomeGallerySec:hover img,
.HomeGallerySec:focus-within img{
  transform:none !important;
}

@media only screen and (max-width:1024px){
  .HomeGallerySec:hover{
    transform:none;
  }
}

/* ---------- Butonlar / formlar ---------- */
.MyButton,
.NLink,
#PageSection .contactForm .myButton{
  transition:transform var(--k-transition), box-shadow var(--k-transition), background var(--k-transition), color var(--k-transition), border-color var(--k-transition);
}
.MyButton{
  border-radius:8px !important;
  height:40px !important;
  line-height:36px !important;
  font-weight:600;
  letter-spacing:.02em;
  border-width:2px !important;
  border-color:var(--k-accent) !important;
  color:var(--k-accent) !important;
  max-width:200px;
}
.MyButton:hover{
  background:var(--k-accent) !important;
  color:#fff !important;
  box-shadow:0 10px 24px -10px color-mix(in srgb, var(--k-accent) 70%, #000);
  transform:translateY(-2px);
}
.MyButton:active{
  transform:translateY(0) scale(.98);
  box-shadow:none;
}
#PageSection .contactForm .myButton,
#PageSection .contactForm input.myButton[type="submit"],
#PageSection .contactForm button.myButton,
#PageSection .contactForm .iletisim-gonder-btn{
  background:var(--k-accent) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:8px !important;
  height:48px !important;
  line-height:1 !important;
  min-width:170px !important;
  max-width:none !important;
  width:auto !important;
  padding:0 32px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  float:none !important;
  font-weight:700;
  letter-spacing:.04em;
  font-size:14px;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  box-shadow:none !important;
  outline:none;
}
#PageSection .contactForm .myButton:hover,
#PageSection .contactForm input.myButton[type="submit"]:hover,
#PageSection .contactForm button.myButton:hover,
#PageSection .contactForm .iletisim-gonder-btn:hover{
  color:#fff !important;
  background:color-mix(in srgb, var(--k-accent) 88%, #000) !important;
  filter:none;
  box-shadow:none !important;
  transform:translateY(-1px);
}
#PageSection .contactForm .iletisim-gonder-satir{
  clear:both;
  float:left;
  width:100%;
  margin-top:18px;
  margin-bottom:8px;
  text-align:right;
  padding-left:15px;
  padding-right:15px;
}
.myInputs, .myInput, .mySelect, .myTextarea,
#PageSection .contactForm .myInput,
#PageSection .contactForm .mySelect,
#PageSection .contactForm .myTextarea{
  border-radius:var(--k-radius-sm) !important;
  border:1px solid #d8d8d8;
  transition:border-color var(--k-transition), box-shadow var(--k-transition);
}
.myInputs:focus, .myInput:focus, .mySelect:focus, .myTextarea:focus,
#PageSection .contactForm .myInput:focus,
#PageSection .contactForm .mySelect:focus,
#PageSection .contactForm .myTextarea:focus{
  border-color:var(--k-accent) !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--k-accent) 22%, transparent) !important;
  outline:none;
}

/* ---------- İç sayfalar ---------- */
#PageHeader{
  padding:88px 0 !important;
  background-size:cover !important;
}
#PageHeader::before{
  background:linear-gradient(180deg, rgba(20,20,20,.25) 0%, rgba(20,20,20,.72) 100%) !important;
}
#PageHeader #SingleHeader h1{
  color:var(--k-accent) !important;
  font-size:clamp(2rem, 5vw, 3rem) !important;
  letter-spacing:-.03em;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}
#PageHeader #SingleHeader h3{
  font-weight:500 !important;
  opacity:.92;
}
#PageSection{
  padding:56px 0 !important;
}
#PageSection #PageLinkSec{
  background:var(--k-accent) !important;
  border-radius:var(--k-radius);
  overflow:hidden;
  box-shadow:var(--k-shadow);
}
#PageSection #PageLinkSec ul li{
  border-bottom-color:rgba(255,255,255,.18) !important;
}
#PageSection #PageLinkSec ul li a{
  transition:padding var(--k-transition), background var(--k-transition);
}
#PageSection #PageLinkSec ul li a:hover{
  background:rgba(0,0,0,.12);
}
#PageSection #PageLinkInner .conInformation ul li{
  display:flex;
  gap:10px;
  align-items:center;
}
#PageSection #PageLinkInner .conInformation ul li .contactIcon{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  flex:0 0 auto;
}
#PageSection .ProductDetails #ProductPrice{
  background:var(--k-accent) !important;
  box-shadow:0 14px 28px -12px color-mix(in srgb, var(--k-accent) 75%, #000);
  border-radius:var(--k-radius-pill) !important;
}
#PageSection #ProductBig,
#PageSection #ProductThumb{
  border:1px solid var(--k-line) !important;
  background:#fff !important;
  overflow:hidden;
  width:100%;
  max-width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:var(--k-card-ratio);
  margin:0 0 12px;
}
#PageSection #ProductBig.owl-carousel .owl-stage-outer,
#PageSection #ProductBig.owl-carousel .owl-stage,
#PageSection #ProductBig.owl-carousel .owl-item{
  height:100%;
}
#PageSection #ProductBig .owl-stage-outer{
  height:100% !important;
}
#PageSection #ProductBig .item,
#PageSection #ProductThumb .item{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100% !important;
  padding:0 !important;
}
#PageSection #ProductBig .item a,
#PageSection #ProductThumb .item a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
#PageSection #ProductBig .item img,
#PageSection #ProductThumb .item img{
  width:100% !important;
  height:100% !important;
  max-width:100%;
  max-height:100%;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  transform:none !important;
}
#PageSection #ProductThumb{
  aspect-ratio:auto;
  height:88px;
  max-height:88px;
}
#PageSection #ProductThumb .item{
  height:88px !important;
}
@media (min-width:992px){
  #PageSection > .container > .col-md-5{
    width:42%;
  }
  #PageSection > .container > .col-md-7{
    width:58%;
  }
}

/* ---------- Footer ---------- */
#SiteFooter{
  background:var(--k-dark) !important;
  padding:48px 0 36px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
#SiteFooter > .container{
  max-width:var(--k-container);
  margin:0 auto;
  padding:0 16px;
}
#SiteFooter .FooterHead{
  font-size:13px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700 !important;
  margin-bottom:18px !important;
  color:rgba(255,255,255,.92) !important;
}
#SiteFooter .Address li .AddressIcon i{
  color:var(--k-accent) !important;
  font-size:18px !important;
}
#SiteFooter .Address li .AddressText{
  font-size:14px !important;
  font-weight:500;
  color:rgba(255,255,255,.82) !important;
}
#SiteFooter .FooterMenu li::before{ color:var(--k-accent) !important; }
#SiteFooter .FooterMenu li a{
  color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
  transition:color var(--k-transition), padding-left var(--k-transition);
}
#SiteFooter .FooterMenu li a:hover{
  color:#fff !important;
  padding-left:4px;
}
#SiteFooter .FooterSocial li{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  background:var(--k-accent) !important;
  width:38px !important;
  height:38px !important;
  line-height:1 !important;
  margin:4px !important;
  transition:transform var(--k-transition), box-shadow var(--k-transition);
}
#SiteFooter .FooterSocial li:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 20px -8px rgba(0,0,0,.55);
}
#SiteFooter .FooterSocial li a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  font-size:18px !important;
  font-weight:500;
}
#SiteFooter .FooterDesc img{
  max-height:56px;
  width:auto;
  margin-top:8px;
  opacity:.92;
}
#FooterBar{
  background:var(--k-accent) !important;
  padding:14px 0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
#FooterBar > .container{
  max-width:var(--k-container);
  margin:0 auto;
  padding:0 16px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
#FooterBar #CopyRight,
#FooterBar #BarLink{
  float:none !important;
  width:auto !important;
}
#FooterBar #BarLink a{
  opacity:.95;
  transition:opacity var(--k-transition);
}
#FooterBar #BarLink a:hover{ opacity:1; text-decoration:underline; }

/* ---------- Modal / uyarı ---------- */
.modal-content{
  border-radius:var(--k-radius) !important;
  overflow:hidden;
  border:0 !important;
  box-shadow:0 28px 64px -16px rgba(0,0,0,.4);
}
.modal-header{
  border-bottom:0 !important;
  background:var(--k-accent) !important;
}
.alert{
  border-radius:0;
  border:0;
  font-weight:500;
}

/* ---------- Erişilebilirlik ---------- */
a:focus-visible,
button:focus-visible,
.MyButton:focus-visible,
#LogoMenu #HomeMenu ul li a:focus-visible{
  outline:2px solid var(--k-accent);
  outline-offset:3px;
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *, *::before, *::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
}

/* ---------- Mobil ---------- */
@media only screen and (max-width:1024px){
  #LogoMenu{
    position:relative;
  }
  #LogoMenu > .container{
    min-height:76px;
  }
  #LogoMenu #Logo img{
    height:54px !important;
  }
  #LogoMenu #HomeMenu{
    position:fixed !important;
    float:none !important;
    width:min(280px, 86vw) !important;
    height:100% !important;
    left:-290px;
    top:0;
    margin:0 !important;
    background:var(--k-dark) !important;
    z-index:1100;
    padding:72px 12px 24px;
    box-shadow:20px 0 40px rgba(0,0,0,.35);
    transition:left var(--k-transition);
    overflow-y:auto;
  }
  #LogoMenu #HomeMenu.MenuActive,
  .MenuActive#HomeMenu,
  #HomeMenu.MenuActive{
    left:0 !important;
  }
  #LogoMenu #HomeMenu ul{
    display:block;
  }
  #LogoMenu #HomeMenu ul li a{
    display:flex;
    width:100%;
    padding:14px 12px !important;
    border-radius:8px;
  }
  #LogoMenu #HomeMenu ul li a::after{ display:none; }
  #LogoMenu #HomeMenu ul li ul{
    position:relative !important;
    top:0;
    min-width:0;
    width:100%;
    box-shadow:none;
    border:0;
    border-left:2px solid var(--k-accent);
    background:rgba(255,255,255,.04);
    margin:4px 0 8px;
  }
}

@media only screen and (max-width:1024px){
  .HomeProductSec:before{
    opacity:0 !important;
  }
  .HomeProductSec .HProductName{
    visibility:hidden !important;
    opacity:0 !important;
    top:50% !important;
    bottom:auto !important;
    left:0;
    transform:translateY(-50%) !important;
    padding:0 16px !important;
    background:none !important;
    font-size:15px !important;
    z-index:2;
  }
  .HomeProductSec.is-active:before,
  .HomeProductSec:focus-within:before{
    opacity:1 !important;
  }
  .HomeProductSec.is-active .HProductName,
  .HomeProductSec:focus-within .HProductName{
    visibility:visible !important;
    opacity:1 !important;
  }
  .HomeProductSec:hover{
    transform:none;
  }
  .HomeGallerySec a::before,
  .HomeGallerySec a::after{
    opacity:0 !important;
  }
  .HomeGallerySec a h1,
  .HomeGallerySec a h3{
    opacity:0 !important;
    visibility:hidden !important;
    font-size:15px !important;
  }
  .HomeGallerySec.is-active a::before,
  .HomeGallerySec.is-active a::after,
  .HomeGallerySec:focus-within a::before,
  .HomeGallerySec:focus-within a::after{
    opacity:1 !important;
  }
  .HomeGallerySec.is-active a h1,
  .HomeGallerySec.is-active a h3,
  .HomeGallerySec:focus-within a h1,
  .HomeGallerySec:focus-within a h3{
    opacity:1 !important;
    visibility:visible !important;
  }
  .HomeGallerySec:hover{
    transform:none;
  }
}

@media only screen and (max-width:768px){
  #FourBoxes .FourBoxes:hover,
  .NewsSec:hover,
  #Partners .item .PartnersSec:hover,
  .HomeProductSec:hover{
    transform:none;
  }
  #HeaderBar #HeaderInfo ul{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  #HomeAboutUs{ padding:40px 0 !important; }
  #PageHeader{ padding:64px 0 !important; }
  #FooterBar > .container{
    justify-content:center;
    text-align:center;
  }
  #FooterBar #BarLink{ text-align:center; width:100%; }
}

/* ---------- Animasyonlar ---------- */
@keyframes k-fade-up{
  from{ opacity:0; transform:translate3d(0,22px,0); }
  to{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes k-underline{
  from{ transform:scaleX(0); }
  to{ transform:scaleX(1); }
}
@keyframes k-icon-pop{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-4px); }
}
@keyframes k-soft-zoom{
  from{ transform:scale(1.04); }
  to{ transform:scale(1); }
}

.GlobalHead::before{
  transform-origin:center;
  animation:k-underline .7s cubic-bezier(.22,1,.36,1) both;
}

#HomeAboutUs .HomeAboutImage img,
.NewsSec .NewsImage img{
  transition:transform .7s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
#HomeAboutUs .HomeAboutImage:hover img{
  transform:scale(1.03);
}
.NewsSec:hover .NewsImage img{
  transform:scale(1.06);
}

#FourBoxes .FourBoxes .FBoxesIcon i{
  display:inline-block;
}
#FourBoxes .FourBoxes:hover .FBoxesIcon i{
  animation:k-icon-pop .55s ease;
}

.slider .slides img{
  transition:transform 6.5s ease;
  transform:scale(1);
}
.slider .slides img.slide-aktif{
  animation:k-soft-zoom 6.5s ease forwards;
}

#PageHeader #SingleHeader h1{
  animation:k-fade-up .7s cubic-bezier(.22,1,.36,1) both;
}
#PageHeader #SingleHeader h3{
  animation:k-fade-up .7s cubic-bezier(.22,1,.36,1) .12s both;
}

#HeaderBar #HeaderInfo ul li:hover .InfoIcon{
  transform:scale(1.08);
}
#HeaderBar #HeaderInfo ul li .InfoIcon{
  transition:transform var(--k-transition), background var(--k-transition), color var(--k-transition), box-shadow var(--k-transition);
}

@media (prefers-reduced-motion: reduce){
  .GlobalHead::before,
  #PageHeader #SingleHeader h1,
  #PageHeader #SingleHeader h3,
  .slider .slides img.slide-aktif,
  #FourBoxes .FourBoxes:hover .FBoxesIcon i{
    animation:none !important;
  }
  #HomeAboutUs .HomeAboutImage:hover img,
  .HomeGallerySec:hover a img,
  .NewsSec:hover .NewsImage img{
    transform:none !important;
  }
}