/* ===============================
   ASYA GÜVENLİK - HEADER COMPONENT
   Component-safe ortak header mimarisi
   =============================== */

.component-header-wrap{
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  position:relative !important;
  z-index:999 !important;
}
.component-header-wrap .container{
  width:min(1440px, calc(100% - 60px)) !important;
  margin:0 auto !important;
  padding:0 !important;
  min-height:auto !important;
  position:relative !important;
  z-index:3 !important;
}
.component-header-wrap #site-header{width:100% !important;}
.component-header-wrap .topbar{
  width:100% !important;height:92px !important;min-height:92px !important;
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:24px !important;position:relative !important;z-index:10 !important;
}
.component-header-wrap .brand{
  display:flex !important;align-items:center !important;gap:14px !important;
  font-family:'Rajdhani',sans-serif !important;font-weight:700 !important;line-height:1 !important;
  color:#f4f7fb !important;text-decoration:none !important;white-space:nowrap !important;
}
.component-header-wrap .brand-dot{
  display:inline-block !important;flex:0 0 32px !important;width:32px !important;height:32px !important;min-width:32px !important;
  border-radius:50% !important;background:#ff1e24 !important;box-shadow:0 0 22px rgba(255,30,36,.35) !important;
}
.component-header-wrap .brand-name{
  display:inline-block !important;margin:0 !important;padding:0 !important;
  font-family:'Rajdhani',sans-serif !important;font-size:36px !important;font-weight:700 !important;line-height:1 !important;
  letter-spacing:.02em !important;color:#f4f7fb !important;opacity:1 !important;-webkit-text-fill-color:initial !important;
  text-shadow:0 0 12px rgba(255,255,255,.10),0 0 18px rgba(255,30,36,.16) !important;white-space:nowrap !important;
}
.component-header-wrap .nav{display:flex !important;align-items:center !important;gap:32px !important;font-size:18px !important;font-weight:600 !important;}
.component-header-wrap .nav a{
  position:relative !important;display:inline-flex !important;align-items:center !important;height:92px !important;
  color:rgba(255,255,255,.88) !important;text-decoration:none !important;transition:color .25s ease,transform .25s ease,text-shadow .25s ease !important;
}
.component-header-wrap .nav a:hover{color:#fff !important;transform:translateY(-2px) !important;text-shadow:0 0 8px rgba(255,30,36,.45) !important;}
.component-header-wrap .nav a::before{
  content:"" !important;position:absolute !important;left:0 !important;bottom:18px !important;width:100% !important;height:2px !important;
  background:linear-gradient(90deg,transparent,#ff1e24,transparent) !important;transform:scaleX(0) !important;transform-origin:center !important;transition:transform .35s ease !important;
}
.component-header-wrap .nav a:hover::before{transform:scaleX(1) !important;}
.component-header-wrap .nav a::after{display:none !important;content:none !important;}
.component-header-wrap .header-right{display:flex !important;align-items:center !important;gap:18px !important;}
.component-header-wrap .header-cta{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;background:transparent !important;
  border:1px solid rgba(255,255,255,.22) !important;color:#fff !important;font-family:'Rajdhani',sans-serif !important;font-size:15px !important;font-weight:700 !important;
  letter-spacing:.04em !important;padding:14px 22px !important;box-shadow:none !important;white-space:nowrap !important;text-decoration:none !important;
  transition:color .25s ease,border-color .25s ease,background .25s ease !important;
}
.component-header-wrap .header-cta:hover{color:#ff1e24 !important;border-color:#ff1e24 !important;background:rgba(255,30,36,.05) !important;}
.component-header-wrap .menu-toggle{display:none !important;width:46px !important;height:46px !important;border:1px solid rgba(255,255,255,.14) !important;background:rgba(255,255,255,.04) !important;position:relative !important;cursor:pointer !important;}
.component-header-wrap .menu-toggle span,.component-header-wrap .menu-toggle::before,.component-header-wrap .menu-toggle::after{content:"" !important;position:absolute !important;left:12px !important;width:20px !important;height:2px !important;background:#fff !important;transition:.25s !important;}
.component-header-wrap .menu-toggle span{top:22px !important}.component-header-wrap .menu-toggle::before{top:15px !important}.component-header-wrap .menu-toggle::after{top:29px !important}
.component-header-wrap .menu-toggle.is-open span{opacity:0 !important}.component-header-wrap .menu-toggle.is-open::before{top:22px !important;transform:rotate(45deg) !important}.component-header-wrap .menu-toggle.is-open::after{top:22px !important;transform:rotate(-45deg) !important}
.component-header-wrap .mobile-menu{display:none !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;background:rgba(2,11,23,.96) !important;border:1px solid rgba(255,255,255,.08) !important;backdrop-filter:blur(14px) !important;z-index:20 !important;}
.component-header-wrap .mobile-menu.is-open{display:block !important;}
.component-header-wrap .mobile-menu a{display:flex !important;padding:15px 18px !important;border-top:1px solid rgba(255,255,255,.06) !important;font-weight:600 !important;color:#fff !important;text-decoration:none !important;}
.component-header-wrap .mobile-menu a:first-child{border-top:0 !important;}
@media(max-width:1100px){.component-header-wrap .nav,.component-header-wrap .header-cta{display:none !important}.component-header-wrap .menu-toggle{display:block !important}}
@media(max-width:760px){.component-header-wrap .container{width:calc(100% - 28px) !important}.component-header-wrap .topbar{height:84px !important;min-height:84px !important}.component-header-wrap .brand{gap:10px !important}.component-header-wrap .brand-name{font-size:20px !important}.component-header-wrap .brand-dot{flex-basis:18px !important;width:18px !important;height:18px !important;min-width:18px !important}}

/* ===============================
   ASYA Mega Menu - DB destekli ürün menüsü
   =============================== */
.component-header-wrap .nav .nav-mega-wrap{position:relative !important;display:inline-flex !important;align-items:center !important;height:92px !important;}
.component-header-wrap .nav .nav-mega-wrap>a{height:92px !important;gap:7px !important;}
.component-header-wrap .nav .nav-mega-wrap>a i{font-size:11px !important;color:#ff2b2b !important;transition:transform .25s ease !important;}
.component-header-wrap .nav .nav-mega-wrap:hover>a i{transform:rotate(180deg) !important;}
.component-header-wrap .mega-menu-panel{position:absolute !important;top:calc(100% - 2px) !important;left:50% !important;transform:translateX(-50%) translateY(12px) !important;width:min(1120px, calc(100vw - 48px)) !important;min-height:390px !important;padding:26px !important;border:1px solid rgba(255,43,43,.55) !important;border-radius:18px !important;background:linear-gradient(135deg, rgba(5,12,24,.98), rgba(8,18,32,.96)) !important;box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 45px rgba(255,43,43,.12) !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity .22s ease,transform .22s ease,visibility .22s ease !important;z-index:9999 !important;display:grid !important;grid-template-columns:1fr 300px !important;gap:26px !important;}
.component-header-wrap .mega-menu-panel::before{content:"" !important;position:absolute !important;top:-9px !important;left:50% !important;width:16px !important;height:16px !important;transform:translateX(-50%) rotate(45deg) !important;background:rgba(5,12,24,.98) !important;border-left:1px solid rgba(255,43,43,.55) !important;border-top:1px solid rgba(255,43,43,.55) !important;}
.component-header-wrap .nav-mega-wrap:hover .mega-menu-panel,.component-header-wrap .nav-mega-wrap:focus-within .mega-menu-panel{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateX(-50%) translateY(0) !important;}
.component-header-wrap .mega-menu-grid{display:grid !important;grid-template-columns:repeat(4,minmax(150px,1fr)) !important;gap:20px !important;padding-right:28px !important;border-right:1px solid rgba(255,255,255,.08) !important;}
.component-header-wrap .mega-menu-group{min-width:0 !important;}
.component-header-wrap .mega-menu-group h4{margin:0 0 12px !important;color:#ff2b2b !important;font-family:'Rajdhani',sans-serif !important;font-size:18px !important;line-height:1.1 !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;}
.component-header-wrap .mega-menu-item{height:auto !important;min-height:44px !important;display:grid !important;grid-template-columns:26px 1fr 14px !important;gap:10px !important;align-items:center !important;padding:8px 0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important;color:rgba(255,255,255,.86) !important;text-decoration:none !important;font-family:'Public Sans',Arial,sans-serif !important;font-size:14px !important;font-weight:600 !important;transform:none !important;text-shadow:none !important;}
.component-header-wrap .mega-menu-item::before{display:none !important;content:none !important;}
.component-header-wrap .mega-menu-item:hover{color:#fff !important;transform:translateX(4px) !important;text-shadow:none !important;}
.component-header-wrap .mega-menu-item i{color:rgba(255,255,255,.82) !important;font-size:16px !important;}
.component-header-wrap .mega-menu-item:hover i,.component-header-wrap .mega-menu-item:hover b{color:#ff2b2b !important;}
.component-header-wrap .mega-menu-item b{color:rgba(255,255,255,.75) !important;font-size:20px !important;font-weight:400 !important;}
.component-header-wrap .mega-menu-promo{position:relative !important;overflow:hidden !important;border:1px solid rgba(255,43,43,.35) !important;border-radius:14px !important;min-height:330px !important;background:#07111f !important;box-shadow:inset 0 0 30px rgba(255,43,43,.08) !important;}
.component-header-wrap .mega-menu-promo img{width:100% !important;height:165px !important;object-fit:cover !important;display:block !important;filter:saturate(1.05) contrast(1.05) brightness(.88) !important;}
.component-header-wrap .mega-menu-promo div{padding:20px !important;}
.component-header-wrap .mega-menu-promo span{color:#fff !important;font-size:15px !important;font-weight:500 !important;}
.component-header-wrap .mega-menu-promo h3{margin:5px 0 12px !important;color:#ff2b2b !important;font-family:'Rajdhani',sans-serif !important;font-size:26px !important;line-height:1.05 !important;font-weight:800 !important;}
.component-header-wrap .mega-menu-promo p{margin:0 0 18px !important;color:rgba(255,255,255,.78) !important;font-size:14px !important;line-height:1.65 !important;}
.component-header-wrap .mega-menu-promo a{height:44px !important;display:inline-flex !important;align-items:center !important;gap:9px !important;padding:0 16px !important;border-radius:8px !important;background:#ff2b2b !important;color:#fff !important;font-family:'Rajdhani',sans-serif !important;font-size:15px !important;font-weight:800 !important;text-decoration:none !important;box-shadow:0 14px 30px rgba(255,43,43,.22) !important;transform:none !important;}
.component-header-wrap .mega-menu-promo a::before{display:none !important;content:none !important;}
.component-header-wrap .mega-menu-promo a:hover{background:#ff3838 !important;transform:translateY(-2px) !important;color:#fff !important;}
@media(max-width:1100px){.component-header-wrap .mega-menu-panel{display:none !important;}}


/* Mega menu category icon/image premium upgrade */
.component-header-wrap .mega-menu-group h4 i{margin-right:8px !important;color:#ff2b2b !important;font-size:15px !important;filter:drop-shadow(0 0 8px rgba(255,43,43,.35)) !important;}
.component-header-wrap .mega-menu-item{border-radius:10px !important;padding:10px 8px !important;transition:background .22s ease, transform .22s ease, color .22s ease !important;}
.component-header-wrap .mega-menu-item:hover{background:rgba(255,43,43,.08) !important;transform:translateX(7px) !important;}
.component-header-wrap .mega-menu-promo img{transition:opacity .22s ease, transform .35s ease, filter .35s ease !important;}
.component-header-wrap .mega-menu-promo:hover img{transform:scale(1.035) !important;}

/* ASYA header arama düzeltmesi + autocomplete */
.header-search-form{position:relative;display:flex;align-items:center;gap:8px;min-width:230px;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.045);color:#fff;z-index:30}
.header-search-form i{color:rgba(255,255,255,.58);font-size:14px;flex:0 0 auto}.header-search-form input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-weight:700}.header-search-form input::placeholder{color:rgba(255,255,255,.48)}
.header-search-form:focus-within{border-color:#ff1e24;box-shadow:0 0 0 3px rgba(255,30,36,.14)}
.header-search-suggest{position:absolute;top:calc(100% + 10px);right:0;width:min(420px,88vw);max-height:430px;overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#07111f;box-shadow:0 22px 55px rgba(0,0,0,.38);padding:8px;z-index:9999}.header-search-suggest[hidden]{display:none!important}
.header-search-item{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:9px;border-radius:11px;color:#fff;text-decoration:none}.header-search-item:hover{background:rgba(255,30,36,.12)}.header-search-item img{width:44px;height:44px;object-fit:cover;border-radius:9px;background:rgba(255,255,255,.06)}.header-search-item b{display:block;font-size:13px;line-height:1.2}.header-search-item small{display:block;margin-top:3px;color:rgba(255,255,255,.55);font-size:11px}.header-search-empty{padding:14px;color:rgba(255,255,255,.62);font-weight:700}.header-search-all{width:100%;margin-top:6px;padding:10px;border:0;border-radius:10px;background:#ff1e24;color:#fff;font-weight:900;cursor:pointer}
@media(max-width:980px){.header-search-form{min-width:170px}.header-search-form input{font-size:13px}}
@media(max-width:760px){.header-right .header-search-form{display:none}}

/* ASYA header giriş dropdown + teklif butonu kaldırma */
.component-header-wrap .header-login-menu{position:relative;display:inline-flex;align-items:center;z-index:35}
.component-header-wrap .header-login-btn{height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.045);color:#fff;font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:.22s ease}
.component-header-wrap .header-login-btn:hover,.component-header-wrap .header-login-menu:hover .header-login-btn{border-color:#ff1e24;background:rgba(255,30,36,.12);color:#fff;transform:translateY(-1px)}
.component-header-wrap .header-login-btn .fa-chevron-down{font-size:10px;color:rgba(255,255,255,.65);transition:transform .22s ease}
.component-header-wrap .header-login-menu:hover .fa-chevron-down{transform:rotate(180deg)}
.component-header-wrap .header-login-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:190px;padding:8px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#07111f;box-shadow:0 22px 55px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:.2s ease;z-index:9999}
.component-header-wrap .header-login-menu:hover .header-login-dropdown,.component-header-wrap .header-login-menu:focus-within .header-login-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.component-header-wrap .header-login-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:rgba(255,255,255,.88);text-decoration:none;font-weight:800;font-size:13px;transition:.18s ease}
.component-header-wrap .header-login-dropdown a:hover{background:rgba(255,30,36,.12);color:#fff;transform:translateX(3px)}
.component-header-wrap .header-login-dropdown i{width:16px;text-align:center;color:#ff1e24}
@media(max-width:1100px){.component-header-wrap .header-login-menu{display:none!important}.component-header-wrap .header-search-form{min-width:180px}}

/* ASYA header arama: en sağda kompakt, tıklayınca açılır */
.component-header-wrap .header-right{gap:12px !important;}
.component-header-wrap .header-search-form.header-search-compact,
.header-search-form.header-search-compact{
  order:30;
  min-width:44px !important;
  width:44px !important;
  height:42px !important;
  padding:0 !important;
  gap:0 !important;
  overflow:visible !important;
  transition:width .24s ease, min-width .24s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.component-header-wrap .header-search-form.header-search-compact:focus-within,
.component-header-wrap .header-search-form.header-search-compact.is-open,
.header-search-form.header-search-compact:focus-within,
.header-search-form.header-search-compact.is-open{
  width:240px !important;
  min-width:240px !important;
  padding:0 12px !important;
}
.header-search-toggle{
  width:42px;
  height:40px;
  min-width:42px;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.75);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border-radius:11px;
}
.header-search-toggle:hover{color:#fff;background:rgba(255,255,255,.055)}
.header-search-form.header-search-compact > i{display:none !important;}
.header-search-form.header-search-compact input{
  width:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:width .22s ease, opacity .18s ease !important;
}
.header-search-form.header-search-compact:focus-within input,
.header-search-form.header-search-compact.is-open input{
  width:100% !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.header-search-form.header-search-compact .header-search-suggest{right:0;width:min(420px,88vw)}
@media(max-width:1180px){
  .component-header-wrap .nav{gap:22px !important;font-size:16px !important;}
  .component-header-wrap .brand-name{font-size:30px !important;}
  .component-header-wrap .header-search-form.header-search-compact:focus-within,
  .component-header-wrap .header-search-form.header-search-compact.is-open,
  .header-search-form.header-search-compact:focus-within,
  .header-search-form.header-search-compact.is-open{width:210px !important;min-width:210px !important;}
}
@media(max-width:760px){.header-right .header-search-form.header-search-compact{display:none!important}}


/* ASYA FIX: tıklamalı/mobil uyumlu kullanıcı dropdown */
.header-login-menu,
.component-header-wrap .header-login-menu{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  z-index:10050 !important;
}
.header-login-btn,
.component-header-wrap .header-login-btn{
  height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 12px 0 8px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  transition:.22s ease !important;
}
.header-login-avatar,
.component-header-wrap .header-login-avatar{
  width:30px !important;
  height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#ff1e24,#8f1014) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(255,30,36,.22) !important;
}
.header-login-chevron,
.component-header-wrap .header-login-chevron{
  font-size:10px !important;
  color:rgba(255,255,255,.68) !important;
  transition:transform .2s ease !important;
}
.header-login-menu:hover .header-login-btn,
.header-login-menu.is-open .header-login-btn,
.header-login-menu:focus-within .header-login-btn,
.component-header-wrap .header-login-menu:hover .header-login-btn,
.component-header-wrap .header-login-menu.is-open .header-login-btn,
.component-header-wrap .header-login-menu:focus-within .header-login-btn{
  border-color:#ff1e24 !important;
  background:rgba(255,30,36,.12) !important;
  transform:translateY(-1px) !important;
}
.header-login-menu:hover .header-login-chevron,
.header-login-menu.is-open .header-login-chevron,
.header-login-menu:focus-within .header-login-chevron,
.component-header-wrap .header-login-menu:hover .header-login-chevron,
.component-header-wrap .header-login-menu.is-open .header-login-chevron,
.component-header-wrap .header-login-menu:focus-within .header-login-chevron{
  transform:rotate(180deg) !important;
}
.header-login-dropdown,
.component-header-wrap .header-login-dropdown{
  position:absolute !important;
  top:calc(100% + 6px) !important;
  right:0 !important;
  width:205px !important;
  padding:8px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:16px !important;
  background:#07111f !important;
  box-shadow:0 22px 55px rgba(0,0,0,.40) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(8px) scale(.98) !important;
  transition:opacity .18s ease, visibility .18s ease, transform .18s ease !important;
  z-index:10060 !important;
}
/* Hover köprüsü: butondan alt menüye inerken kapanmaz */
.header-login-dropdown::before,
.component-header-wrap .header-login-dropdown::before{
  content:"" !important;
  position:absolute !important;
  top:-12px !important;
  right:0 !important;
  width:100% !important;
  height:12px !important;
}
.header-login-menu:hover .header-login-dropdown,
.header-login-menu:focus-within .header-login-dropdown,
.header-login-menu.is-open .header-login-dropdown,
.component-header-wrap .header-login-menu:hover .header-login-dropdown,
.component-header-wrap .header-login-menu:focus-within .header-login-dropdown,
.component-header-wrap .header-login-menu.is-open .header-login-dropdown{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}
.header-login-dropdown a,
.component-header-wrap .header-login-dropdown a{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:11px 12px !important;
  border-radius:11px !important;
  color:rgba(255,255,255,.88) !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:13px !important;
  transition:.18s ease !important;
}
.header-login-dropdown a:hover,
.component-header-wrap .header-login-dropdown a:hover{
  background:rgba(255,30,36,.12) !important;
  color:#fff !important;
  transform:translateX(3px) !important;
}
.header-login-dropdown i,
.component-header-wrap .header-login-dropdown i{
  width:16px !important;
  text-align:center !important;
  color:#ff1e24 !important;
}
@media(max-width:1100px){
  .header-login-menu,
  .component-header-wrap .header-login-menu{display:inline-flex !important;}
  .header-login-label,
  .component-header-wrap .header-login-label{display:none !important;}
  .header-login-btn,
  .component-header-wrap .header-login-btn{width:42px !important;padding:0 !important;justify-content:center !important;border-radius:12px !important;}
  .header-login-avatar,
  .component-header-wrap .header-login-avatar{width:28px !important;height:28px !important;background:transparent !important;box-shadow:none !important;}
  .header-login-chevron,
  .component-header-wrap .header-login-chevron{display:none !important;}
}
@media(max-width:520px){
  .header-login-dropdown,
  .component-header-wrap .header-login-dropdown{right:-48px !important;width:190px !important;}
}

/* ASYA LOGIN CARD + AJAX AUTH */
.header-login-dropdown,
.component-header-wrap .header-login-dropdown{
  width:280px !important;
  padding:14px !important;
  overflow:visible !important;
}
.login-card-form{display:block;width:100%;margin:0;color:#fff;}
.login-card-title{font-size:15px;font-weight:900;margin:2px 2px 12px;color:#fff;letter-spacing:.01em;}
.login-card-form label{display:block;font-size:12px;font-weight:800;color:rgba(255,255,255,.72);margin-bottom:9px;}
.login-card-form input{width:100%;height:40px;margin-top:5px;padding:0 11px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff;outline:0;font-weight:700;box-sizing:border-box;transition:.18s ease;}
.login-card-form input:focus{border-color:#ff1e24;box-shadow:0 0 0 3px rgba(255,30,36,.13);background:rgba(255,255,255,.075);}
.login-card-submit{width:100%;height:40px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff1e24,#b71117);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(255,30,36,.22);transition:.18s ease;}
.login-card-submit:hover{transform:translateY(-1px);filter:brightness(1.05);}
.login-card-submit.is-loading{opacity:.72;cursor:wait;}
.login-card-alert{margin:0 0 9px;padding:9px 10px;border-radius:10px;font-size:12px;font-weight:800;line-height:1.35;background:rgba(255,30,36,.12);border:1px solid rgba(255,30,36,.25);color:#ffd8d8;}
.login-card-alert.success{background:rgba(25,185,95,.12);border-color:rgba(25,185,95,.28);color:#caffdf;}
.login-card-footer{margin-top:12px;text-align:center;font-size:12px;color:rgba(255,255,255,.62);font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.login-card-footer span{display:block;text-align:center;}
.login-card-footer a{color:#ff4b50 !important;text-decoration:none !important;font-weight:900 !important;display:block !important;padding:0 !important;background:transparent !important;text-align:center !important;}
.login-card-footer a:hover{text-decoration:underline !important;transform:none !important;}
.login-card-user{padding:5px 6px 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:7px;}
.login-card-user strong{display:block;color:#fff;font-size:14px;}
.login-card-user span{display:block;margin-top:3px;color:rgba(255,255,255,.58);font-size:12px;font-weight:700;}
.login-card-link,
.login-card-logout{display:flex !important;width:100% !important;align-items:center !important;gap:10px !important;padding:11px 12px !important;border-radius:11px !important;border:0 !important;background:transparent !important;color:rgba(255,255,255,.88) !important;text-decoration:none !important;font-weight:800 !important;font-size:13px !important;cursor:pointer !important;box-sizing:border-box !important;font-family:'Rajdhani',sans-serif !important;}
.login-card-link:hover,
.login-card-logout:hover{background:rgba(255,30,36,.12) !important;color:#fff !important;transform:translateX(3px) !important;}
@media(max-width:520px){.header-login-dropdown,.component-header-wrap .header-login-dropdown{right:-70px !important;width:270px !important;}}

/* ASYA AUTH EXTRAS: Google giriş, şifre toggle, beni hatırla */
.login-google-btn{display:flex!important;width:100%!important;height:38px!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 0 10px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;padding:0!important;box-sizing:border-box!important;}
.login-google-btn:hover{background:rgba(255,255,255,.11)!important;transform:none!important;}
.login-google-btn i{color:#fff!important;width:auto!important;}
.login-divider{display:flex;align-items:center;gap:8px;margin:8px 0 10px;color:rgba(255,255,255,.42);font-size:11px;font-weight:900;text-transform:uppercase;}
.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.1)}
.login-pass-wrap{position:relative;display:block;margin-top:5px;}
.login-pass-wrap input{margin-top:0!important;padding-right:42px!important;}
.login-pass-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;background:transparent;color:#fff;opacity:.72;cursor:pointer;border-radius:8px;}
.login-pass-toggle:hover{opacity:1;background:rgba(255,255,255,.08)}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 10px;font-size:12px;font-weight:800;color:rgba(255,255,255,.62)}
.login-options a{display:inline!important;padding:0!important;color:#ff4b50!important;background:transparent!important;text-decoration:none!important;font-size:12px!important;}
.login-options a:hover{text-decoration:underline!important;transform:none!important;}
.remember-label{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0!important;font-size:12px!important;color:rgba(255,255,255,.7)!important;}
.remember-label input{width:auto!important;height:auto!important;margin:0!important;accent-color:#ff1e24;}

/* Dynamic admin/global settings fix */
.component-header-wrap .brand-logo-img{height:42px!important;max-width:160px!important;object-fit:contain!important;display:block!important;flex:0 0 auto!important;}
.component-header-wrap .brand.has-logo{gap:12px!important;}
.component-header-wrap .brand.has-logo .brand-dot{display:inline-block!important;}


/* ASYA Ultra Premium Login Dropdown - sağa doğru açılır, taşarsa akıllı hizalanır */
.header-login-menu,
.component-header-wrap .header-login-menu{position:relative!important;}
.header-login-dropdown,
.component-header-wrap .header-login-dropdown{
  left:0!important;
  right:auto!important;
  transform:translate(14px,8px) scale(.975)!important;
  transform-origin:top left!important;
  transition:opacity .2s ease, transform .26s cubic-bezier(.16,1,.3,1), visibility .2s ease!important;
  backdrop-filter:blur(14px)!important;
}
.header-login-menu.is-flipped .header-login-dropdown,
.component-header-wrap .header-login-menu.is-flipped .header-login-dropdown{
  left:auto!important;
  right:0!important;
  transform:translate(-14px,8px) scale(.975)!important;
  transform-origin:top right!important;
}
.header-login-menu:hover .header-login-dropdown,
.header-login-menu:focus-within .header-login-dropdown,
.header-login-menu.is-open .header-login-dropdown,
.component-header-wrap .header-login-menu:hover .header-login-dropdown,
.component-header-wrap .header-login-menu:focus-within .header-login-dropdown,
.component-header-wrap .header-login-menu.is-open .header-login-dropdown{
  transform:translate(0,0) scale(1)!important;
}
.header-login-dropdown::after,
.component-header-wrap .header-login-dropdown::after{
  content:""!important;
  position:absolute!important;
  top:-7px!important;
  left:24px!important;
  width:14px!important;
  height:14px!important;
  background:#07111f!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  transform:rotate(45deg)!important;
}
.header-login-menu.is-flipped .header-login-dropdown::after,
.component-header-wrap .header-login-menu.is-flipped .header-login-dropdown::after{left:auto!important;right:24px!important;}
@media(max-width:640px){
  .header-login-dropdown,
  .component-header-wrap .header-login-dropdown{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:74px!important;
    width:auto!important;
    max-width:none!important;
    transform:translateY(-8px) scale(.98)!important;
    transform-origin:top center!important;
  }
  .header-login-menu:hover .header-login-dropdown,
  .header-login-menu:focus-within .header-login-dropdown,
  .header-login-menu.is-open .header-login-dropdown,
  .component-header-wrap .header-login-menu:hover .header-login-dropdown,
  .component-header-wrap .header-login-menu:focus-within .header-login-dropdown,
  .component-header-wrap .header-login-menu.is-open .header-login-dropdown{transform:translateY(0) scale(1)!important;}
  .header-login-dropdown::after,.component-header-wrap .header-login-dropdown::after{right:88px!important;left:auto!important;}
}

/* ==========================================================
   ASYA NEXT LEVEL NAVBAR FIX
   - tüm sayfalarda aynı header hizası
   - sağ blok tam sağa yaslı
   - glass/sticky/scroll shrink
   - aktif sayfa highlight
   ========================================================== */
.component-header-wrap{
  position:sticky !important;
  top:0 !important;
  z-index:10000 !important;
  backdrop-filter:blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15) !important;
  box-shadow:0 10px 35px rgba(0,0,0,.22) !important;
  transition:background .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}
.component-header-wrap.is-scrolled{
  background:linear-gradient(90deg,rgba(24,6,17,.94),rgba(2,12,25,.96)) !important;
  box-shadow:0 16px 45px rgba(0,0,0,.34) !important;
}
.component-header-wrap .container,
.component-header-wrap #site-header{
  width:min(1480px, calc(100% - 56px)) !important;
  max-width:1480px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
.component-header-wrap .topbar{
  height:78px !important;
  min-height:78px !important;
  display:grid !important;
  grid-template-columns:minmax(245px,1fr) auto minmax(245px,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  transition:height .28s ease, min-height .28s ease !important;
}
.component-header-wrap.is-scrolled .topbar{
  height:66px !important;
  min-height:66px !important;
}
.component-header-wrap .brand{
  justify-self:start !important;
  min-width:0 !important;
  transition:transform .22s ease, filter .22s ease !important;
}
.component-header-wrap .brand:hover{transform:translateY(-1px) !important;filter:drop-shadow(0 0 12px rgba(255,43,43,.22)) !important;}
.component-header-wrap .brand-dot{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  background:linear-gradient(135deg,#ff5a21,#ff1e24) !important;
  box-shadow:0 0 26px rgba(255,43,43,.42), inset 0 0 12px rgba(255,255,255,.15) !important;
}
.component-header-wrap .brand-name{
  font-size:32px !important;
  letter-spacing:1.4px !important;
}
.component-header-wrap .nav{
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
  padding:7px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}
.component-header-wrap .nav > a{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:38px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  color:rgba(255,255,255,.82) !important;
  text-decoration:none !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease !important;
}
.component-header-wrap .nav > a:hover,
.component-header-wrap .nav > a.is-active{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(255,43,43,.22),rgba(255,255,255,.055)) !important;
  box-shadow:0 8px 22px rgba(255,43,43,.12) !important;
  transform:translateY(-1px) !important;
}
.component-header-wrap .nav > a.is-active::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:4px !important;
  width:18px !important;
  height:2px !important;
  border-radius:999px !important;
  background:#ff2b2b !important;
  transform:translateX(-50%) !important;
  box-shadow:0 0 10px rgba(255,43,43,.45) !important;
}
.component-header-wrap .header-right{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  margin-left:auto !important;
  gap:10px !important;
  min-width:0 !important;
}
.component-header-wrap .asya-cart-link,
.component-header-wrap .header-login-btn,
.component-header-wrap .header-search-form.header-search-compact{
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease !important;
}
.component-header-wrap .asya-cart-link:hover,
.component-header-wrap .header-login-btn:hover,
.component-header-wrap .header-login-menu.is-open .header-login-btn,
.component-header-wrap .header-search-form.header-search-compact:hover,
.component-header-wrap .header-search-form.header-search-compact.is-open,
.component-header-wrap .header-search-form.header-search-compact:focus-within{
  background:rgba(255,43,43,.12) !important;
  border-color:rgba(255,43,43,.46) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 10px 25px rgba(255,43,43,.13), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.component-header-wrap .header-search-form.header-search-compact{order:10 !important;}
.component-header-wrap .asya-cart-link{order:20 !important;}
.component-header-wrap .header-login-menu{
  order:30 !important;
  margin-left:0 !important;
}
.component-header-wrap .menu-toggle{order:40 !important;}
.component-header-wrap .header-login-dropdown,
.component-header-wrap .premium-mini-cart,
.component-header-wrap .mini-cart-dropdown,
.component-header-wrap #premiumMiniCart,
.component-header-wrap .asya-mini-cart{
  right:0 !important;
  left:auto !important;
  transform-origin:top right !important;
}
@media(max-width:1240px){
  .component-header-wrap .topbar{grid-template-columns:minmax(220px,.85fr) auto minmax(210px,.85fr) !important;gap:12px !important;}
  .component-header-wrap .brand-name{font-size:29px !important;}
  .component-header-wrap .nav > a{padding:0 12px !important;font-size:15px !important;}
}
@media(max-width:980px){
  .component-header-wrap .container,
  .component-header-wrap #site-header{width:min(100% - 28px, 1480px) !important;}
  .component-header-wrap .topbar{display:flex !important;justify-content:space-between !important;height:70px !important;min-height:70px !important;}
  .component-header-wrap .nav{display:none !important;}
  .component-header-wrap .brand-name{font-size:25px !important;}
  .component-header-wrap .brand-dot{width:28px !important;height:28px !important;min-width:28px !important;}
  .component-header-wrap .header-right{margin-left:auto !important;}
}
@media(max-width:560px){
  .component-header-wrap .brand-name{font-size:20px !important;letter-spacing:.8px !important;}
  .component-header-wrap .asya-cart-text{display:none !important;}
  .component-header-wrap .header-right{gap:7px !important;}
}


/* ==========================================================
   ASYA HEADER ORDER + LOGIN RIGHT DROPDOWN HARD FIX
   - Sağ blok: Arama → Sepet → Giriş
   - Giriş dropdown soldan değil sağdan açılır
   ========================================================== */
.component-header-wrap .header-right,
.header-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  margin-left:auto !important;
  gap:10px !important;
}
.component-header-wrap .header-right > *,
.header-right > *{flex:0 0 auto !important;}
.component-header-wrap .header-search-form.header-search-compact,
.header-right .header-search-form.header-search-compact{order:10 !important;}
.component-header-wrap .asya-cart-link,
.header-right .asya-cart-link{order:20 !important;}
.component-header-wrap .header-login-menu,
.header-right .header-login-menu{order:30 !important;position:relative !important;margin-left:0 !important;}
.component-header-wrap .menu-toggle,
.header-right .menu-toggle{order:40 !important;}

.header-login-dropdown,
.component-header-wrap .header-login-dropdown{
  left:auto !important;
  right:0 !important;
  transform-origin:top right !important;
  transform:translate(-10px,8px) scale(.975) !important;
}
.header-login-menu:hover .header-login-dropdown,
.header-login-menu:focus-within .header-login-dropdown,
.header-login-menu.is-open .header-login-dropdown,
.component-header-wrap .header-login-menu:hover .header-login-dropdown,
.component-header-wrap .header-login-menu:focus-within .header-login-dropdown,
.component-header-wrap .header-login-menu.is-open .header-login-dropdown{
  transform:translate(0,0) scale(1) !important;
}
.header-login-dropdown::after,
.component-header-wrap .header-login-dropdown::after{
  left:auto !important;
  right:24px !important;
}
@media(max-width:640px){
  .header-login-dropdown,
  .component-header-wrap .header-login-dropdown{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    top:74px !important;
    width:auto !important;
    max-width:none !important;
    transform:translateY(-8px) scale(.98) !important;
    transform-origin:top center !important;
  }
  .header-login-menu:hover .header-login-dropdown,
  .header-login-menu:focus-within .header-login-dropdown,
  .header-login-menu.is-open .header-login-dropdown,
  .component-header-wrap .header-login-menu:hover .header-login-dropdown,
  .component-header-wrap .header-login-menu:focus-within .header-login-dropdown,
  .component-header-wrap .header-login-menu.is-open .header-login-dropdown{
    transform:translateY(0) scale(1) !important;
  }
}


/* ==========================================================
   ASYA FINAL LOGIN DROPDOWN POSITION FIX
   Giriş dropdown artık butonun solundan başlayıp sağa doğru açılır.
   JS viewport dışına taşarsa sadece gerektiği kadar içeri alır.
   ========================================================== */
.header-login-menu,
.component-header-wrap .header-login-menu{position:relative!important;}
.header-login-dropdown,
.component-header-wrap .header-login-dropdown{
  position:fixed!important;
  left:var(--asya-login-dd-left, auto)!important;
  right:auto!important;
  top:var(--asya-login-dd-top, 74px)!important;
  width:min(280px, calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  transform-origin:top left!important;
  transform:translateX(14px) translateY(-8px) scale(.975)!important;
}
.header-login-menu:hover .header-login-dropdown,
.header-login-menu:focus-within .header-login-dropdown,
.header-login-menu.is-open .header-login-dropdown,
.component-header-wrap .header-login-menu:hover .header-login-dropdown,
.component-header-wrap .header-login-menu:focus-within .header-login-dropdown,
.component-header-wrap .header-login-menu.is-open .header-login-dropdown{
  transform:translateX(0) translateY(0) scale(1)!important;
}
.header-login-dropdown::after,
.component-header-wrap .header-login-dropdown::after{
  left:22px!important;
  right:auto!important;
}
@media(max-width:640px){
  .header-login-dropdown,
  .component-header-wrap .header-login-dropdown{
    left:12px!important;
    right:12px!important;
    top:74px!important;
    width:auto!important;
    transform-origin:top center!important;
  }
  .header-login-dropdown::after,
  .component-header-wrap .header-login-dropdown::after{left:auto!important;right:88px!important;}
}

/* ==========================================================
   ASYA HEADER STABLE COMPAT PATCH
   Kaynak: çalışan eski header.css + mevcut auth/cart yapısı için
   sadece sızıntı ve link resetleri.
   ========================================================== */
.component-header-wrap .asya-cart-link,
.component-header-wrap .asya-cart-link:visited,
.component-header-wrap .asya-cart-link:hover,
.component-header-wrap .asya-cart-link:focus{
  color:#fff !important;
  text-decoration:none !important;
  border-bottom:0 !important;
  outline:none !important;
}
.component-header-wrap .asya-cart-link::before,
.component-header-wrap .asya-cart-link::after{
  display:none !important;
  content:none !important;
}
.component-header-wrap .header-login-menu.is-logged-in .header-login-btn{
  min-width:118px !important;
  max-width:190px !important;
}
.component-header-wrap .header-login-menu.is-logged-in .header-login-label{
  display:inline-block !important;
  max-width:108px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
@media(max-width:1100px){
  .component-header-wrap .header-login-menu.is-logged-in .header-login-label{display:none !important;}
  .component-header-wrap .header-login-menu.is-logged-in .header-login-btn{min-width:42px !important;max-width:42px !important;}
}

/* ==========================================================
   ASYA FINAL: Logged-in user dropdown compact/aligned
   - İsim ve e-posta aynı hizada alt alta
   - Gereksiz genişlik/padding azaltıldı
   ========================================================== */
.component-header-wrap .header-login-menu.is-logged-in .header-login-dropdown,
.header-login-menu.is-logged-in .header-login-dropdown{
  width:248px !important;
  max-width:248px !important;
  padding:10px !important;
  border-radius:15px !important;
}

.component-header-wrap .header-login-dropdown .login-card-user,
.header-login-dropdown .login-card-user{
  display:block !important;
  padding:8px 10px 10px !important;
  margin:0 0 8px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  text-align:left !important;
}

.component-header-wrap .header-login-dropdown .login-card-user strong,
.component-header-wrap .header-login-dropdown .login-card-user span,
.header-login-dropdown .login-card-user strong,
.header-login-dropdown .login-card-user span{
  display:block !important;
  width:100% !important;
  margin-left:0 !important;
  padding-left:0 !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.component-header-wrap .header-login-dropdown .login-card-user strong,
.header-login-dropdown .login-card-user strong{
  font-family:'Rajdhani',sans-serif !important;
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  color:#fff !important;
  margin-bottom:4px !important;
}

.component-header-wrap .header-login-dropdown .login-card-user span,
.header-login-dropdown .login-card-user span{
  font-family:'Public Sans',Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color:rgba(255,255,255,.54) !important;
}

.component-header-wrap .header-login-dropdown .login-card-link,
.component-header-wrap .header-login-dropdown .login-card-logout,
.header-login-dropdown .login-card-link,
.header-login-dropdown .login-card-logout{
  min-height:38px !important;
  padding:9px 10px !important;
  margin:2px 0 !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1 !important;
}

.component-header-wrap .header-login-dropdown .login-card-link i,
.component-header-wrap .header-login-dropdown .login-card-logout i,
.header-login-dropdown .login-card-link i,
.header-login-dropdown .login-card-logout i{
  width:18px !important;
  min-width:18px !important;
  font-size:13px !important;
}

.component-header-wrap .header-login-menu.is-logged-in .header-login-dropdown::after,
.header-login-menu.is-logged-in .header-login-dropdown::after{
  right:28px !important;
}

@media(max-width:640px){
  .component-header-wrap .header-login-menu.is-logged-in .header-login-dropdown,
  .header-login-menu.is-logged-in .header-login-dropdown{
    width:auto !important;
    max-width:none !important;
    left:12px !important;
    right:12px !important;
  }
}

/* ASYA logo toggle final: header text mode */
.brand.text-only{gap:10px!important;}
.brand.has-logo .brand-dot{display:inline-block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:50%!important;background:var(--asya-primary,#ff2b35)!important;box-shadow:0 0 22px rgba(255,43,53,.42), inset 0 0 10px rgba(255,255,255,.14)!important;margin-right:8px!important;}
.brand.text-only .brand-dot{display:inline-block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:50%!important;background:var(--asya-primary,#ff2b35)!important;box-shadow:0 0 22px rgba(255,43,53,.42), inset 0 0 10px rgba(255,255,255,.14)!important;}
.brand.text-only .brand-name{font-weight:900;letter-spacing:.08em;}
.brand-logo-img{height:38px;max-width:150px;object-fit:contain;display:block;}
@media(max-width:768px){.brand-logo-img{height:32px;max-width:120px}.brand.text-only .brand-dot{width:16px!important;height:16px!important;min-width:16px!important}.brand-name{font-size:15px}}


/* ASYA MAIN HEADER UNIFORM SIZE FIX */
:root{
  --asya-main-header-height: 104px;
  --asya-main-logo-height: 56px;
  --asya-main-logo-max-width: 220px;
}
.component-header-wrap .topbar{
  height:var(--asya-main-header-height) !important;
  min-height:var(--asya-main-header-height) !important;
  align-items:center !important;
}
.component-header-wrap .brand,
.component-header-wrap .brand.has-logo,
.component-header-wrap .brand.text-only{
  min-height:var(--asya-main-header-height) !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.component-header-wrap .brand-logo-img,
.brand-logo-img{
  height:var(--asya-main-logo-height) !important;
  max-height:var(--asya-main-logo-height) !important;
  max-width:var(--asya-main-logo-max-width) !important;
  width:auto !important;
  object-fit:contain !important;
  display:block !important;
  flex:0 0 auto !important;
}
.component-header-wrap .nav a,
.component-header-wrap .nav .nav-mega-wrap,
.component-header-wrap .nav .nav-mega-wrap>a{
  height:var(--asya-main-header-height) !important;
}
.component-header-wrap .brand-name{
  font-size:34px !important;
  line-height:1 !important;
}
.component-header-wrap .brand-dot{
  flex:0 0 24px !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
}
@media(max-width:760px){
  :root{
    --asya-main-header-height: 82px;
    --asya-main-logo-height: 42px;
    --asya-main-logo-max-width: 170px;
  }
  .component-header-wrap .brand,
  .component-header-wrap .brand.has-logo,
  .component-header-wrap .brand.text-only{
    min-height:var(--asya-main-header-height) !important;
  }
  .component-header-wrap .brand-name{font-size:20px !important;}
  .component-header-wrap .brand-dot{width:18px !important;height:18px !important;min-width:18px !important;flex-basis:18px !important;}
}



/* v86: Giriş Yap menüsü içinde bayi başvuru bağlantısı */
.login-card-dealer-apply{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.10);text-align:center;}
.login-card-dealer-apply a{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;font-size:13px!important;}
.login-card-dealer-apply a:hover{background:rgba(255,30,36,.16)!important;color:#fff!important;transform:none!important;}
.login-card-dealer-apply i{color:#ff4b50!important;}


/* v88: Login dropdown CTA design */
.login-card-footer{
  margin-top:14px!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
.login-card-footer span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  color:rgba(255,255,255,.58)!important;
  font-weight:900!important;
  width:100%!important;
  text-align:center!important;
  font-size:13px!important;
}
.login-card-footer span:before,
.login-card-footer span:after{
  content:"";
  height:1px;
  flex:1;
  background:rgba(255,255,255,.10);
}
.login-card-footer .login-card-register,
.login-card-footer .login-card-dealer-link,
.login-card-dealer-apply a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-height:40px!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  text-decoration:none!important;
  font-weight:950!important;
  font-size:13px!important;
  line-height:1.2!important;
  transform:none!important;
}
.login-card-footer .login-card-register{
  color:#a99bff!important;
  border:1px solid rgba(151,132,255,.82)!important;
  box-shadow:0 0 0 1px rgba(151,132,255,.12), 0 10px 24px rgba(0,0,0,.16)!important;
}
.login-card-footer .login-card-register:before{
  content:"\f234";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  color:#a99bff;
  font-size:15px;
}
.login-card-footer .login-card-register:hover{
  background:rgba(151,132,255,.12)!important;
  color:#c8c0ff!important;
  text-decoration:none!important;
  border-color:rgba(190,178,255,.95)!important;
}
.login-card-footer .login-card-dealer-link,
.login-card-dealer-apply a{
  margin-top:2px!important;
  color:#ff4b55!important;
  border:1px solid rgba(255,45,60,.92)!important;
  box-shadow:0 0 0 1px rgba(255,45,60,.08), 0 10px 24px rgba(0,0,0,.16)!important;
}
.login-card-footer .login-card-dealer-link:hover,
.login-card-dealer-apply a:hover{
  background:rgba(255,30,36,.13)!important;
  color:#ff6871!important;
  text-decoration:none!important;
  border-color:rgba(255,90,100,.98)!important;
}
.login-card-footer .login-card-dealer-link i,
.login-card-dealer-apply i{color:#ff4b55!important;}
.login-card-safe-note{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.45)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.login-card-safe-note i{color:rgba(255,255,255,.42)!important;}

/* ASYA MAIN SITE CONTACT TOPLINE - two row public header */
.component-header-wrap .main-contact-topline{
  width:100% !important;
  min-height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-bottom:1px solid rgba(255,255,255,.065) !important;
  background:linear-gradient(90deg, rgba(255,30,36,.08), rgba(6,18,33,.70) 45%, rgba(37,211,102,.08)) !important;
}
.component-header-wrap .main-contact-topline-inner{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
}
.component-header-wrap .main-header-contact{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
}
.component-header-wrap .main-contact-chip{
  height:28px !important;
  min-width:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:#fff !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.14) !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease !important;
}
.component-header-wrap .main-contact-chip i{
  font-size:13px !important;
  line-height:1 !important;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.22)) !important;
}
.component-header-wrap .main-contact-chip:hover{
  transform:translateY(-1px) !important;
  filter:saturate(1.12) brightness(1.04) !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.22), 0 0 16px rgba(255,255,255,.08) !important;
}
.component-header-wrap .main-contact-phone{
  font-family:'Rajdhani',sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  background:rgba(255,255,255,.055) !important;
}
.component-header-wrap .main-contact-phone i{color:#31e08a !important;}
.component-header-wrap .main-contact-whatsapp{
  background:linear-gradient(135deg,#25D366 0%,#128C7E 100%) !important;
}
.component-header-wrap .main-contact-instagram{
  background:radial-gradient(circle at 30% 105%,#fdf497 0%,#fdf497 10%,#fd5949 35%,#d6249f 62%,#285AEB 100%) !important;
}
.component-header-wrap .topbar{
  height:76px !important;
  min-height:76px !important;
}
.component-header-wrap .nav a,
.component-header-wrap .nav .nav-mega-wrap,
.component-header-wrap .nav .nav-mega-wrap>a{
  height:76px !important;
}
@media(max-width:1180px){
  .component-header-wrap .main-contact-topline-inner{justify-content:center !important;}
}
@media(max-width:760px){
  .component-header-wrap .main-contact-topline{min-height:34px !important;}
  .component-header-wrap .main-contact-phone span{font-size:12px !important;}
  .component-header-wrap .main-contact-chip{height:28px !important;min-width:28px !important;padding:0 8px !important;}
}

/* ASYA FINAL HEADER BLEND FIX - topbar/nav tek parça görünüm */
.component-header-wrap{
  background:
    radial-gradient(circle at 12% 0%, rgba(255,30,36,.16), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(0,150,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(7,14,28,.96), rgba(2,8,18,.92)) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
.component-header-wrap .main-contact-topline{
  min-height:30px !important;
  height:30px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.component-header-wrap .main-contact-topline::before,
.component-header-wrap .main-contact-topline::after,
.component-header-wrap .topbar::before,
.component-header-wrap .topbar::after{
  display:none !important;
  content:none !important;
}
.component-header-wrap .main-contact-topline-inner{
  height:30px !important;
  align-items:center !important;
  justify-content:flex-end !important;
}
.component-header-wrap .main-header-contact{
  gap:8px !important;
  transform:translateY(1px) !important;
}
.component-header-wrap .main-contact-chip{
  height:24px !important;
  min-width:24px !important;
  padding:0 9px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
.component-header-wrap .main-contact-phone{
  font-size:12px !important;
  background:rgba(255,255,255,.045) !important;
}
.component-header-wrap .main-contact-chip i{
  font-size:12px !important;
  filter:none !important;
}
.component-header-wrap .main-contact-chip:hover{
  box-shadow:0 0 14px rgba(255,255,255,.08) !important;
}
.component-header-wrap .topbar{
  height:74px !important;
  min-height:74px !important;
  margin-top:0 !important;
  padding-top:0 !important;
  border:0 !important;
  border-top:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.component-header-wrap .nav,
.component-header-wrap .header-search-toggle,
.component-header-wrap .asya-cart-link,
.component-header-wrap .header-login-btn{
  box-shadow:none !important;
}
.component-header-wrap .nav a,
.component-header-wrap .nav .nav-mega-wrap,
.component-header-wrap .nav .nav-mega-wrap>a{
  height:74px !important;
}
@media(max-width:760px){
  .component-header-wrap .main-contact-topline{
    min-height:28px !important;
    height:28px !important;
  }
  .component-header-wrap .main-contact-topline-inner{height:28px !important;justify-content:center !important;}
  .component-header-wrap .topbar{height:70px !important;min-height:70px !important;}
  .component-header-wrap .main-contact-phone span{display:none !important;}
}

/* ASYA FINAL HEADER GAP FIX - üst iletişim satırı header içinde akıştan çıkarıldı */
.component-header-wrap{
  position:sticky !important;
  top:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
.component-header-wrap .container,
.component-header-wrap #site-header{
  position:relative !important;
}
.component-header-wrap .main-contact-topline{
  position:absolute !important;
  top:6px !important;
  left:0 !important;
  right:0 !important;
  z-index:30 !important;
  height:24px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  pointer-events:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.component-header-wrap .main-contact-topline-inner{
  width:100% !important;
  height:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  pointer-events:none !important;
}
.component-header-wrap .main-header-contact,
.component-header-wrap .main-contact-chip{
  pointer-events:auto !important;
}
.component-header-wrap .topbar{
  height:94px !important;
  min-height:94px !important;
  padding-top:12px !important;
  margin:0 !important;
  align-items:center !important;
}
.component-header-wrap .brand,
.component-header-wrap .brand.has-logo,
.component-header-wrap .brand.text-only{
  min-height:auto !important;
}
.component-header-wrap .nav a,
.component-header-wrap .nav .nav-mega-wrap,
.component-header-wrap .nav .nav-mega-wrap>a{
  height:60px !important;
}
.component-header-wrap .nav a::before{bottom:10px !important;}
@media(max-width:1180px){
  .component-header-wrap .main-contact-topline{top:4px !important;}
  .component-header-wrap .topbar{height:88px !important;min-height:88px !important;padding-top:10px !important;}
}
@media(max-width:760px){
  .component-header-wrap .main-contact-topline{position:static !important;height:28px !important;min-height:28px !important;pointer-events:auto !important;}
  .component-header-wrap .main-contact-topline-inner{height:28px !important;justify-content:center !important;pointer-events:auto !important;}
  .component-header-wrap .topbar{height:70px !important;min-height:70px !important;padding-top:0 !important;}
}

/* ASYA FINAL HEADER FLOATING CONTACT - kapsül görünümü kaldırıldı */
.component-header-wrap .main-contact-topline{
  position:absolute !important;
  top:8px !important;
  left:0 !important;
  right:0 !important;
  z-index:40 !important;
  height:24px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
.component-header-wrap .main-contact-topline-inner{
  width:100% !important;
  height:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
.component-header-wrap .main-header-contact{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  pointer-events:auto !important;
}
.component-header-wrap .main-contact-chip{
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  color:#fff !important;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:none !important;
  transition:transform .18s ease, filter .18s ease, opacity .18s ease !important;
}
.component-header-wrap .main-contact-chip i{
  font-size:12px !important;
  line-height:1 !important;
  filter:none !important;
}
.component-header-wrap .main-contact-chip:hover{
  transform:translateY(-1px) scale(1.04) !important;
  filter:saturate(1.08) brightness(1.05) !important;
  box-shadow:none !important;
}
.component-header-wrap .main-contact-phone{
  width:auto !important;
  min-width:0 !important;
  height:24px !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  gap:6px !important;
  color:rgba(255,255,255,.86) !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
}
.component-header-wrap .main-contact-phone i{
  color:#24d67a !important;
  font-size:11px !important;
}
.component-header-wrap .main-contact-whatsapp{
  background:linear-gradient(135deg,#25D366,#128C7E) !important;
}
.component-header-wrap .main-contact-instagram{
  background:radial-gradient(circle at 30% 105%,#fdf497 0%,#fdf497 11%,#fd5949 36%,#d6249f 63%,#285AEB 100%) !important;
}
.component-header-wrap .topbar{
  height:86px !important;
  min-height:86px !important;
  padding-top:6px !important;
}
.component-header-wrap .nav a,
.component-header-wrap .nav .nav-mega-wrap,
.component-header-wrap .nav .nav-mega-wrap>a{
  height:60px !important;
}
@media(max-width:1180px){
  .component-header-wrap .main-contact-topline{top:6px !important;}
  .component-header-wrap .topbar{height:82px !important;min-height:82px !important;padding-top:4px !important;}
}
@media(max-width:760px){
  .component-header-wrap .main-contact-topline{display:none !important;}
  .component-header-wrap .topbar{height:70px !important;min-height:70px !important;padding-top:0 !important;}
}

/* ASYA FINAL HEADER CAPSULE REFINED - doğrulanmış düzenleme */
.component-header-wrap .main-contact-topline{
  position:absolute !important;
  top:7px !important;
  left:0 !important;
  right:0 !important;
  z-index:50 !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
.component-header-wrap .main-contact-topline-inner{
  width:100% !important;
  height:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
.component-header-wrap .main-header-contact{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,rgba(8,24,42,.78),rgba(17,42,62,.54)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(130%) !important;
  pointer-events:auto !important;
}
.component-header-wrap .main-contact-chip{
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  color:#fff !important;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:none !important;
  transition:transform .18s ease, filter .18s ease, opacity .18s ease !important;
}
.component-header-wrap .main-contact-chip i{
  font-size:11px !important;
  line-height:1 !important;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.25)) !important;
}
.component-header-wrap .main-contact-chip:hover{
  transform:translateY(-1px) scale(1.04) !important;
  filter:saturate(1.1) brightness(1.05) !important;
}
.component-header-wrap .main-contact-phone{
  width:auto !important;
  min-width:0 !important;
  height:22px !important;
  padding:0 4px 0 0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  gap:6px !important;
  color:#fff !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}
.component-header-wrap .main-contact-phone span{
  display:inline-block !important;
  white-space:nowrap !important;
}
.component-header-wrap .main-contact-phone i{
  color:#24d67a !important;
  font-size:12px !important;
}
.component-header-wrap .main-contact-whatsapp{
  background:linear-gradient(135deg,#25D366,#128C7E) !important;
}
.component-header-wrap .main-contact-instagram{
  background:radial-gradient(circle at 30% 105%,#fdf497 0%,#fdf497 11%,#fd5949 36%,#d6249f 63%,#285AEB 100%) !important;
}
.component-header-wrap .topbar{
  height:92px !important;
  min-height:92px !important;
  padding-top:18px !important;
  margin:0 !important;
  align-items:center !important;
}
.component-header-wrap .nav a,
.component-header-wrap .nav .nav-mega-wrap,
.component-header-wrap .nav .nav-mega-wrap>a{
  height:60px !important;
}
@media(max-width:1180px){
  .component-header-wrap .main-contact-topline{top:6px !important;}
  .component-header-wrap .topbar{height:90px !important;min-height:90px !important;padding-top:16px !important;}
}
@media(max-width:760px){
  .component-header-wrap .main-contact-topline{display:none !important;}
  .component-header-wrap .topbar{height:70px !important;min-height:70px !important;padding-top:0 !important;}
}

/* ASYA FINAL HEADER CONTACT SEPARATION - gerçek düzenleme */
.component-header-wrap .main-contact-topline{
  top:4px !important;
  height:30px !important;
  min-height:30px !important;
}
.component-header-wrap .main-contact-topline-inner{
  height:30px !important;
  padding-right:16px !important;
  box-sizing:border-box !important;
}
.component-header-wrap .main-header-contact{
  margin-right:18px !important;
  box-shadow:0 6px 15px rgba(0,0,0,.13) !important;
}
.component-header-wrap .topbar{
  height:96px !important;
  min-height:96px !important;
  padding-top:26px !important;
}
@media(max-width:1180px){
  .component-header-wrap .main-header-contact{margin-right:12px !important;}
  .component-header-wrap .topbar{height:94px !important;min-height:94px !important;padding-top:24px !important;}
}
@media(max-width:760px){
  .component-header-wrap .topbar{height:70px !important;min-height:70px !important;padding-top:0 !important;}
}

/* ASYA FINAL HEADER RIGHT EDGE ALIGN - gerçek düzeltme
   Contact capsule sağ kenarı, giriş bloğunun sağ kenarıyla aynı container hizasına alınır. */
.component-header-wrap .main-contact-topline-inner{
  padding-right:0 !important;
}
.component-header-wrap .main-header-contact{
  margin-right:0 !important;
}
@media(max-width:1180px){
  .component-header-wrap .main-header-contact{margin-right:0 !important;}
}


/* FINAL STICKY HEADER FIX */
.component-header-wrap{
  position:sticky !important;
  top:0 !important;
  z-index:10000 !important;
}
.component-header-wrap .main-contact-topline{
  position:absolute !important;
  top:8px !important;
  right:18px !important;
  left:auto !important;
  width:auto !important;
}
.component-header-wrap .topbar{
  height:88px !important;
  min-height:88px !important;
  padding-top:0 !important;
  align-items:center !important;
}
body{
  padding-top:0 !important;
}
.hero-section,
.offer-hero,
.page-hero{
  padding-top:40px !important;
}

/* ASYA FINAL HEADER STACK RESTORE - contact satırı sepet/giriş üstüne binmesin */
.component-header-wrap{
  position:sticky !important;
  top:0 !important;
  z-index:10000 !important;
}
.component-header-wrap .main-contact-topline{
  position:absolute !important;
  top:6px !important;
  right:18px !important;
  left:auto !important;
  width:auto !important;
  height:30px !important;
  min-height:30px !important;
  z-index:5 !important;
  pointer-events:none !important;
}
.component-header-wrap .main-contact-topline-inner{
  height:30px !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
.component-header-wrap .main-header-contact{
  margin-right:0 !important;
  pointer-events:auto !important;
}
.component-header-wrap .topbar{
  height:96px !important;
  min-height:96px !important;
  padding-top:28px !important;
  margin:0 !important;
  align-items:center !important;
}
.hero-section,
.offer-hero,
.page-hero{
  padding-top:0 !important;
}
@media(max-width:1180px){
  .component-header-wrap .main-contact-topline{top:5px !important;right:14px !important;}
  .component-header-wrap .topbar{height:94px !important;min-height:94px !important;padding-top:26px !important;}
}
@media(max-width:760px){
  .component-header-wrap .main-contact-topline{display:none !important;}
  .component-header-wrap .topbar{height:70px !important;min-height:70px !important;padding-top:0 !important;}
}

/* ASYA FINAL HEADER TOP CONTACT RIGHT ALIGN + SCROLL STABLE
   Üst iletişim kapsülünün sağ kenarı, Sepet/Giriş aksiyon grubunun sağ kenarıyla aynı container çizgisinde biter.
   Scroll sonrası header yüksekliği ve hizası değişmez. */
.component-header-wrap #site-header{
  position:relative !important;
}
.component-header-wrap .main-contact-topline{
  position:absolute !important;
  top:6px !important;
  right:0 !important;
  left:auto !important;
  width:auto !important;
  height:30px !important;
  min-height:30px !important;
  z-index:25 !important;
  pointer-events:none !important;
}
.component-header-wrap .main-contact-topline-inner{
  height:30px !important;
  padding-right:0 !important;
  margin-right:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  box-sizing:border-box !important;
}
.component-header-wrap .main-header-contact{
  margin-right:0 !important;
  pointer-events:auto !important;
}
.component-header-wrap .topbar,
.component-header-wrap.is-scrolled .topbar{
  height:96px !important;
  min-height:96px !important;
  padding-top:28px !important;
  margin:0 !important;
  align-items:center !important;
}
@media(max-width:1180px){
  .component-header-wrap .main-contact-topline{right:0 !important;top:5px !important;}
  .component-header-wrap .topbar,
  .component-header-wrap.is-scrolled .topbar{height:94px !important;min-height:94px !important;padding-top:26px !important;}
}
@media(max-width:760px){
  .component-header-wrap .main-contact-topline{display:none !important;}
  .component-header-wrap .topbar,
  .component-header-wrap.is-scrolled .topbar{height:70px !important;min-height:70px !important;padding-top:0 !important;}
}

/* ASYA MOBILE HEADER REBUILD - compact, stable, independent mobile layout */
@media(max-width:760px){
  .component-header-wrap,
  header.topbar{
    z-index:10000;
  }
  .component-header-wrap .container,
  .component-header-wrap #site-header{
    width:100% !important;
    max-width:100% !important;
  }
  .component-header-wrap .topbar,
  header.topbar{
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }
  .component-header-wrap .brand,
  header.topbar .brand{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  .component-header-wrap .brand-name,
  header.topbar .brand-name{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:18px !important;
    letter-spacing:.04em !important;
    line-height:1 !important;
  }
  .component-header-wrap .brand-logo-img,
  header.topbar .brand-logo-img{
    height:32px !important;
    max-height:32px !important;
    max-width:132px !important;
  }
  .component-header-wrap .brand-dot,
  header.topbar .brand-dot{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    flex:0 0 16px !important;
  }
  .component-header-wrap .nav,
  header.topbar .nav,
  .component-header-wrap .main-contact-topline,
  header.topbar .asya-main-contact,
  .component-header-wrap .header-search-form.header-search-compact,
  header.topbar .header-search-form.header-search-compact{
    display:none !important;
  }
  .component-header-wrap .header-right,
  header.topbar .header-right{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    min-width:0 !important;
    margin-left:8px !important;
  }
  .component-header-wrap .language-currency-switch,
  header.topbar .language-currency-switch,
  .component-header-wrap .i18n-currency-switch,
  header.topbar .i18n-currency-switch,
  .component-header-wrap .currency-switch,
  header.topbar .currency-switch{
    display:none !important;
  }
  .component-header-wrap .asya-cart-link,
  header.topbar .asya-cart-link,
  .component-header-wrap .header-login-btn,
  header.topbar .header-login-btn,
  .component-header-wrap .menu-toggle,
  header.topbar .menu-toggle{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    padding:0 !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  .component-header-wrap .asya-cart-text,
  header.topbar .asya-cart-text,
  .component-header-wrap .header-login-label,
  header.topbar .header-login-label,
  .component-header-wrap .header-login-chevron,
  header.topbar .header-login-chevron{
    display:none !important;
  }
  .component-header-wrap .asya-cart-link b,
  header.topbar .asya-cart-link b{
    position:absolute !important;
    top:-5px !important;
    right:-5px !important;
    min-width:17px !important;
    height:17px !important;
    padding:0 4px !important;
    border-radius:999px !important;
    font-size:10px !important;
    line-height:17px !important;
  }
  .component-header-wrap .header-login-avatar,
  header.topbar .header-login-avatar{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .component-header-wrap .menu-toggle,
  header.topbar .menu-toggle{
    position:relative !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.055) !important;
  }
  .component-header-wrap .menu-toggle span,
  .component-header-wrap .menu-toggle::before,
  .component-header-wrap .menu-toggle::after,
  header.topbar .menu-toggle span,
  header.topbar .menu-toggle::before,
  header.topbar .menu-toggle::after{
    left:10px !important;
    width:16px !important;
    height:2px !important;
  }
  .component-header-wrap .menu-toggle span,
  header.topbar .menu-toggle span{top:18px !important;}
  .component-header-wrap .menu-toggle::before,
  header.topbar .menu-toggle::before{top:13px !important;}
  .component-header-wrap .menu-toggle::after,
  header.topbar .menu-toggle::after{top:23px !important;}
  .component-header-wrap .menu-toggle.is-open::before,
  header.topbar .menu-toggle.is-open::before{top:18px !important;}
  .component-header-wrap .menu-toggle.is-open::after,
  header.topbar .menu-toggle.is-open::after{top:18px !important;}
  .component-header-wrap .mobile-menu,
  header.topbar .mobile-menu,
  header.topbar + .mobile-menu{
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    top:calc(100% + 6px) !important;
    max-height:calc(100vh - 76px) !important;
    overflow:auto !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:rgba(2,11,23,.97) !important;
    box-shadow:0 22px 55px rgba(0,0,0,.36) !important;
  }
  header.topbar + .mobile-menu{
    top:64px !important;
    z-index:10001 !important;
  }
  .component-header-wrap .mobile-menu a,
  header.topbar .mobile-menu a,
  header.topbar + .mobile-menu a{
    min-height:44px !important;
    padding:12px 14px !important;
    font-size:14px !important;
    font-weight:850 !important;
  }
  .component-header-wrap .header-login-dropdown,
  header.topbar .header-login-dropdown{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    top:64px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 80px) !important;
    overflow:auto !important;
    border-radius:18px !important;
  }
}
@media(max-width:380px){
  .component-header-wrap .brand-name,
  header.topbar .brand-name{font-size:16px !important;}
  .component-header-wrap .header-right,
  header.topbar .header-right{gap:5px !important;margin-left:6px !important;}
  .component-header-wrap .asya-cart-link,
  header.topbar .asya-cart-link,
  .component-header-wrap .header-login-btn,
  header.topbar .header-login-btn,
  .component-header-wrap .menu-toggle,
  header.topbar .menu-toggle{
    width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;
  }
}

/* ASYA mobile top contact row visibility fix */
@media(max-width:760px){
  header.topbar,
  .component-header-wrap .topbar{
    height:88px!important;
    min-height:88px!important;
    padding:30px 12px 0!important;
    position:relative!important;
  }
  header.topbar .asya-main-contact,
  .component-header-wrap .asya-main-contact{
    display:flex!important;
    position:absolute!important;
    top:5px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:4!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:auto!important;
    max-width:calc(100vw - 22px)!important;
    min-width:0!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:rgba(4,13,28,.72)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(10px)!important;
  }
  header.topbar .asya-main-contact .contact-chip,
  .component-header-wrap .asya-main-contact .contact-chip{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:12px!important;
    color:#fff!important;
    text-decoration:none!important;
  }
  header.topbar .asya-main-contact .phone-chip,
  .component-header-wrap .asya-main-contact .phone-chip{
    width:auto!important;
    min-width:0!important;
    height:24px!important;
    padding:0 7px!important;
    gap:5px!important;
    border-radius:999px!important;
    background:rgba(2,8,18,.45)!important;
  }
  header.topbar .asya-main-contact .phone-chip i,
  .component-header-wrap .asya-main-contact .phone-chip i{font-size:11px!important;color:#25d366!important;}
  header.topbar .asya-main-contact .phone-chip .contact-text,
  .component-header-wrap .asya-main-contact .phone-chip .contact-text{
    display:inline!important;
    max-width:115px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    color:#fff!important;
  }
  header.topbar .asya-main-contact .whatsapp-chip,
  .component-header-wrap .asya-main-contact .whatsapp-chip{background:#25d366!important;}
  header.topbar .asya-main-contact .instagram-chip,
  .component-header-wrap .asya-main-contact .instagram-chip{background:linear-gradient(135deg,#833ab4,#fd1d1d 52%,#fcb045)!important;}
}