/* ===========================================================
   AEGEAN CASTING — Pixel-faithful static rebuild
   HTML5 + CSS3 (no framework)
   =========================================================== */

:root{
  --black:#000;
  --white:#fff;
  --grey:#f6f6f6;
  --header-gradient:linear-gradient(90deg,#bfbfbf 0%,#ffffff 0%,#f6f6f6 22%,#d8d8d8 45%,#ffffff 66%,#f8f8f8 80%,#d8d8d8 100%);
  --container:1380px;
}

*,*::before,*::after{box-sizing:border-box}

html{
  font-size:14px;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:none;
}
body{
  margin:0;
  font-family:'Raleway',sans-serif;
  font-weight:300;
  font-size:1.2rem;
  line-height:1.42857143;
  color:#000;
  background:#fff;
  min-height:100vh;
}

h1,h2,h3,h4,h5,h6{margin:30px 0 20px;color:#000;font-weight:500;text-wrap:balance}
h1{font-size:2.3rem}
h3{font-size:1.7rem}
strong,b{font-weight:500;color:#000}
p{margin:30px 0;text-wrap:pretty}
a{color:inherit;text-decoration:none;background-color:transparent}
a:hover{text-decoration:underline}
img{vertical-align:middle;display:inline-block;max-width:100%;height:auto;transition:transform .8s}

/* ---------- Layout container ---------- */
.bolum-konteyner{
  margin:0 auto;
  padding:0 30px;
  max-width:100%;
}
@media(min-width:1440px){.bolum-konteyner{width:var(--container)}}

/* ===========================================================
   HEADER
   =========================================================== */
#bolum-ust{
  background:var(--header-gradient);
}
#bolum-ust-serit{line-height:75px}
#bolum-ust-serit-yerlesim{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#bolum-ust-serit-sol{flex-grow:2}
.logo-img{height:60px;width:auto;padding:5px}
img.logo-img:hover{transform:none}

/* Desktop nav */
.modul-menu .menu-seviye-1{
  list-style:none;
  margin:0;padding:0;
  display:flex;
  line-height:80px;
}
.modul-menu .menu-seviye-1>li{position:relative;padding:0 10px}
.modul-menu .menu-seviye-1>li>a{
  color:#000;
  font-weight:700;
  font-size:1rem;
  padding-left:20px;
  position:relative;
  display:block;
}
.modul-menu .menu-seviye-1>li:hover>a,
.modul-menu .menu-seviye-1>li.aktif>a{color:#000;text-decoration:none}
.modul-menu .menu-seviye-1>li:hover>a:before,
.modul-menu .menu-seviye-1>li.aktif>a:before{
  content:"\00BB";
  position:absolute;left:0;
  font-size:1.3rem;color:#000;font-weight:300;
}

/* Right side buttons */
#bolum-ust-serit-dugmeler{position:relative;display:flex;align-items:center}
#bolum-ust-serit-dugmeler button{border:none;background:none;cursor:pointer;color:#000}
#dugme-google-arama:after{
  content:"\26B2";font-weight:700;transform:rotate(-45deg);
  font-size:1.4rem;display:inline-block;
}
#canvasToggle:after{content:'\2261';font-size:2.5rem;line-height:1}
body.menu-open #canvasToggle:after{content:'\00D7'}

/* Sticky header on scroll (desktop) */
@media(min-width:768px){
  #bolum-ust{
    position:fixed;width:100%;top:5px;left:0;z-index:50;
    transition:top 1s;background:none;
  }
  body.scrolled #bolum-ust{top:0;background:var(--header-gradient)}
  body{padding-top:0}
  #bolum-banner-ust{padding-top:90px}
}
@media(min-width:992px){
  #canvasToggle{display:none}
}
@media(max-width:991px){
  .modul-menu .menu-seviye-1,#dugme-google-arama{display:none}
}

/* ===========================================================
   OFF-CANVAS MOBILE MENU
   =========================================================== */
#offCanvas{
  position:fixed;top:0;right:-260px;width:260px;height:100%;
  background:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.1);
  transition:right .5s ease;overflow-y:auto;z-index:1000;padding-top:3rem;
}
#offCanvas.isOpen{right:0}
#offCanvas ul{margin:0;padding:0;list-style:none}
#offCanvas li{display:block}
#offCanvas .menu-seviye-1 li a{
  display:block;padding:8px 10px;margin-left:10px;color:#000;font-size:1rem;
}
#offCanvas .menu-seviye-1 li:hover>a,
#offCanvas .menu-seviye-1 li.aktif>a{color:#95be6f;font-weight:700;text-decoration:none}
.canvas-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:999;
  visibility:hidden;opacity:0;transition:opacity .5s;
}
.canvas-overlay.isOpen{visibility:visible;opacity:1}
@media(min-width:992px){#offCanvas,.canvas-overlay{display:none}}

/* ===========================================================
   HERO SLIDER (vitrin)
   =========================================================== */
#bolum-banner-ust{margin-top:5px}
.vitrin{
  position:relative;user-select:none;overflow:hidden;cursor:grab;
}
.vitrin .frame{
  display:block;position:relative;overflow:hidden;width:100%;
  padding-top:45%;
}
.vitrin .item{
  position:absolute;inset:0;
  background-repeat:no-repeat;background-size:cover;background-position:center;
  opacity:0;visibility:hidden;transition:opacity 1s ease-in-out;
}
.vitrin .item.current{opacity:1;visibility:visible}
.vitrin .np{
  cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);
  font-size:60px;line-height:60px;color:rgba(255,255,255,.7);
  font-family:sans-serif;opacity:0;transition:opacity .3s;z-index:2;
}
.vitrin .prev{left:2%}
.vitrin .next{right:2%}
.vitrin:hover .np{opacity:1}
@media(max-width:767px){
  .vitrin .frame{padding-top:100%}
  .vitrin .np{font-size:40px;line-height:40px}
}

