/* ============================================================
   E5 Global Trade - Ana Sayfa CSS
   ============================================================ */

/* FONTS — Inter self-hosted (latin-ext: Türkçe İ,Ş,Ğ,Ö,Ü,Ç; latin: temel)
   font-display: optional → geç yüklemede swap yok (sayfa geçişlerinde FOUT yok);
   cache + preload ile sonraki sayfalarda Inter anında kullanılır. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: optional;
  src: url('../assets/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: optional;
  src: url('../assets/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* VARIABLES */
:root {
  --brand:#98171C; --brand-dark:#D62128;
  --dark-navy:#1C1C2E;
  --text-dark:#181D27; --text-mid:#535862; --text-light:#717680; --text-muted:#939AAD;
  --border:#E9EAEB; --border-light:#F5F5F5;
  --bg-light:#FAFAFA;
  --white:#ffffff;
  --shadow-sm:0 1px 3px rgba(0,0,0,.08);
  --shadow-md:0 4px 16px rgba(0,0,0,.1);
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px;
}

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--white);color:var(--text-dark);line-height:1.5;-webkit-font-smoothing:antialiased;}
html.fonts-ready body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
/* RTL / CJK — system stacks (no large webfont download; unicode-range Latin Inter stays for UI chrome) */
html.locale-ar body,
html.locale-ar.fonts-ready body{
  font-family:'Segoe UI','Tahoma','Noto Naskh Arabic','Arial',sans-serif;
}
html.locale-zh body,
html.locale-zh.fonts-ready body{
  font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul,ol{list-style:none;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}
input,select,textarea{font-family:inherit;outline:none;}

/* SCROLL PROGRESS */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--brand),var(--brand-dark));z-index:9999;transition:width .1s linear;}

/* CONTAINER */
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.25rem;}
.section-pad{padding:3rem 0;}
.bg-light{background:var(--bg-light);}
.bg-dark{background:#1C1C2E;}

/* SECTION HEADER */
.section-header{text-align:center;margin-bottom:2rem;}
.section-title{font-size:1.625rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem;}
.section-subtitle{font-size:.9375rem;color:var(--text-mid);max-width:600px;margin:0 auto;}
.section-cta{text-align:center;margin-top:2rem;}

/* BUTTONS */
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--brand);color:var(--white);padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;transition:background .2s;}
.btn-primary:hover{background:var(--brand-dark);}
.btn-outline{display:inline-flex;align-items:center;gap:.5rem;border:1.5px solid var(--brand);color:var(--brand);padding:.55rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;transition:all .2s;}
.btn-outline:hover{background:var(--brand);color:var(--white);}
.btn-rfq{display:inline-flex;align-items:center;gap:.375rem;background:var(--brand);color:var(--white);padding:.45rem .875rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;white-space:nowrap;transition:background .2s;}
.btn-rfq:hover{background:var(--brand-dark);}
.btn-rfq svg{flex-shrink:0;}
.btn-login{font-size:.8125rem;font-weight:600;color:var(--text-mid);padding:.45rem .75rem;border-radius:var(--radius-sm);transition:color .2s;}
.btn-login:hover{color:var(--brand);}
.btn-register{font-size:.8125rem;font-weight:600;color:var(--white);background:var(--brand);padding:.45rem .875rem;border-radius:var(--radius-sm);transition:background .2s;}
.btn-register:hover{background:var(--brand-dark);}
.link-more{display:inline-flex;align-items:center;gap:.375rem;color:var(--brand);font-size:.9375rem;font-weight:600;transition:gap .2s;}
.link-more:hover{gap:.625rem;}

/* ============================================================ HEADER */
.site-header{background:var(--white);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1.25rem;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box;}
.header-logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0;}
.logo-img{height:36px;width:auto;}
.logo-text{display:flex;flex-direction:column;line-height:1;}
.logo-e5{font-size:1rem;font-weight:800;color:var(--brand);}
.logo-gt{font-size:.75rem;font-weight:700;color:#1C1C2E;}
.logo-sub{font-size:.5rem;font-weight:500;color:var(--text-muted);letter-spacing:.05em;}

/* DESKTOP NAV */
.header-nav{display:none;align-items:center;gap:.125rem;flex:1;padding:0 .5rem;}
@media(min-width:1024px){.header-nav{display:flex;}}
.nav-link{display:flex;align-items:center;padding:.45rem .625rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--text-mid);white-space:nowrap;transition:color .2s;}
.nav-link:hover{color:var(--brand);}

/* NAV DROPDOWN */
.nav-dropdown{position:relative;}
.nav-dropdown-btn{display:flex;align-items:center;gap:.25rem;padding:.45rem .625rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--text-mid);white-space:nowrap;transition:color .2s;}
.nav-dropdown-btn:hover{color:var(--brand);}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + .5rem);left:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:180px;padding:.375rem 0;z-index:200;}
.nav-dropdown:hover .nav-dropdown-menu{display:block;}
.nav-dropdown-menu a{display:block;padding:.5rem 1rem;font-size:.8125rem;color:var(--text-mid);transition:color .2s,background .2s;}
.nav-dropdown-menu a:hover{color:var(--brand);background:var(--bg-light);}

/* HEADER ACTIONS */
.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;}

/* LANG SELECTOR */
.lang-selector{position:relative;}
.lang-btn{display:flex;align-items:center;gap:.25rem;padding:.35rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.8125rem;font-weight:600;color:var(--text-mid);transition:border-color .2s;}
.lang-btn:hover{border-color:var(--brand);}
.lang-flag,.lang-code{font-size:.8125rem;}
.lang-dropdown{display:none;position:absolute;top:calc(100% + .5rem);right:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:150px;padding:.375rem 0;z-index:300;}
.lang-dropdown.open{display:block;}
.lang-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.8125rem;color:var(--text-mid);transition:background .15s,color .15s;}
.lang-option:hover{background:var(--bg-light);color:var(--brand);}

/* HAMBURGER */
.hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:6px;border-radius:var(--radius-sm);transition:background .2s;}
.hamburger:hover{background:var(--bg-light);}
.hamburger span{display:block;height:2px;background:var(--text-dark);border-radius:2px;transition:transform .3s,opacity .3s;}
@media(min-width:1024px){.hamburger{display:none;}}


/* ============================================================ HERO SLIDER */
.hero-section{position:relative;background:#000;overflow:hidden;}
.slider-progress-bar{position:absolute;top:0;left:0;height:3px;width:0%;background:var(--brand);z-index:10;transition:none;}
.slider-wrapper{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);}
.slide{position:relative;min-width:100%;height:260px;}
@media(min-width:640px){.slide{height:360px;}}
@media(min-width:1024px){.slide{height:460px;}}
@media(min-width:1280px){.slide{height:500px;}}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.slide-overlay{position:absolute;inset:0;display:flex;align-items:center;}
.overlay-left{background:linear-gradient(to right,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 50%,transparent 100%);justify-content:flex-start;padding:2rem 4%;}
.overlay-center{background:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.65));justify-content:center;text-align:center;padding:2rem 4%;}
.overlay-right{background:linear-gradient(to left,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 50%,transparent 100%);justify-content:flex-end;padding:2rem 4%;}
.slide-content{max-width:520px;}
.overlay-center .slide-content{text-align:center;}
.slide-tag{display:inline-block;background:var(--brand);color:var(--white);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:.25rem .625rem;border-radius:3px;margin-bottom:.75rem;text-transform:uppercase;}
.slide-title{font-size:1.5rem;font-weight:800;color:var(--white);line-height:1.2;margin-bottom:.75rem;}
@media(min-width:768px){.slide-title{font-size:2rem;}}
@media(min-width:1024px){.slide-title{font-size:2.5rem;}}
.slide-desc{font-size:.9rem;color:rgba(255,255,255,.88);line-height:1.6;margin-bottom:1.25rem;}
@media(min-width:768px){.slide-desc{font-size:1rem;}}
.slide-btn{display:inline-flex;align-items:center;background:var(--brand);color:var(--white);padding:.6rem 1.375rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:700;transition:background .2s,transform .2s;}
.slide-btn:hover{background:var(--brand-dark);transform:translateY(-1px);}

/* SLIDER ARROWS */
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:var(--white);z-index:10;transition:background .2s,transform .2s;}
.slider-arrow:hover{background:rgba(255,255,255,.32);}
.slider-prev{left:1rem;}
.slider-next{right:1rem;}
@media(min-width:768px){.slider-arrow{width:48px;height:48px;}}

/* SLIDER DOTS */
.slider-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:10;}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);transition:background .3s,width .3s;border:none;}
.dot.active{background:var(--white);width:22px;border-radius:4px;}

