:root{--byk-header-h:92px}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
body.nav-open,body.sidebar-open{overflow:hidden}
img{max-width:100%}
button,input,select,textarea{font:inherit}
.nav-toggle,.mobil-menu-btn{transition:transform .2s ease,opacity .2s ease}
body.nav-open .nav-toggle,body.sidebar-open .mobil-menu-btn{transform:scale(.98)}
body.sidebar-open .mobil-menu-btn{opacity:0;pointer-events:none}
.site-header,.site-header .row,header .header-row{min-width:0}
[data-dynamic-nav],#siteNav,.main-nav,.site-nav{min-width:0}
.main-nav a,.site-nav a{position:relative}
.main-nav a::after,.site-nav a::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:999px;background:transparent;transition:background .2s ease}
.main-nav a.active::after,.main-nav a.aktif::after,.site-nav a.active::after,.site-nav a.aktif::after{background:currentColor}
.adet-btn,.cart-step,.qty-btn{box-shadow:inset 0 0 0 1px rgba(148,163,184,.18);transition:background .2s ease,transform .2s ease}
.adet-btn:hover,.cart-step:hover,.qty-btn:hover{background:#eaf3fb;transform:translateY(-1px)}
.adet-input,.cart-qty-input,.qty-input{transition:border-color .2s ease,box-shadow .2s ease}
.adet-input:focus,.cart-qty-input:focus,.qty-input:focus{outline:none;border-color:#00aeef;box-shadow:0 0 0 3px rgba(0,174,239,.12)}
.ozet-select,.cart-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}
.ref-modal,.modal-arkaplan,.drawer-overlay,.mobile-filter-modal,.sepet-overlay{backdrop-filter:blur(6px)}
.ref-panel,.modal-icerik,.mobile-filter-sheet{max-width:min(100%,980px)}
@media (max-width:900px){
  .hero h1{font-size:clamp(32px,8vw,42px)!important}
  .hero p{font-size:16px!important}
  .bolum-baslik{gap:12px;flex-wrap:wrap}
  .kart-grid-4,.basari-sag,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:700px){
  .site-header .row,.header-row{align-items:center!important}
  .site-header .row,.container.row,header .konteyner .header-row{min-height:68px}
  .site-nav,.main-nav{width:min(82vw,320px)!important}
  .site-nav a,.main-nav a{width:100%}
  .hero,.hero-space,.wrap{padding-top:20px!important}
  .hero-kart{padding-left:16px!important;padding-right:16px!important}
  .arama-kutusu{padding:8px 8px 8px 16px!important}
  .arama-btn{width:48px!important;height:48px!important}
  .ok-btn{display:none!important}
  .kategori-kart{flex-basis:132px!important}.kategori-gorsel{width:132px!important;height:132px!important}
  .urun-kart{flex-basis:min(78vw,280px)!important}
  .footer-grid,.kart-grid-4,.basari-alani,.basari-sag,.grid,.ref-icerik,.konteyner,.catalog-shell,.product-shell{grid-template-columns:1fr!important}
  .product-grid,.related-grid{justify-content:stretch!important}
  .sabit-butonlar{right:14px!important;bottom:14px!important}
}
@media (max-width:520px){
  .container,.konteyner{padding-left:14px!important;padding-right:14px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .kart-grid-4,.basari-sag{grid-template-columns:1fr!important}
  .ref-panel{padding:16px!important;border-radius:20px!important}
  .ref-item{grid-template-columns:56px minmax(0,1fr)!important;min-height:72px!important;padding:12px!important}
  .ref-item-thumb{width:56px!important;height:56px!important;border-radius:12px!important}
  .ref-item-copy strong{font-size:16px!important}
  .ref-item-copy span{font-size:13px!important}
  .cta-row{grid-template-columns:1fr!important}
}
/* admin generics */
.table-responsive{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.islem-hucre, td:last-child{white-space:nowrap}
.islem-hucre .ikon-btn, td:last-child .ikon-btn, td:last-child .btn-mavi, td:last-child .btn-gri{margin-right:6px;vertical-align:middle}
@media (max-width:640px){
  .islem-hucre, td:last-child{display:flex;flex-wrap:wrap;gap:8px;align-items:center;white-space:normal}
  .islem-hucre .ikon-btn, td:last-child .ikon-btn, td:last-child .btn-mavi, td:last-child .btn-gri{margin-right:0}
}

@media (max-width:700px){
  .table-responsive,.kaydir-kapsayici{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .tablo,table,.kalemler-tablosu{min-width:100%!important;max-width:100%!important}
  .table-responsive table{min-width:560px!important}
}


/* byk fix pack 4 */
html,body{max-width:100%;overflow-x:hidden}
.site-header,.hero,.catalog-shell,.catalog-section{overflow-x:clip}
@media (max-width:1400px) and (min-width:701px){
  .site-header .row,.header-row{gap:16px!important}
  .main-nav,.site-nav{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none}
  .main-nav::-webkit-scrollbar,.site-nav::-webkit-scrollbar{display:none}
  .main-nav a,.site-nav a{flex:0 0 auto}
}


.main-nav a,.site-nav a{font-weight:500!important}
@media (min-width:701px){
  body.nav-collapsed .nav-toggle{display:inline-flex!important}
  body.nav-collapsed .main-nav,
  body.nav-collapsed .site-nav{
    position:fixed!important;
    top:0!important;
    left:0!important;
    height:100vh!important;
    width:min(82vw,320px)!important;
    background:#fff!important;
    box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
    padding:88px 22px 24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:14px!important;
    overflow:auto!important;
    transform:translateX(-110%)!important;
    transition:.25s ease!important;
    z-index:72!important;
  }
  body.nav-collapsed .main-nav a,
  body.nav-collapsed .site-nav a{font-size:18px!important;font-weight:700!important;width:100%!important}
  body.nav-collapsed .nav-overlay{
    position:fixed!important;
    inset:0!important;
    background:rgba(15,23,42,.32)!important;
    display:block!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:.2s ease!important;
    z-index:71!important;
  }
  body.nav-collapsed.nav-open .main-nav,
  body.nav-collapsed.nav-open .site-nav{transform:translateX(0)!important}
  body.nav-collapsed.nav-open .nav-overlay{opacity:1!important;pointer-events:auto!important}
}


.main-nav ul,.site-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:inherit}
.main-nav li,.site-nav li{list-style:none;margin:0;padding:0}
.byk-card-carousel{position:relative;width:100%;height:100%;overflow:hidden;background:#f5f7fb;border-radius:inherit}
.byk-card-carousel__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .28s ease;display:block}
.byk-card-carousel__img.is-active{opacity:1}
.byk-card-carousel__nav{position:absolute;inset:0;pointer-events:none}
.byk-card-carousel__prev,.byk-card-carousel__next{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none;border-radius:999px;background:rgba(15,23,42,.62);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;z-index:3}
.byk-card-carousel__prev{left:10px}
.byk-card-carousel__next{right:10px}
.byk-card-carousel__dots{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:center;gap:6px;z-index:3}
.byk-card-carousel__dot{width:8px;height:8px;border:none;border-radius:999px;background:rgba(255,255,255,.48);padding:0;cursor:pointer}
.byk-card-carousel__dot.is-active{background:#fff}
.byk-card-carousel.is-single .byk-card-carousel__nav,.byk-card-carousel.is-single .byk-card-carousel__dots{display:none}
@media (max-width:700px){
  body.nav-collapsed .main-nav,
  body.nav-collapsed .site-nav{
    position:fixed!important;
    top:0!important;
    left:0!important;
    height:100vh!important;
    width:min(82vw,320px)!important;
    background:#fff!important;
    box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
    padding:88px 22px 24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:14px!important;
    overflow:auto!important;
    transform:translateX(-110%)!important;
    transition:.25s ease!important;
    z-index:1001!important;
  }
  body.nav-collapsed .main-nav a,
  body.nav-collapsed .site-nav a{font-size:18px!important;font-weight:700!important;width:100%!important}
  body.nav-collapsed .nav-overlay{
    position:fixed!important;
    inset:0!important;
    background:rgba(15,23,42,.32)!important;
    display:block!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:.2s ease!important;
    z-index:1000!important;
  }
  body.nav-collapsed.nav-open .main-nav,
  body.nav-collapsed.nav-open .site-nav{transform:translateX(0)!important}
  body.nav-collapsed.nav-open .nav-overlay{opacity:1!important;pointer-events:auto!important}
}