/* ===========================================================
   PRODUCT GRID
   =========================================================== */
.modul-grup-icerik{padding:30px 0}
.frameInner{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px 0;
}
.sutun .item{width:100%;margin-bottom:0}
.sutron-img{display:block}
.frameInner .item img{width:100%;display:block}
.frameInner .item a{display:block;overflow:hidden}
@media screen and (min-width:768px){
  .sutun.max3 .item{width:calc((100% - 2 * 30px) / 3)}
}

/* ===========================================================
   PRODUCTS HEADING BAND (black)
   =========================================================== */
#bolum-orta-ust{
  background:#000;color:#fff;margin-top:5px;text-align:center;
}
#bolum-orta-ust h3{margin:0;padding:10px 0}
#bolum-orta-ust img{padding:10px 20px}
img:hover{transform:scale(.97)}

/* ===========================================================
   MAIN CONTENT
   =========================================================== */
#bolum-orta{background:#fff;color:#000}
#bolum-orta .bolum-konteyner{padding-top:30px;padding-bottom:30px}
#bolum-orta-govde{max-width:100%}
#sayfa-ana-baslik{font-size:2.3rem}
.page-content{max-width:900px;margin:0 auto;line-height:1.8}
.page-content p{font-size:1.2rem}
@media(max-width:767px){
  #sayfa-ana-baslik{font-size:1.6rem}
  #bolum-orta h3{font-size:1.3rem}
  .page-content p{font-size:1rem}
}

/* Social share */
#sosyal-paylasim-dugmeleri{
  margin:30px 0;clear:both;text-align:center;
}
#sosyal-paylasim-dugmeleri a{
  display:inline-block;padding:2px 10px;font-size:.9rem;margin:2px;
  border-radius:2px;color:#fff;transition:background-color .5s;text-decoration:none;
}
.facePylsm{background:rgba(59,89,151,.9)}
.facePylsm:hover{background:rgba(49,67,112,1)}
.twtPylsm{background:rgba(65,183,216,.9)}
.twtPylsm:hover{background:rgba(42,155,195,1)}
.mailPylsm{background:rgba(155,155,155,.9)}
.mailPylsm:hover{background:rgba(125,125,125,1)}
.waPylsm{background:rgba(100,213,73,.9)}
.waPylsm:hover{background:rgba(32,159,18,1)}
@media(min-width:768px){.waPylsm{display:none}}