/* ============================================================ SEARCH SECTION */
.search-section{background:var(--white);padding:1.5rem 0 1rem;border-bottom:1px solid var(--border-light);}
.search-tabs{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:.875rem;}
.search-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:600;color:var(--text-mid);border:1.5px solid var(--border);transition:all .2s;}
.search-tab.active{color:var(--brand);border-color:var(--brand);background:#ffffff;}
.search-tab:hover:not(.active){color:var(--brand);border-color:var(--brand);}
.search-box{display:flex;align-items:center;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:visible;box-shadow:var(--shadow-sm);position:relative;transition:border-color .2s,box-shadow .2s;}
.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(152,23,28,.12);}
.search-input-wrap{flex:1;display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;}
.search-icon{color:var(--text-muted);flex-shrink:0;}
.search-input{flex:1;border:none;outline:none;font-size:.9375rem;color:var(--text-dark);background:transparent;}
.search-input::placeholder{color:var(--text-muted);}
.search-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--border);color:var(--text-mid);flex-shrink:0;}
.search-clear:hover{background:var(--brand);color:var(--white);}
.search-divider{width:1px;height:28px;background:var(--border);flex-shrink:0;}
.search-filters-row{display:contents;}
.search-filter{position:relative;flex-shrink:0;}
.search-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;color:var(--text-mid);white-space:nowrap;transition:color .2s;}
.search-filter-btn:hover{color:var(--brand);}
.filter-label{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.filter-chev{transition:transform .2s;flex-shrink:0;}
.search-filter.open .filter-chev{transform:rotate(180deg);}
.filter-panel{display:none;position:absolute;top:calc(100% + .75rem);left:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:240px;z-index:200;}
.filter-panel-right{left:auto;right:0;}
.filter-panel.open{display:block;}
.filter-search-wrap{padding:.625rem .75rem;border-bottom:1px solid var(--border-light);}
.filter-search-input{width:100%;padding:.375rem .625rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-dark);}
.filter-search-input:focus{border-color:var(--brand);}
.filter-list{max-height:260px;overflow-y:auto;padding:.375rem 0;}
.filter-list::-webkit-scrollbar{width:4px;}
.filter-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
.filter-list li button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .875rem;font-size:.8125rem;color:var(--text-mid);text-align:left;transition:background .15s,color .15s;}
.filter-list li button:hover{background:var(--bg-light);color:var(--brand);}
.filter-list li button.selected{color:var(--brand);font-weight:600;background:rgba(152,23,28,.06);}
.flag-img{width:20px;height:14px;object-fit:cover;border-radius:2px;flex-shrink:0;}
.search-submit{display:flex;align-items:center;gap:.375rem;background:var(--brand);color:var(--white);padding:.5rem 1.125rem;font-size:.875rem;font-weight:700;white-space:nowrap;border-radius:0 calc(var(--radius-md) - 2px) calc(var(--radius-md) - 2px) 0;transition:background .2s;flex-shrink:0;margin:0;height:100%;}
.search-submit:hover{background:var(--brand-dark);}
.popular-searches{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.875rem;}
.popular-label{font-size:.8125rem;color:var(--text-muted);font-weight:500;flex-shrink:0;}
.popular-chip{padding:.3rem .75rem;border-radius:20px;border:1px solid var(--border);font-size:.8125rem;color:var(--text-mid);background:var(--white);transition:all .2s;}
.popular-chip:hover{border-color:var(--brand);color:var(--brand);background:#ffffff;}

/* AD BANNERS */
.ad-banner-section{padding:1rem 0;}
.ad-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1C1C2E 0%,#2d2d6e 100%);padding:2rem;display:flex;align-items:center;justify-content:center;min-height:120px;}
.ad-banner-full{width:100%;}
.ad-banner-half{flex:1;}
.ad-banner-red{background:linear-gradient(135deg,var(--brand) 0%,#c0392b 100%);}
.ad-banner-navy{background:linear-gradient(135deg,#1C1C2E 0%,#2c3e8c 100%);}
.ad-banner-content{text-align:center;}
.ad-tag{display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.6);text-transform:uppercase;margin-bottom:.375rem;}
.ad-title{font-size:1.125rem;font-weight:800;color:var(--white);margin-bottom:.5rem;}
.ad-desc{font-size:.8125rem;color:rgba(255,255,255,.75);margin-bottom:.875rem;}
.ad-btn{display:inline-flex;background:var(--brand);color:var(--white);padding:.4rem 1rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:700;transition:background .2s;}
.ad-btn:hover{background:var(--brand-dark);}
.ad-banner-navy .ad-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);}
.news-ads{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;}
.bottom-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
@media(max-width:640px){.news-ads,.bottom-ads-grid{grid-template-columns:1fr;}}

/* ============================================================ CATEGORIES INTRO */
.categories-intro{}
.cat-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
@media(min-width:768px){.cat-cards-grid{grid-template-columns:repeat(4,1fr);}}
.cat-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:1.5rem 1.25rem;transition:border-color .2s,box-shadow .2s;}
.cat-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md);}
.cat-card.featured{background:#1C1C2E;border-color:#1C1C2E;}
.cat-card.featured .cat-card-name,.cat-card.featured .cat-card-desc{color:var(--white);}
.cat-card.featured .cat-card-link{color:rgba(255,255,255,.75);}
.cat-card-icon{font-size:2rem;margin-bottom:.875rem;}
.cat-card-name{font-size:1rem;font-weight:700;margin-bottom:.375rem;}
.cat-card-desc{font-size:.8125rem;color:var(--text-mid);line-height:1.5;margin-bottom:.875rem;}
.cat-card-link{font-size:.8125rem;font-weight:600;color:var(--brand);}

/* ============================================================ DISCOVER */
.discover-section{}
.discover-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;}
@media(min-width:1024px){.discover-layout{grid-template-columns:360px 1fr !important;gap:2rem !important;}}
@media(min-width:1280px){.discover-layout{gap:2.5rem !important;}}

/* SIDEBAR ACCORDION */
.discover-sidebar{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--white);}
.cat-accordion{}
.acd-item{border-bottom:1px solid var(--border-light);}
.acd-item:last-child{border-bottom:none;}
.acd-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;text-align:left;font-size:.78rem;font-weight:600;color:var(--text-dark);transition:background .15s,color .15s;}
.acd-btn:hover{background:#ffffff;color:var(--brand);}
.acd-btn.open{background:#ffffff;color:var(--brand);}
.acd-icon{font-size:.9rem;flex-shrink:0;width:18px;}
.acd-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.acd-chev{flex-shrink:0;transition:transform .25s;color:var(--text-muted);}
.acd-btn.open .acd-chev{transform:rotate(180deg);}
.acd-body{display:none;padding:.5rem .75rem .75rem 2.75rem;background:#ffffff;flex-wrap:wrap;gap:.375rem;}
.acd-body.open{display:flex;}
.acd-sub{display:inline-block;padding:.25rem .625rem;border-radius:20px;font-size:.75rem;font-weight:500;color:var(--text-mid);border:1px solid var(--border);background:var(--white);transition:all .2s;margin:.125rem;}
.acd-sub:hover{border-color:var(--brand);color:var(--brand);background:#ffffff;}

/* DISCOVER CONTENT */
.discover-heading{font-size:1.375rem;font-weight:700;color:var(--text-dark);}
.discover-subhead{font-size:.875rem;color:var(--text-mid);margin-bottom:1rem;}

/* TABS */
.tab-nav{display:flex;gap:.125rem;border-bottom:2px solid var(--border);margin-bottom:1.25rem;}
.tab-btn{padding:.625rem .875rem;font-size:.875rem;font-weight:600;color:var(--text-mid);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;}
.tab-btn:hover{color:var(--brand);}
.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand);}
.tab-pane{display:none;}
.tab-pane.active{display:block;}
.tab-cta{margin-top:1.25rem;text-align:center;}

/* PRODUCT GRID */
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
@media(min-width:768px){.product-grid{grid-template-columns:repeat(3,1fr);}}

/* Mobile product grid — 4-per-page swipe carousel */
/* Default: grid stays normal until JS adds .is-carousel class */
.product-grid-wrap{ position:relative; }

.product-grid-wrap.is-carousel{
  overflow:hidden;
}
.product-grid-wrap.is-carousel .product-grid{
  display:flex;
  flex-wrap:nowrap;
  gap:0;
  transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);
  will-change:transform;
}
.product-grid-wrap.is-carousel .product-page{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0.75rem;
  flex:0 0 100%;
  min-width:100%;
  padding:0 2px;
  box-sizing:border-box;
}

/* Pagination dots */
.product-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:14px;
}
.product-dot{
  width:20px;height:20px;
  border-radius:50%;
  background:transparent;
  border:none;padding:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.product-dot .dot-ring{ display:block; }
.product-dot .dot-ring circle:first-child{ opacity:0.3; }
.product-dot:not(.active) .dot-arc{ stroke-dashoffset:43.98 !important;transition:none !important; }
/* küçük iç nokta */
.product-dot::after{
  content:'';
  position:absolute;
  width:5px;height:5px;
  border-radius:50%;
  background:#ccc;
  transition:background 0.2s;
}
.product-dot.active::after{ background:#98171C; }
/* Prev/Next arrows */
.product-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:10px;
}
.product-nav-btn{
  width:34px;height:34px;
  border-radius:50%;
  border:1px solid #e5e7eb;
  background:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:#555;
  transition:background 0.2s,border-color 0.2s;
  flex-shrink:0;
}
.product-nav-btn:hover{background:#f5f5f7;border-color:#ccc;}
.product-nav-btn:disabled{opacity:0.3;cursor:default;}

@media(min-width:768px){
  .product-dots,.product-nav{display:none !important;}
}
.product-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .2s,transform .2s;}
.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.product-img-wrap{aspect-ratio:4/3;overflow:hidden;background:var(--bg-light);}
.product-img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.product-card:hover .product-img{transform:scale(1.04);}
.product-body{padding:.875rem;}
.product-cat{display:inline-block;font-size:.6875rem;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem;}
.product-name{font-size:.9375rem;font-weight:700;color:var(--text-dark);line-height:1.35;margin-bottom:.75rem;}
.product-company{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);}
.company-avatar{width:22px;height:22px;border-radius:50%;background:#1C1C2E;color:var(--white);font-size:.5rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}

/* ============================================================ HOME PACKAGES */
.home-packages-section {
  background: linear-gradient(135deg, #1C1C2E 0%, #0f2744 60%, #98171C 100%);
  padding: 56px 0;
  position: relative;
  overflow: hidden;
}
.home-packages-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Crect x='0' y='0' width='40' height='40'/%3E%3Crect x='40' y='40' width='40' height='40'/%3E%3C/g%3E%3C/svg%3E");
}
.home-packages-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.home-packages-badge {
  display: inline-block;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.85);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
}
.home-packages-title {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 900;
  color: #fff;
  margin: 0 0 14px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.home-packages-sub {
  font-size: .9rem;
  color: rgba(255,255,255,.65);
  line-height: 1.7;
  margin: 0 0 28px;
  max-width: 400px;
}
.home-packages-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #1C1C2E;
  font-size: .88rem;
  font-weight: 800;
  padding: 12px 28px;
  border-radius: 10px;
  text-decoration: none;
  transition: all .2s;
}
.home-packages-cta:hover { background: #f3f4f6; transform: translateY(-1px); }
.home-packages-right {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.home-pkg-card {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 20px 14px;
  text-align: center;
  position: relative;
  transition: all .2s;
  backdrop-filter: blur(4px);
}
.home-pkg-card:hover { background: rgba(255,255,255,.12); transform: translateY(-3px); }
.home-pkg-card.popular { border-color: #98171C; background: rgba(152,23,28,.2); }
.home-pkg-card.agency { border-color: rgba(201,168,76,.4); background: rgba(201,168,76,.08); }
.home-pkg-badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: #98171C;
  color: #fff;
  font-size: .6rem;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 10px;
  white-space: nowrap;
  letter-spacing: .05em;
}
.home-pkg-icon { font-size: 1.6rem; margin-bottom: 8px; }
.home-pkg-name { font-size: .72rem; font-weight: 800; color: rgba(255,255,255,.6); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; }
.home-pkg-card.agency .home-pkg-name { color: #c9a84c; }
.home-pkg-price { font-size: 1.4rem; font-weight: 900; color: #fff; margin-bottom: 6px; }
.home-pkg-price span { font-size: .72rem; font-weight: 500; color: rgba(255,255,255,.5); }
.home-pkg-card.agency .home-pkg-price { color: #c9a84c; }
.home-pkg-desc { font-size: .68rem; color: rgba(255,255,255,.45); line-height: 1.5; }

@media (max-width: 768px) {
  .home-packages-inner { grid-template-columns: 1fr; gap: 28px; }
  .home-packages-right { grid-template-columns: repeat(3, 1fr); }
  .home-packages-title { font-size: 1.4rem; }
}
@media (max-width: 480px) {
  .home-packages-right { grid-template-columns: 1fr; max-width: 240px; margin: 0 auto; }
}

/* ============================================================ NEWS */
.news-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;}
@media(min-width:768px){.news-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1024px){.news-grid{grid-template-columns:1fr 1fr 1fr;}}

/* News carousel — mobile */
.news-grid-wrap{ position:relative; }
.news-grid-wrap.is-carousel{ overflow:hidden; }
.news-grid-wrap.is-carousel .news-grid{
  display:flex;
  flex-wrap:nowrap;
  gap:0;
  transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);
  will-change:transform;
}
.news-grid-wrap.is-carousel .news-page{
  flex:0 0 100%;
  min-width:100%;
  padding:0 2px;
  box-sizing:border-box;
}
@media(min-width:768px){
  .news-grid-wrap.is-carousel .news-grid{ display:grid; transform:none !important; }
  .news-page{ display:contents; }
  .news-nav{ display:none !important; }
}
.news-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .2s,transform .2s;}
.news-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.news-card-featured{grid-column:span 1;}
@media(min-width:768px){.news-card-featured{grid-column:span 2;}}
@media(min-width:1024px){.news-card-featured{grid-column:span 1;}}
.news-img-wrap{aspect-ratio:16/9;overflow:hidden;background:var(--bg-light);}
.news-img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.news-card:hover .news-img{transform:scale(1.04);}
.news-body{padding:1rem;}
.news-cat{display:inline-block;font-size:.6875rem;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem;}
.news-title{font-size:1rem;font-weight:700;color:var(--text-dark);line-height:1.4;margin-bottom:.5rem;}
.news-excerpt{font-size:.8125rem;color:var(--text-mid);line-height:1.55;margin-bottom:.75rem;}
.news-meta{display:flex;align-items:center;gap:.75rem;}
.news-date{font-size:.75rem;color:var(--text-muted);}

/* ============================================================ PROMO */
.promo-section{}
.promo-inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;padding:2rem 0;}
@media(min-width:768px){.promo-inner{grid-template-columns:1fr 1fr;}}
.promo-title{font-size:1.5rem;font-weight:800;color:var(--white);margin-bottom:.75rem;}
@media(min-width:768px){.promo-title{font-size:1.875rem;}}
.promo-desc{font-size:.9375rem;color:rgba(255,255,255,.75);line-height:1.6;margin-bottom:1.5rem;}
.promo-logos{display:flex;flex-wrap:wrap;gap:.625rem;}
.promo-logo-pill{padding:.5rem 1.125rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:rgba(255,255,255,.85);font-size:.875rem;font-weight:600;}

/* ============================================================ FAQ */
.faq-container{max-width:800px;}
.faq-list{display:flex;flex-direction:column;gap:.625rem;}
.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;}
.faq-btn{display:flex;align-items:center;width:100%;padding:1rem 1.125rem;text-align:left;background:var(--white);transition:background .2s;}
.faq-btn:hover{background:var(--bg-light);}
.faq-btn.open{background:var(--bg-light);}
.faq-q{flex:1;font-size:.9375rem;font-weight:600;color:var(--text-dark);min-width:0;}
.faq-chev{flex-shrink:0;transition:transform .25s;color:var(--text-muted);margin-left:.75rem;}
.faq-btn.open .faq-chev{transform:rotate(180deg);}
.faq-body{display:none;padding:0 1.125rem 1rem;background:var(--bg-light);}
.faq-body.open{display:block;}
.faq-body p{font-size:.9rem;color:var(--text-mid);line-height:1.65;}
.faq-help-wrap{margin-top:2rem;text-align:center;}
.faq-help{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;}
.faq-help-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;}
.faq-help-desc{font-size:.9375rem;color:var(--text-mid);margin-bottom:1.25rem;}

/* ============================================================ FOOTER */
.site-footer{background:#1C1C2E;color:rgba(255,255,255,.85);padding:3rem 0 1.5rem;}
.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2.5rem;}
@media(min-width:640px){.footer-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1024px){.footer-grid{grid-template-columns:repeat(5,1fr);}}
.footer-heading{font-size:.875rem;font-weight:700;color:var(--white);margin-bottom:.875rem;letter-spacing:.02em;}
.footer-links li{margin-bottom:.5rem;}
.footer-links a{font-size:.8125rem;color:rgba(255,255,255,.6);transition:color .2s;}
.footer-links a:hover{color:var(--white);}

/* Footer accordion — mobile */
@media(max-width:767px){
  button.footer-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    background:none;
    border:none;
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:14px 0;
    margin-bottom:0;
    cursor:pointer;
    color:var(--white);
    font-size:.875rem;
    font-weight:700;
    letter-spacing:.02em;
    text-align:left;
  }
  button.footer-heading .footer-chev{
    flex-shrink:0;
    transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);
    opacity:0.6;
  }
  button.footer-heading[aria-expanded="true"] .footer-chev{
    transform:rotate(180deg);
    opacity:1;
  }
  .footer-links{
    transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.3s ease;
    padding-top:0;
  }
  .footer-links[style*="max-height: 0"]{
    padding-top:0;
    margin-bottom:0;
  }
  [aria-expanded="true"] + .footer-links,
  .footer-links[style*="max-height"]:not([style*="max-height: 0"]){
    padding-top:10px;
    padding-bottom:4px;
  }
  .footer-col{
    border-bottom:none;
  }
}
.footer-bottom{display:flex;flex-direction:column;gap:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;align-items:center;text-align:center;}
@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left;}}

@media(max-width:767px){
  .footer-bottom{
    margin-top:8px;
    padding-top:1.25rem;
    gap:1rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .footer-logo{ order:1; }
  .footer-social{
    order:2;
    display:flex;
    gap:10px;
    justify-content:center;
  }
  .footer-copy{
    order:3;
    font-size:.72rem;
    color:rgba(255,255,255,.45);
    line-height:1.5;
  }
}
.footer-logo .logo-e5{color:var(--brand);}
.footer-logo .logo-gt{color:rgba(255,255,255,.7);}
.footer-copy{font-size:.8125rem;color:rgba(255,255,255,.5);}
.footer-social{display:flex;gap:.625rem;}
.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);transition:border-color .2s,color .2s,background .2s;}
.social-link:hover{border-color:var(--brand);color:var(--white);background:var(--brand);}
.footer-social{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}

/* BACK TO TOP */
.back-to-top{
  position:fixed;
  bottom:1.5rem;
  right:1.5rem;
  width:46px;height:46px;
  border-radius:50%;
  background:var(--brand);
  color:var(--white);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 16px rgba(152,23,28,.45);
  opacity:0;
  pointer-events:none;
  transform:translateY(16px);
  transition:opacity .3s,transform .3s,background .2s;
  z-index:9999;
  border:none;
  cursor:pointer;
}
.back-to-top.visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.back-to-top:hover{background:var(--brand-dark);}
@media(max-width:767px){
  .back-to-top{bottom:1.25rem;right:1rem;width:42px;height:42px;}
}