/* ===========================================================
   PRODUCTS PAGE
   =========================================================== */
/* Category quick-nav */
.cat-nav{background:#1a1a1a;position:sticky;top:0;z-index:30;border-bottom:1px solid #333}
.cat-nav ul{
  list-style:none;margin:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:6px 16px;
  justify-content:center;
}
.cat-nav a{color:#ccc;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;transition:color .3s}
.cat-nav a:hover{color:#95be6f;text-decoration:none}
@media(min-width:768px){.cat-nav{top:80px}}

/* Category sections */
.cat-section{padding:40px 0 20px;border-bottom:1px solid #eee}
.cat-section:last-child{border-bottom:none}
.cat-title{
  font-size:1.7rem;color:#000;font-weight:500;margin:0 0 30px;
  padding-bottom:12px;border-bottom:2px solid #000;text-transform:uppercase;
}
@media(max-width:767px){.cat-title{font-size:1.3rem}}

/* Product grid */
.prod-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;
}
.prod-card{
  background:#f6f6f6;border:1px solid #ececec;border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .4s,transform .4s;
}
.prod-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-4px)}
.prod-img{
  background:#fff;padding:18px;text-align:center;cursor:zoom-in;
  display:flex;align-items:center;justify-content:center;min-height:200px;
}
.prod-img img{max-width:100%;max-height:200px;width:auto;height:auto;transition:transform .5s}
.prod-card:hover .prod-img img{transform:scale(1.06)}
.prod-title{
  margin:0;padding:12px;text-align:center;font-weight:500;font-size:1rem;
  color:#000;background:#fff;border-top:1px solid #ececec;
}
@media(min-width:768px){
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* Specification table */
.spec-wrap{padding:0 0 4px;background:#fff;overflow-x:auto}
.spec-table{
  width:100%;border-collapse:collapse;font-size:.78rem;color:#222;
}
.spec-table th,.spec-table td{
  border:1px solid #ccc;padding:5px 6px;text-align:center;white-space:nowrap;
}
.spec-table thead th{background:#1a1a1a;color:#fff;font-weight:500;text-transform:uppercase}
.spec-table tbody tr:nth-child(even){background:#f3f3f3}

/* Category index cards */
.cat-card-title{
  display:block;text-align:center;padding:12px 8px;font-weight:500;
  font-size:1rem;color:#000;background:#fff;text-transform:uppercase;
  letter-spacing:.3px;border-top:1px solid #ececec;
}
#products .item a{display:block;color:#000;text-decoration:none}
#products .item a:hover .cat-card-title{color:#95be6f}

/* Lightbox */
.lightbox{
  position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:2000;
  display:none;align-items:center;justify-content:center;cursor:zoom-out;
}
.lightbox.open{display:flex}
.lightbox-img{max-width:90%;max-height:88%;box-shadow:0 0 30px rgba(0,0,0,.6)}
.lightbox-close{
  position:absolute;top:20px;right:30px;color:#fff;font-size:46px;
  font-weight:700;cursor:pointer;line-height:1;
}

/* ===========================================================
   REFERENCES GRID
   =========================================================== */
.references-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;margin-top:40px;
}
.ref-item{position:relative;overflow:hidden;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.ref-item img{width:100%;height:auto;display:block;transition:transform .5s}
.ref-item:hover img{transform:scale(1.05)}
.ref-item p{
  position:absolute;bottom:0;left:0;right:0;
  background:rgba(0,0,0,.75);color:#fff;
  padding:10px;margin:0;text-align:center;font-weight:500;
}
@media(min-width:768px){
  .references-grid{grid-template-columns:repeat(4,1fr)}
}

/* ===========================================================
   CONTACT
   =========================================================== */
.contact-section{
    background:#000;
    color:#fff;
    padding:40px 0 10px;
    margin:0;
}
.contact-section h3{color:#fff;font-weight:500;text-align:center}
.contact-grid{
  display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;
}
.contact-info{flex:1 1 300px;font-size:1.1rem}
.contact-info a{color:#fff;text-decoration:underline}
.modul-form{flex:1 1 400px;color:#fff}
.modul-form .form-row{margin-bottom:15px;display:flex;flex-direction:column}
.modul-form label{font-weight:500;font-size:1rem;margin-bottom:5px}
.modul-form .fc{
  border:1px solid #ccc;background:#fff;color:#000;padding:8px 10px;
  font-family:inherit;font-size:1rem;width:100%;
}
.modul-form .fc.invalid{border-color:#e74c3c}
.modul-form .error-msg{color:#ff7b6b;font-size:.85rem;min-height:1em;margin-top:3px}
.modul-form button{
  border:1px solid rgba(204,204,204,.2);background:#fff;color:#000;
  text-transform:uppercase;font-weight:500;font-size:1rem;
  padding:10px 30px;cursor:pointer;transition:background .4s,color .4s;
}
.modul-form button:hover{background:#95be6f;color:#fff}
.form-success{color:#95be6f;font-weight:500}

/* ===========================================================
   FOOTER
   =========================================================== */
#bolum-footer{
    background:#000;
    font-size:1.2rem;
    padding:15px 0;
    margin-top:0;
}
#bolum-footer *{color:#fff}
#bolum-footer a{text-decoration:none}
#bolum-footer a:hover{text-decoration:underline}
@media(max-width:767px){#bolum-footer{font-size:1rem}}

/* ===========================================================
   MOBILE STICKY BAR (msm)
   =========================================================== */
.msm{
  box-shadow:0 0 5px rgba(0,0,0,.25);position:fixed;width:100%;bottom:0;left:0;
  background:#fff;z-index:40;text-align:center;
}
.msm ul{padding:0;margin:0;list-style:none;display:flex}
.msm li{flex:auto;border-right:1px solid #eee}
.msm li:last-child{border:none}
.msm a{
  display:block;color:#000;font-size:1rem;line-height:36px;
  padding:5px 16px;font-weight:700;text-decoration:none;
}
.msm img{max-width:24px;vertical-align:middle}
@media(min-width:992px){.mobile-only{display:none}}
@media(max-width:767px){body{padding-bottom:46px}}

/* ===========================================================
   BACK TO TOP
   =========================================================== */
#backToTop{
  position:fixed;bottom:60px;right:20px;width:44px;height:44px;
  border:none;border-radius:50%;background:#000;color:#fff;font-size:1.4rem;
  cursor:pointer;opacity:0;visibility:hidden;transition:opacity .4s;z-index:45;
}
#backToTop.show{opacity:.85;visibility:visible}
#backToTop:hover{opacity:1}
@media(max-width:767px){#backToTop{bottom:90px}}

/* ===========================================================
   SCROLL REVEAL ANIMATION
   =========================================================== */
.oa{opacity:0;transform:translateY(40px);transition:opacity .7s ease-in-out,transform .7s ease-in-out}
.oated{opacity:1;transform:translateY(0)}
@media(min-width:768px){
  .frameInner .item:nth-child(2){transition-delay:100ms}
  .frameInner .item:nth-child(3){transition-delay:250ms}
  .frameInner .item:nth-child(4){transition-delay:400ms}
  .frameInner .item:nth-child(5){transition-delay:550ms}
  .frameInner .item:nth-child(6){transition-delay:700ms}
}
/* Contact ile Footer arasındaki boşluğu kaldır */
#contact{
    min-height:auto !important;
    height:auto !important;
    margin-bottom:0 !important;
    padding-bottom:10px !important;
}

#contact .bolum-konteyner{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

#bolum-footer{
    margin-top:0 !important;
}