/* Emoji/bayrak destegi */


/* Nav genisligi - tasma onleme */
.site-header { overflow: visible !important; }
.header-inner { overflow: visible !important; flex-wrap: nowrap; }
.header-nav { overflow: visible !important; flex-shrink: 1; min-width: 0; }

/* Nav link ve dropdown btn - esit yukseklik, esit stil */
.nav-link,
.nav-dropdown-btn {
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .2rem;
  padding: 0 .5rem !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  color: #535862 !important;
  white-space: nowrap !important;
  border-radius: 6px !important;
  line-height: 1 !important;
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
  transition: color .15s, background .15s;
  text-decoration: none;
}
.nav-link:hover,
.nav-dropdown-btn:hover,
.nav-dropdown:hover > .nav-dropdown-btn {
  color: #98171C !important;
  background: #ffffff !important;
}

/* Dropdown container */
.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Dropdown menu - tamamen yeniden */
.nav-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #E9EAEB;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  min-width: 200px;
  width: max-content;
  max-width: 280px;
  padding: .375rem 0;
  z-index: 9999;
  white-space: nowrap;
}

/* Son iki dropdown saga acilmasin */
.nav-dropdown:nth-last-child(1) .nav-dropdown-menu,
.nav-dropdown:nth-last-child(2) .nav-dropdown-menu {
  left: auto;
  right: 0;
}

.nav-dropdown:hover > .nav-dropdown-menu {
  display: block;
}

.nav-dropdown-menu a {
  display: block;
  padding: .5rem 1rem;
  font-size: .8125rem;
  font-weight: 500;
  color: #535862;
  white-space: nowrap;
  text-decoration: none;
  transition: color .15s, background .15s;
  border-radius: 0;
}
.nav-dropdown-menu a:first-child { border-radius: 8px 8px 0 0; }
.nav-dropdown-menu a:last-child  { border-radius: 0 0 8px 8px; }
.nav-dropdown-menu a:hover {
  color: #98171C;
  background: #ffffff;
}

/* ── UST SATIR ── */
.header-top {
  background: #fff;
  border-bottom: 1px solid #F0F0F0;
}
.header-top-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  box-sizing: border-box;
}

/* Logo */
.header-logo {
  display: flex;
  align-items: center;
  gap: .625rem;
  text-decoration: none;
  flex-shrink: 0;
}
.logo-img {
  height: 42px;
  width: auto;
  display: block;
}
.logo-fallback {
  display: none;
  align-items: center;
  gap: .125rem;
}
.logo-e5 {
  font-size: 1.25rem;
  font-weight: 900;
  color: #98171C;
  letter-spacing: -.02em;
}
.logo-gt {
  font-size: 1.25rem;
  font-weight: 900;
  color: #1C1C2E;
  letter-spacing: -.02em;
}
.logo-brand {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}
.logo-name {
  font-size: .8125rem;
  font-weight: 700;
  color: #181D27;
}
.logo-tagline {
  font-size: .6rem;
  font-weight: 500;
  color: #939AAD;
  letter-spacing: .04em;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .logo-brand { display: none; }
}

/* Header Aksiyonlar */
.header-actions {
  display: flex;
  align-items: center;
  gap: .375rem;
  flex-shrink: 0;
}
.header-divider {
  width: 1px;
  height: 20px;
  background: #E9EAEB;
  flex-shrink: 0;
}

/* Butonlar */
.btn-rfq {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  background: #98171C;
  color: #fff;
  padding: .4rem .875rem;
  border-radius: 6px;
  font-size: .8rem;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  transition: background .2s;
}
.btn-rfq:hover { background: #D62128; }

.lang-selector { position: relative; }
.lang-btn {
  display: flex;
  align-items: center;
  gap: .3rem;
  padding: .35rem .5rem;
  border-radius: 6px;
  border: 1px solid #E9EAEB;
  font-size: .78rem;
  font-weight: 600;
  color: #535862;
  cursor: pointer;
  background: none;
  transition: border-color .2s;
}
.lang-btn:hover { border-color: #98171C; }
.lang-flag-img {
  width: 20px;
  height: 14px;
  object-fit: cover;
  border-radius: 2px;
  flex-shrink: 0;
}
.lang-code { font-size: .75rem; font-weight: 700; }
.lang-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + .5rem);
  right: 0;
  background: #fff;
  border: 1px solid #E9EAEB;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  min-width: 155px;
  padding: .3rem 0;
  z-index: 9999;
}
.lang-dropdown.open { display: block; }
.lang-option {
  display: flex;
  align-items: center;
  gap: .5rem;
  width: 100%;
  padding: .45rem .875rem;
  font-size: .8rem;
  color: #535862;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}
.lang-option img {
  width: 20px;
  height: 14px;
  object-fit: cover;
  border-radius: 2px;
  flex-shrink: 0;
}
.lang-option:hover { background: #FAFAFA; color: #98171C; }

.btn-login {
  font-size: .8rem;
  font-weight: 600;
  color: #535862;
  padding: .35rem .5rem;
  border-radius: 6px;
  text-decoration: none;
  transition: color .2s;
  white-space: nowrap;
  display: none;
}
@media (min-width: 640px) { .btn-login { display: block; } }
.btn-login:hover { color: #98171C; }

.btn-register {
  font-size: .8rem;
  font-weight: 700;
  color: #fff;
  background: #1C1C2E;
  padding: .35rem .875rem;
  border-radius: 6px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s;
  display: none;
}
@media (min-width: 480px) { .btn-register { display: block; } }
.btn-register:hover { background: #2d2d6e; }

/* Hamburger */
.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 36px;
  height: 36px;
  padding: 6px;
  border-radius: 6px;
  border: none;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
}
.hamburger:hover { background: #FAFAFA; }
.hamburger span {
  display: block;
  height: 2px;
  background: #181D27;
  border-radius: 2px;
  transition: transform .3s, opacity .3s;
}
@media (min-width: 1100px) { .hamburger { display: none; } }

/* ── ALT SATIR: NAV ── */
.header-nav-bar {
  background: #fff;
  border-top: 1px solid #F5F5F5;
}
.header-nav-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
  box-sizing: border-box;
}
.header-nav {
  display: none;
  align-items: center;
  gap: 0;
  height: 42px;
  overflow: visible;
}
@media (min-width: 1100px) { .header-nav { display: flex; } }

/* Nav linkleri */
.nav-link {
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 .625rem;
  font-size: .8rem;
  font-weight: 600;
  color: #535862;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
  box-sizing: border-box;
}
.nav-link:hover {
  color: #98171C;
  border-bottom-color: #98171C;
}

/* Dropdown */
.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 42px;
}
.nav-dropdown-btn {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  height: 42px;
  padding: 0 .625rem;
  font-size: .8rem;
  font-weight: 600;
  color: #535862;
  white-space: nowrap;
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
  box-sizing: border-box;
}
.nav-dropdown-btn:hover,
.nav-dropdown:hover > .nav-dropdown-btn {
  color: #98171C;
  border-bottom-color: #98171C;
}
.nav-dropdown-btn-accent {
  color: #98171C !important;
  font-weight: 700 !important;
}

.nav-dropdown-menu {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  background: #fff;
  border: 1px solid #E9EAEB;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0,0,0,.12);
  min-width: 260px;
  padding: .5rem 0;
  z-index: 9999;
}
.nav-dropdown-right {
  left: auto !important;
  right: 0 !important;
}
.nav-dropdown:hover > .nav-dropdown-menu { display: block; }

/* Dropdown item */
.ndm-item {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .625rem 1rem;
  text-decoration: none;
  transition: background .15s;
  border-radius: 0;
}
.ndm-item:hover { background: #FAFAFA; }
.ndm-icon {
  font-size: 1.125rem;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F5F5F5;
  border-radius: 6px;
  flex-shrink: 0;
}
.ndm-text { display: flex; flex-direction: column; }
.ndm-text strong {
  font-size: .8125rem;
  font-weight: 600;
  color: #181D27;
}
.ndm-text small {
  font-size: .72rem;
  color: #939AAD;
  margin-top: .1rem;
}
.ndm-item:hover .ndm-text strong { color: #98171C; }

/* Nav bar arka plan ve yukseklik */
.header-nav-bar {
  background: #fff;
  border-top: 1px solid #EFEFEF;
}
.header-nav-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-nav {
  display: none;
  align-items: center;
  justify-content: center;
  height: 46px;
  gap: .125rem;
  width: 100%;
}
@media (min-width: 1100px) { .header-nav { display: flex; } }

/* Nav link - modern minimal */
.nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 .875rem;
  font-size: .875rem;
  font-weight: 600;
  color: #444;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: none !important;
  letter-spacing: -.01em;
  transition: color .2s;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: .875rem;
  right: .875rem;
  height: 2px;
  background: #98171C;
  border-radius: 2px;
  transform: scaleX(0);
  transition: transform .25s cubic-bezier(.4,0,.2,1);
  transform-origin: left;
}
.nav-link:hover { color: #98171C; }
.nav-link:hover::after { transform: scaleX(1); }

/* Dropdown buton - ayni stil */
.nav-dropdown { position: relative; display: inline-flex; align-items: center; height: 46px; }
.nav-dropdown-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  height: 46px;
  padding: 0 .875rem;
  font-size: .875rem;
  font-weight: 600;
  color: #444;
  white-space: nowrap;
  border: none !important;
  border-bottom: none !important;
  background: none;
  cursor: pointer;
  font-family: inherit;
  letter-spacing: -.01em;
  transition: color .2s;
}
.nav-dropdown-btn::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: .875rem;
  right: .875rem;
  height: 2px;
  background: #98171C;
  border-radius: 2px;
  transform: scaleX(0);
  transition: transform .25s cubic-bezier(.4,0,.2,1);
  transform-origin: left;
}
.nav-dropdown-btn:hover,
.nav-dropdown:hover > .nav-dropdown-btn {
  color: #98171C;
}
.nav-dropdown:hover > .nav-dropdown-btn::after { transform: scaleX(1); }

/* Cozumlerimiz vurgu */
.nav-dropdown-btn-accent {
  color: #98171C !important;
  font-weight: 700 !important;
}

/* Dropdown menu - icon'suz sik */
.nav-dropdown-menu {
  display: none;
  position: absolute;
  top: 46px;
  left: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0,0,0,.1);
  min-width: 220px;
  padding: .5rem 0;
  z-index: 9999;
}
.nav-dropdown-right { left: auto !important; right: 0 !important; }
.nav-dropdown:hover > .nav-dropdown-menu { display: block; }

/* Dropdown icindeki linkler - icon'suz */
.ndm-item {
  display: block;
  padding: .625rem 1.25rem;
  text-decoration: none;
  transition: background .15s;
}
.ndm-item:hover { background: #FAFAFA; }
.ndm-icon { display: none !important; }
.ndm-text { display: flex; flex-direction: column; }
.ndm-text strong {
  font-size: .8375rem;
  font-weight: 600;
  color: #222;
  line-height: 1.3;
}
.ndm-text small {
  font-size: .75rem;
  color: #9CA3AF;
  margin-top: .15rem;
}
.ndm-item:hover .ndm-text strong { color: #98171C; }

/* Separator cizgi dropdown gruplar arasi */
.ndm-item + .ndm-item { border-top: none; }

/* Dropdown baslik cizgisi (opsiyonel) */
.nav-dropdown-menu::before {
  content: '';
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #98171C, #D62128);
  border-radius: 12px 12px 0 0;
  margin: -.5rem 0 .5rem 0;
}

/* Nav link font buyut */
.nav-link,
.nav-dropdown-btn {
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
  color: #2D2D2D !important;
  padding: 0 .75rem !important;
  height: 46px !important;
}

/* Hover: sadece renk degisimi, alt cizgi animasyonu */
.nav-link:hover,
.nav-dropdown:hover > .nav-dropdown-btn {
  color: #98171C !important;
}

/* Dropdown menu - tamamen temiz */
.nav-dropdown-menu {
  border-radius: 8px !important;
  border: 1px solid rgba(0,0,0,.09) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.11) !important;
  padding: .375rem 0 !important;
  min-width: 200px !important;
}

/* Dropdown ust cizgi kaldir */
.nav-dropdown-menu::before {
  display: none !important;
}

/* Dropdown link - sade ve temiz */
.ndm-item {
  display: block !important;
  padding: .6rem 1.125rem !important;
  text-decoration: none;
  transition: background .12s, color .12s;
  border-radius: 0 !important;
}
.ndm-item:hover { background: #F8F8F8 !important; }
.ndm-text strong {
  font-size: .875rem !important;
  font-weight: 500 !important;
  color: #2D2D2D !important;
  line-height: 1 !important;
}
.ndm-text small { display: none !important; }
.ndm-item:hover .ndm-text strong { color: #98171C !important; }

/* Cozumlerimiz kirmizi kaldir - normal gozuksun */
.nav-dropdown-btn-accent {
  color: #2D2D2D !important;
  font-weight: 600 !important;
}

/* Nav bar yukseklik artir */
.header-nav { height: 50px !important; }
.nav-dropdown { height: 50px !important; }
.nav-dropdown-menu { top: 50px !important; }
.nav-link { height: 50px !important; }
.nav-dropdown-btn { height: 50px !important; }
.nav-link::after { bottom: 10px !important; }
.nav-dropdown-btn::after { bottom: 10px !important; }

/* Font .9rem - ne cok buyuk ne kucuk */
.nav-link,
.nav-dropdown-btn {
  font-size: .9rem !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  padding: 0 .7rem !important;
}

/* Dropdown kapanma sorunu: buton ile menu arasina koru */
.nav-dropdown::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 8px;
  background: transparent;
}
.nav-dropdown-menu {
  margin-top: 0 !important;
  top: calc(50px + 0px) !important;
}

/* Dil secici boyutu RFQ ile esit */
.lang-btn {
  height: 36px !important;
  padding: 0 .625rem !important;
  font-size: .8125rem !important;
  border-radius: 6px !important;
  gap: .375rem !important;
}
.lang-flag-img { width: 22px !important; height: 15px !important; }

/* RFQ butonu yukseklik */
.btn-rfq { height: 36px !important; padding: 0 .875rem !important; font-size: .8125rem !important; }

/* Auth Switch Container */
.auth-switch {
  position: relative;
  display: flex;
  align-items: center;
  background: #F3F4F6;
  border-radius: 8px;
  padding: 3px;
  gap: 0;
  height: 36px;
  box-sizing: border-box;
}

/* Slider arka plan */
.auth-switch-slider {
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(50% - 3px);
  height: calc(100% - 6px);
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,.12);
  transition: transform .25s cubic-bezier(.4,0,.2,1);
  z-index: 0;
  pointer-events: none;
}

/* Butonlar */
.auth-switch-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 .75rem;
  height: 100%;
  font-size: .8rem;
  font-weight: 600;
  color: #9CA3AF;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 6px;
  transition: color .2s;
  white-space: nowrap;
  font-family: inherit;
  min-width: 72px;
}
.auth-switch-btn.active { color: #181D27; }
.auth-switch-btn:not(.active):hover { color: #535862; }

/* Responsive: mobilde gizle */
@media (max-width: 640px) { .auth-switch { display: none; } }

/* Kayıt Ol butonuna hover gelince */
.auth-switch-btn:first-child:hover ~ .auth-switch-slider { transform: translateX(0) !important; }
.auth-switch:hover .auth-switch-btn:first-child:hover { color: #181D27; }
.auth-switch:hover .auth-switch-btn:first-child:hover ~ .auth-switch-btn { color: #9CA3AF; }

/* Scroll progress bar sticky uzerinde */
#scrollProgress {
  position: fixed !important;
  top: 0 !important;
  z-index: 1001 !important;
}


/* ══════════════════════════════════════════════════════════
   HEADER — Temiz, Tek Kaynak, Cakismasiz
   ══════════════════════════════════════════════════════════ */

html { scroll-behavior: smooth; }
body {
  overflow-x: hidden;
  max-width: 100vw;
  padding-top: 0 !important;
  position: relative;
}
*, *::before, *::after { box-sizing: border-box; }

:root {
  --header-h: 52px;
}
@media (min-width: 1100px) {
  :root { --header-h: 100px; }
}

/* Site Header — fixed: overflow-x clip sticky'yi bozar, fixed her zaman calisir */
.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
  overflow: visible;
}

#main-content {
  padding-top: var(--header-h);
}
.header-top { background: #fff; border-bottom: 1px solid #F0F0F0; overflow: visible; }
.header-top-inner {
  max-width: 1280px; margin: 0 auto;
  padding: 0 1.5rem; height: 52px;
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  box-sizing: border-box; overflow: visible;
}

/* Logo */
.header-logo { display: flex; align-items: center; gap: .625rem; text-decoration: none; flex-shrink: 0; }
.logo-img { height: 42px; width: auto; display: block; }
.logo-fallback { display: none; align-items: center; gap: .125rem; }
.logo-e5 { font-size: 1.25rem; font-weight: 900; color: #98171C; letter-spacing: -.02em; }
.logo-gt { font-size: 1.25rem; font-weight: 900; color: #1C1C2E; letter-spacing: -.02em; }
.logo-brand { display: flex; flex-direction: column; line-height: 1.15; }
.logo-name { font-size: .8125rem; font-weight: 700; color: #181D27; }
.logo-tagline { font-size: .6rem; font-weight: 500; color: #939AAD; letter-spacing: .04em; text-transform: uppercase; }
@media (max-width: 480px) { .logo-brand { display: none; } }

/* Header Actions */
.header-actions { display: flex; align-items: center; gap: .375rem; flex-shrink: 0; overflow: visible; }
.header-divider { width: 1px; height: 20px; background: #E9EAEB; flex-shrink: 0; }

/* RFQ Butonu */
.btn-rfq {
  display: inline-flex; align-items: center; gap: .3rem;
  background: #98171C; color: #fff;
  padding: 0 .875rem; height: 36px; border-radius: 6px;
  font-size: .8125rem; font-weight: 700; white-space: nowrap; text-decoration: none;
  transition: background .2s;
}
.btn-rfq:hover { background: #D62128; }

/* Dil Secici */
.lang-selector { position: relative; overflow: visible; }
.lang-btn {
  display: flex; align-items: center; gap: .375rem;
  height: 36px; padding: 0 .625rem; border-radius: 6px;
  border: 1px solid #E9EAEB; font-size: .8125rem; font-weight: 600; color: #535862;
  cursor: pointer; background: none; transition: border-color .2s;
}
.lang-btn:hover { border-color: #98171C; }
.lang-flag-img { width: 22px; height: 15px; object-fit: cover; border-radius: 2px; flex-shrink: 0; }
.lang-code { font-size: .75rem; font-weight: 700; }
.lang-dropdown {
  display: none; position: absolute; top: calc(100% + .5rem); right: 0;
  background: #fff; border: 1px solid #E9EAEB; border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12); min-width: 155px; padding: .3rem 0; z-index: 9999;
}
.lang-dropdown.open { display: block; }
.lang-option {
  display: flex; align-items: center; gap: .5rem;
  width: 100%; padding: .45rem .875rem;
  font-size: .8rem; color: #535862;
  border: none; background: none; cursor: pointer; text-align: left; font-family: inherit;
}
.lang-option img { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; flex-shrink: 0; }
.lang-option:hover { background: #FAFAFA; color: #98171C; }

/* Auth Switch */
.auth-switch {
  position: relative; display: flex; align-items: center;
  background: #F3F4F6; border-radius: 8px; padding: 3px;
  height: 36px; box-sizing: border-box;
}
.auth-switch-slider {
  position: absolute; top: 3px; left: 3px;
  width: calc(50% - 3px); height: calc(100% - 6px);
  background: #fff; border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,.12);
  transition: transform .25s cubic-bezier(.4,0,.2,1);
  z-index: 0; pointer-events: none;
}
.auth-switch-btn {
  position: relative; z-index: 1;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0 .75rem; height: 100%;
  font-size: .8rem; font-weight: 600; color: #9CA3AF;
  border: none; background: none; cursor: pointer; border-radius: 6px;
  transition: color .2s; white-space: nowrap; font-family: inherit;
  min-width: 72px; text-decoration: none;
}
.auth-switch-btn.active { color: #181D27; }
.auth-switch-btn:not(.active):hover { color: #535862; }
@media (max-width: 640px) { .auth-switch { display: none; } }

/* Hamburger */
.hamburger {
  display: flex; flex-direction: column; justify-content: center;
  gap: 4px; width: 36px; height: 36px; padding: 6px;
  border-radius: 6px; border: none; background: none; cursor: pointer; flex-shrink: 0;
}
.hamburger:hover { background: #FAFAFA; }
.hamburger span { display: block; height: 2px; background: #181D27; border-radius: 2px; }
@media (min-width: 1100px) { .hamburger { display: none; } }

/* NAV BAR */
.header-nav-bar { background: #fff; border-top: 1px solid #EFEFEF; overflow: visible; }
.header-nav-inner {
  max-width: 1280px; margin: 0 auto;
  padding: 0 1.5rem; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
  overflow: visible;
}
.header-nav {
  display: none;
  align-items: center; justify-content: center;
  height: 48px; gap: 0; width: 100%;
  overflow: visible;
}
@media (min-width: 1100px) { .header-nav { display: flex; } }

/* Nav linkleri */
.nav-link {
  position: relative; display: inline-flex; align-items: center;
  height: 48px; padding: 0 .75rem;
  font-size: .9rem; font-weight: 600; color: #2D2D2D;
  white-space: nowrap; text-decoration: none; letter-spacing: -.01em;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
}
.nav-link:hover { color: #98171C; border-bottom-color: #98171C; }

/* Dropdown */
.nav-dropdown { position: relative; display: inline-flex; align-items: center; height: 48px; overflow: visible; }
.nav-dropdown::after {
  content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 8px; background: transparent;
}
.nav-dropdown-btn {
  position: relative; display: inline-flex; align-items: center; gap: .25rem;
  height: 48px; padding: 0 .75rem;
  font-size: .9rem; font-weight: 600; color: #2D2D2D;
  white-space: nowrap; border: none; background: none; cursor: pointer;
  font-family: inherit; letter-spacing: -.01em;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
}
.nav-dropdown-btn:hover,
.nav-dropdown:hover > .nav-dropdown-btn { color: #98171C; border-bottom-color: #98171C; }

.nav-dropdown-menu {
  display: none; position: absolute; top: 48px; left: 0;
  background: #fff; border: 1px solid rgba(0,0,0,.09); border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0,0,0,.11);
  min-width: 210px; padding: .5rem 0; z-index: 9999;
}
.nav-dropdown-right { left: auto !important; right: 0 !important; }
.nav-dropdown:hover > .nav-dropdown-menu { display: block; }

.ndm-item {
  display: block; padding: .6rem 1.125rem; text-decoration: none;
  border-radius: 4px; margin: .0625rem .375rem;
  transition: background .12s;
}
.ndm-item:hover { background: #ffffff; }
.ndm-icon { display: none; }
.ndm-text { display: flex; flex-direction: column; }
.ndm-text strong { font-size: .875rem; font-weight: 500; color: #2D2D2D; line-height: 1; }
.ndm-text small { display: none; }
.ndm-item:hover .ndm-text strong { color: #98171C; }

/* ── SLIDER FIX v2 ── */

/* Progress bar: header altında kalmaması için slider içinde absolute */
.slider-progress-bar {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 3px !important;
  width: 0%;
  background: linear-gradient(90deg, #98171C, #D62128) !important;
  z-index: 10 !important;
  transition: width .1s linear !important;
  pointer-events: none !important;
}

/* Slider container: progress bar'ın içinde olması için relative */
.hero-section,
.hero-slider-section {
  position: relative !important;
  overflow: hidden !important;
}

/* Sol ok: sol kenara, yazı alanından uzak */
.slider-btn,
.slider-prev,
.slider-btn-prev,
[class*="slider"][class*="prev"],
[class*="slide"][class*="prev"] {
  left: 20px !important;
  right: auto !important;
}

/* Sag ok: sag kenara, yazı alanından uzak */
.slider-btn-next,
.slider-next,
[class*="slider"][class*="next"],
[class*="slide"][class*="next"] {
  right: 20px !important;
  left: auto !important;
}

/* Okların boyutu ve görünümü */
.slider-btn-prev, .slider-btn-next,
.slider-prev, .slider-next {
  width: 46px !important;
  height: 46px !important;
  flex-shrink: 0 !important;
}

/* Sol hizalı slide içeriği: sol oktan sonra başlasın */
.overlay-left .slide-content,
.overlay-left .slide-inner {
  left: 90px !important;
  max-width: calc(55% - 90px) !important;
}

/* Sag hizalı slide içeriği: sag oktan önce bitsin */
.overlay-right .slide-content,
.overlay-right .slide-inner {
  right: 90px !important;
  left: auto !important;
  max-width: calc(55% - 90px) !important;
}

/* ── SLIDER FIX v3 ── */

/* Slider section: progress bar icin relative */
.hero-slider-section,
.hero-section,
section.slider-section {
  position: relative !important;
}

/* Progress bar: slider icinde gorunur */
#sliderProgressBar,
.slider-progress-bar {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0%;
  height: 4px !important;
  background: linear-gradient(90deg, #98171C, #FF4444) !important;
  z-index: 50 !important;
  border-radius: 0 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Sol ok pozisyon */
.slider-prev, .slider-btn-prev, #sliderPrev, button[onclick*="changeSlide(-1)"] {
  left: 16px !important;
  right: auto !important;
  z-index: 30 !important;
}

/* Sag ok pozisyon */
.slider-next, .slider-btn-next, #sliderNext, button[onclick*="changeSlide(1)"] {
  right: 16px !important;
  left: auto !important;
  z-index: 30 !important;
}

/* Slide overlay: sol hizali - sol oktan sonra */
.overlay-left .slide-overlay-content,
.overlay-left .slide-content,
.slide.active .slide-overlay-content {
  padding-left: 80px !important;
  padding-right: 120px !important;
}

/* Slide overlay: sag hizali - sag oktan once */
.overlay-right .slide-overlay-content,
.overlay-right .slide-content {
  padding-right: 80px !important;
  padding-left: 120px !important;
}

/* Orta hizalama */
.overlay-center .slide-overlay-content,
.overlay-center .slide-content {
  padding-left: 80px !important;
  padding-right: 80px !important;
  text-align: center !important;
}

/* ── PROGRESS BAR BOTTOM ── */
#sliderProgressBar,
.slider-progress-bar {
  top: auto !important;
  bottom: 0 !important;
}

/* ── PROGRESS BAR BG FIX ── */
#sliderProgressBar,
.slider-progress-bar {
  background-color: #98171C !important;
  background-image: linear-gradient(90deg, #98171C, #D62128) !important;
}

/* ── PROGRESS BAR KEYFRAME ── */
@keyframes progressFill {
  from { width: 0%; }
  to   { width: 100%; }
}
.slider-progress-active {
  animation: progressFill 5s linear forwards !important;
  transition: none !important;
}
.slider-progress-reset {
  animation: none !important;
  width: 0% !important;
}

/* ── KURUMSAL IKON SISTEMI ── */

/* Sidebar kategori ikon alani - emoji yerine bos, satir hizali */
.acd-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #6B7280 !important;
}

/* Kategori kart ikonu - SVG tabanli */
.cat-icon, .cat-icon-svg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  background: transparent !important;
  border-radius: 10px !important;
  margin-bottom: .875rem !important;
  color: #6B7280 !important;
}
.cat-icon svg, .cat-icon-svg svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
}

/* Koyu kart (aktif/highlighted) ikonu */
.cat-card-dark .cat-icon,
.cat-card-dark .cat-icon-svg {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
}

/* Arama sekme ikonlari */
.search-tab-icon svg {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
}

/* ── DISCOVER / EXPLORE SECTION BG ── */
.discover-section,
.explore-section,
.section-discover,
.section-explore,
#discoverSection,
#exploreSection {
  background: #ffffff !important;
}
.discover-sidebar,
.cat-sidebar,
#categorySidebar {
  background: #ffffff !important;
}

/* ── CATEGORIES INTRO SECTION BG ── */
.categories-intro,
.categories-section {
  background: #ffffff !important;
}

/* Koyu featured kart - ikon beyaz gorunsun */
.cat-card.featured .cat-card-icon img {
  filter: invert(1) !important;
  opacity: 0.9 !important;
}

/* ── TAB PANEL GIZLEME ── */
.tab-pane {
  display: none !important;
}
.tab-pane.active {
  display: block !important;
}

/* ── E5 TAB SYSTEM ── */
.e5tab-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  border-bottom: 2px solid #e5e7eb;
  margin-bottom: 1.5rem;
}
.e5tab-btn {
  background: none;
  border: none;
  padding: 0.6rem 1rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color .2s, border-color .2s;
  white-space: nowrap;
}
.e5tab-btn:hover { color: #cc0000; }
.e5tab-btn.e5active {
  color: #cc0000;
  border-bottom-color: #cc0000;
  font-weight: 600;
}
.e5tab-panel { display: none; }
.e5tab-panel[style*="display:block"],
.e5tab-panel[style*="display: block"] { display: block !important; }
.tab-cta { margin-top: 1.5rem; text-align: center; }
.tab-cta-link {
  color: #cc0000;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.9rem;
}
.tab-cta-link:hover { text-decoration: underline; }


/* Skip link */
/* Skip link */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #CC0000;
  color: #fff;
  padding: 8px 16px;
  z-index: 99999;
  font-size: 14px;
  transition: top 0.2s;
  text-decoration: none;
}
.skip-link:focus { top: 0; }

/* =============================================
   MOBİL RESPONSIVE DÜZELTMELER
   ============================================= */

@media (max-width: 480px) {

  /* Slider mobil: ust blokta birakildi (768px media) */

  /* Arama: 4 tip butonu 2x2 grid */
  .search-type-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    width: 100% !important;
  }
  .search-type-tab {
    justify-content: center !important;
    font-size: 0.8rem !important;
    padding: 8px 6px !important;
    white-space: nowrap !important;
  }

  /* Arama kutusu mobil: input | kategori+ülke | hemen ara */
  .search-box {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .search-input-wrap {
    flex: none !important;
    width: 100% !important;
    padding: 11px 14px !important;
    border-bottom: 1px solid var(--border-light) !important;
  }
  .search-divider { display: none !important; }
  .search-filters-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    border-bottom: 1px solid var(--border-light) !important;
  }
  .search-filter {
    flex: none !important;
    min-width: 0 !important;
    border-top: none !important;
  }
  .search-filter:first-child {
    border-right: 1px solid var(--border-light) !important;
  }
  .search-filter-btn {
    width: 100% !important;
    padding: 12px 10px !important;
    font-size: 0.8rem !important;
    justify-content: space-between !important;
  }
  .filter-label {
    max-width: none !important;
    flex: 1 !important;
    text-align: left !important;
  }
  .search-submit {
    flex: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    font-size: 0.875rem !important;
    justify-content: center !important;
    border-radius: 0 0 calc(var(--radius-md) - 2px) calc(var(--radius-md) - 2px) !important;
  }

  /* Discover sekmeler 3+3 grid */
  .e5tab-nav {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 4px !important;
    width: 100% !important;
  }
  .e5tab-btn {
    justify-content: center !important;
    text-align: center !important;
    padding: 7px 4px !important;
    font-size: 0.72rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Discover grid: 2 sütun */
  .e5tab-content .discover-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

@media (max-width: 768px) {
  /* Arama popüler chips sarma */
  .search-popular {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  /* Kategori sidebar mobilde gizle */
  .discover-sidebar {
    display: none !important;
  }
  .discover-layout {
    grid-template-columns: 1fr !important;
  }

  /* Haberler grid tek sütun */
  .news-grid {
    grid-template-columns: 1fr !important;
  }

  /* Footer grid tek sütun */
  .footer-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Kategori kartları 2 sütun */
  .sector-cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* ===========================
   MOBILE RESPONSIVE (max 768px)
   =========================== */

/* Skip link */
.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: #cc0000;
  color: #fff;
  padding: 8px 16px;
  z-index: 99999;
  font-size: 0.85rem;
  border-radius: 0 0 4px 0;
  transition: top 0.2s;
}
.skip-link:focus { top: 0; }

/* ---- SLIDER MOBILE — okunabilirlik ve layout ---- */
@media (max-width: 768px) {
  .hero-section { overflow: hidden; }

  .slide {
    height: auto !important;
    min-height: 420px !important;
  }

  .slide-bg {
    background-position: center 30% !important;
  }

  /* Tum hizalamalar: alttan gradient panel */
  .slide-overlay,
  .slide-overlay.overlay-left,
  .slide-overlay.overlay-center,
  .slide-overlay.overlay-right {
    align-items: flex-end !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 0 !important;
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.92) 0%,
      rgba(0, 0, 0, 0.72) 38%,
      rgba(0, 0, 0, 0.25) 68%,
      rgba(0, 0, 0, 0.08) 100%
    ) !important;
  }

  .overlay-center .slide-content,
  .overlay-right .slide-content {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .slide-content,
  .overlay-left .slide-content,
  .overlay-right .slide-content,
  .overlay-center .slide-content,
  .slide.active .slide-overlay-content {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 16px 48px 52px 16px !important;
    box-sizing: border-box !important;
  }

  .slide-tag {
    font-size: 0.62rem !important;
    padding: 4px 10px !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.05em !important;
  }

  .slide-title,
  .slide-content h1,
  .slide-content h2 {
    font-size: clamp(1.05rem, 4.8vw, 1.35rem) !important;
    line-height: 1.28 !important;
    margin-bottom: 8px !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65) !important;
    word-break: break-word !important;
  }

  .slide-desc,
  .slide-content p.slide-desc {
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
    color: rgba(255, 255, 255, 0.93) !important;
    margin-bottom: 14px !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .slide-btn {
    display: inline-flex !important;
    padding: 10px 18px !important;
    font-size: 0.84rem !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  }

  .slider-arrow,
  .slider-prev,
  .slider-next {
    width: 34px !important;
    height: 34px !important;
    top: 42% !important;
    transform: translateY(-50%) !important;
    background: rgba(255, 255, 255, 0.22) !important;
  }

  .slider-prev,
  .slider-btn-prev,
  button[onclick*="changeSlide(-1)"] {
    left: 6px !important;
    right: auto !important;
  }

  .slider-next,
  .slider-btn-next,
  button[onclick*="changeSlide(1)"] {
    right: 6px !important;
    left: auto !important;
  }

  .slider-dots {
    bottom: 10px !important;
    z-index: 25 !important;
  }

  #sliderProgressBar,
  .slider-progress-bar {
    top: auto !important;
    bottom: 0 !important;
    height: 3px !important;
  }
}

@media (max-width: 400px) {
  .slide { min-height: 380px !important; }
  .slide-content,
  .overlay-left .slide-content,
  .overlay-right .slide-content,
  .overlay-center .slide-content {
    padding: 14px 44px 48px 14px !important;
  }
  .slide-desc { -webkit-line-clamp: 2 !important; }
}

/* ---- SEARCH BAR MOBILE ---- */
@media (max-width: 768px) {
  .search-section { padding: 12px 16px; }
  .search-section .container { max-width: 100%; padding-left: 0; padding-right: 0; }

  .search-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 10px; }
  .search-tab { justify-content: center; text-align: center; font-size: 0.78rem; padding: 7px 4px; }

  /* Satır 1: input | Satır 2: kategori+ülke | Satır 3: hemen ara */
  .search-box {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
  }
  .search-input-wrap {
    flex: none;
    width: 100%;
    min-width: 0;
    padding: 11px 14px;
    border-bottom: 1px solid var(--border-light);
  }
  .search-divider { display: none; }
  .search-filters-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    border-bottom: 1px solid var(--border-light);
  }
  .search-filter {
    flex: none;
    min-width: 0;
    border-top: none;
  }
  .search-filter:first-child {
    border-right: 1px solid var(--border-light);
  }
  .search-filter-btn {
    width: 100%;
    padding: 12px 10px;
    font-size: 0.8rem;
    justify-content: space-between;
    gap: 0.35rem;
  }
  .filter-label {
    max-width: none;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }
  .search-submit {
    flex: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 12px 16px;
    font-size: 0.875rem;
    justify-content: center;
    border-radius: 0 0 calc(var(--radius-md) - 2px) calc(var(--radius-md) - 2px);
    white-space: nowrap;
  }
  .filter-panel,
  .filter-panel.filter-panel-right {
    left: 0 !important;
    right: 0 !important;
    min-width: 0;
    width: calc(100vw - 32px);
    max-width: 100%;
  }

  .popular-searches { flex-wrap: wrap; gap: 6px; }
  .popular-chip { font-size: 0.75rem; padding: 3px 10px; }
}

@media (max-width: 400px) {
  .search-filter-btn .filter-label { font-size: 0.7rem; }
  .search-submit span,
  .search-submit { font-size: 0.7rem; }
  .search-filter-btn svg:first-child { display: none; }
}

/* ---- DISCOVER TABS MOBILE ---- */
@media (max-width: 768px) {
  .e5tabs-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin-bottom: 12px; }
  .e5tab-btn { font-size: 0.72rem; padding: 6px 4px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 6px; background: #f3f4f6; border: 1px solid #e5e7eb; }
  .e5tab-btn.active { background: #cc0000; color: #fff; border-color: #cc0000; }
  .discover-layout { grid-template-columns: 1fr !important; }
  .acd-sidebar { width: 100%; }
}

/* ============================================================
   SKIP LINK
   ============================================================ */
.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: #cc0000;
  color: #fff;
  padding: 8px 16px;
  z-index: 10000;
  font-weight: 600;
  text-decoration: none;
  transition: top 0.2s;
}
.skip-link:focus {
  top: 0;
}

/* Discover grid: single column on mobile */
  .discover-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  /* Discover layout: no sidebar on mobile */
  .discover-layout {
    flex-direction: column !important;
  }
  .cat-sidebar {
    width: 100% !important;
    max-height: 240px !important;
    overflow-y: auto !important;
    border-right: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
    margin-bottom: 16px !important;
  }

  /* --- CATEGORY CARDS --- */
  .categories-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  /* --- FAQ --- */
  .faq-question-text { font-size: 0.88rem !important; }

  /* --- FOOTER --- */
  .footer-cols {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px 16px !important;
  }
  .footer-bottom-inner {
    flex-direction: column !important;
    gap: 12px !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .discover-grid { grid-template-columns: 1fr !important; }
  .categories-grid { grid-template-columns: 1fr !important; }
  .footer-cols { grid-template-columns: 1fr !important; }
}

body.mm-open { overflow: hidden; }

/* ============================================================
   MOBILE DRAWER (mm-*) — single source, rebuilt 2026
   ============================================================ */
.mm-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(15, 15, 26, 0.55);
  backdrop-filter: blur(3px);
  z-index: 1100;
}
.mm-backdrop.is-open { display: block; }

.mm-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: min(360px, 92vw);
  height: 100dvh;
  max-height: 100dvh;
  background: #fff;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  transform: translateX(105%);
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);
  visibility: hidden;
  min-height: 0;
  overflow: hidden;
}
.mm-drawer.is-open {
  transform: translateX(0);
  visibility: visible;
}

.mm-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  flex-shrink: 0;
}
.mm-logo-link { flex-shrink: 0; }
.mm-logo { height: 28px; width: auto; display: block; }
.mm-head .mm-auth {
  flex: 1;
  min-width: 0;
  display: flex;
  position: relative;
  background: #f3f4f6;
  border-radius: 8px;
  padding: 2px;
}
.mm-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border: none;
  background: #f5f5f7;
  border-radius: 8px;
  cursor: pointer;
  color: #333;
  transition: background 0.2s;
}
.mm-close:hover { background: #ebebef; }

.mm-auth-tab {
  flex: 1;
  text-align: center;
  padding: 7px 4px;
  font-size: 0.72rem;
  font-weight: 600;
  color: #666;
  text-decoration: none;
  position: relative;
  z-index: 2;
  transition: color 0.2s;
  white-space: nowrap;
}
.mm-auth-tab.active,
.mm-auth-tab:hover { color: #98171C; }
.mm-auth-slider {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(50% - 2px);
  height: calc(100% - 4px);
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.mm-auth.mm-register .mm-auth-slider { transform: translateX(100%); }

.mm-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
.mm-list {
  list-style: none;
  margin: 0;
  padding: 4px 0 0;
}
.mm-link,
.mm-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 11px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1a1a1a;
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  border-bottom: 1px solid #f5f5f5;
  transition: background 0.15s, color 0.15s;
}
.mm-link:hover,
.mm-trigger:hover,
.mm-group.is-open > .mm-trigger {
  background: #faf5f5;
  color: #98171C;
}
.mm-chevron {
  flex-shrink: 0;
  color: #999;
  transition: transform 0.25s;
}
.mm-group.is-open .mm-chevron { transform: rotate(180deg); }
.mm-sub {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fafafa;
}
.mm-group.is-open .mm-sub { display: block; }
.mm-sub a {
  display: block;
  padding: 9px 16px 9px 24px;
  font-size: 0.8125rem;
  color: #444;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mm-sub a:hover { color: #98171C; background: #fff5f5; }

.mm-foot {
  flex-shrink: 0;
  padding: 14px 16px 20px;
  margin-top: 4px;
  border-top: 1px solid #eee;
  background: #fafafa;
}
.mm-foot-label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #888;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.mm-langs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.mm-lang {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  transition: all 0.15s;
}
.mm-lang img { border-radius: 2px; object-fit: cover; }
.mm-lang.active,
.mm-lang:hover {
  border-color: #98171C;
  color: #98171C;
  background: #fef2f2;
}

.hamburger.is-active span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hamburger.is-active span:nth-child(2) { opacity: 0; }
.hamburger.is-active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* RFQ butonu — menü altı */
.mm-rfq-wrap {
  flex-shrink: 0;
  padding: 14px 16px 16px;
  border-top: 1px solid #eee;
}
.mm-rfq-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  padding: 12px 16px;
  background: #98171C;
  color: #fff;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: background 0.2s;
}
.mm-rfq-btn:hover { background: #7a1116; color: #fff; }

@media (min-width: 1100px) {
  .mm-backdrop,
  .mm-drawer { display: none !important; }
}

/* Site navigation — active page indicator */
.nav-link.active,
.nav-dropdown-btn.active {
  color: #98171C !important;
  border-bottom-color: #98171C !important;
}
.nav-link.active::after,
.nav-dropdown-btn.active::after {
  transform: scaleX(1) !important;
}
.ndm-item.active {
  background: #fff5f5 !important;
}
.ndm-item.active .ndm-text strong {
  color: #98171C !important;
}
.mm-link.active {
  color: #98171C !important;
  font-weight: 700;
  background: #fff5f5;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mm-sub a.active {
  color: #98171C !important;
  font-weight: 700;
  background: #fff5f5;
}
.mm-group.is-open > .mm-sub {
  display: block;
}

/* ===== User Dropdown (Panel) ===== */
.user-dropdown-wrap { position: relative; }
.user-dropdown-btn { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; background: #fff; border: 1.5px solid #e5e7eb; border-radius: 22px; cursor: pointer; font-family: inherit; font-size: .82rem; font-weight: 600; color: #1C1C2E; transition: all .2s; }
.user-dropdown-btn:hover { border-color: #98171C; box-shadow: 0 2px 8px rgba(152,23,28,.1); }
.user-dd-avatar { width: 28px; height: 28px; border-radius: 50%; background: #98171C; color: #fff; display: flex; align-items: center; justify-content: center; font-size: .62rem; font-weight: 800; flex-shrink: 0; }
.user-dd-name { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-dd-chevron { transition: transform .2s; flex-shrink: 0; stroke: #9ca3af; }
.user-dropdown-btn[aria-expanded="true"] .user-dd-chevron { transform: rotate(180deg); }
.user-dropdown-menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 240px; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 8px 32px rgba(0,0,0,.13); z-index: 9999; padding: 6px; display: none; animation: ddFadeIn .15s ease; }
.user-dropdown-menu.open { display: block; }
@keyframes ddFadeIn { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
.user-dd-header { display: flex; align-items: center; gap: 10px; padding: 10px 10px 12px; }
.user-dd-hd-avatar { width: 38px; height: 38px; border-radius: 50%; background: #98171C; color: #fff; display: flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 800; flex-shrink: 0; }
.user-dd-hd-name { font-size: .86rem; font-weight: 800; color: #1C1C2E; }
.user-dd-hd-firma { font-size: .71rem; color: #6b7280; margin-top: 1px; }
.user-dd-pkg { display: inline-flex; align-items: center; background: #fff1f2; color: #98171C; font-size: .62rem; font-weight: 800; padding: 2px 8px; border-radius: 10px; margin-top: 4px; }
.user-dd-divider { height: 1px; background: #f3f4f6; margin: 4px 0; }
.user-dd-item { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 9px; text-decoration: none; color: #374151; font-size: .81rem; font-weight: 500; transition: all .15s; white-space: nowrap; }
.user-dd-item:hover { background: #f9fafb; color: #1C1C2E; }
.user-dd-item svg { stroke: #9ca3af; flex-shrink: 0; }
.user-dd-item:hover svg { stroke: #98171C; }
.user-dd-badge { margin-left: auto; background: #98171C; color: #fff; font-size: .58rem; font-weight: 800; padding: 2px 7px; border-radius: 10px; }
.user-dd-logout { color: #dc2626 !important; }
.user-dd-logout svg { stroke: #dc2626 !important; }
.user-dd-logout:hover { background: #fef2f2 !important; }


/* ===== Category Select (category-select.js) ===== */
.cat-sel-row { display: flex; gap: 12px; flex-wrap: wrap; }
.cat-sel-group { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 180px; }
.cat-sel-main, .cat-sel-sub { flex: 1; }
.cat-icon-img { display: inline-block; vertical-align: middle; opacity: .75; }
[data-cat-wrap] { width: 100%; }

/* Admin kategori sayfası */
.btn-admin-sm { font-size: 12px; padding: 4px 10px; border-radius: 6px; border: 1px solid #e2e8f0; cursor: pointer; transition: all .15s; }
.btn-edit { background: #f0f9ff; color: #0369a1; border-color: #bae6fd; }
.btn-edit:hover { background: #e0f2fe; }
.btn-delete { background: #fff5f5; color: #e63946; border-color: #fecaca; }
.btn-delete:hover { background: #fee2e2; }