/* Baskı İşleri PWA V1.1 — mobile navigation + install UI */
@media (max-width:820px){
  .storefront-v9 .sf-category-nav.mobile-open{
    display:block!important;
    position:absolute!important;
    left:0!important;right:0!important;top:100%!important;
    z-index:5000!important;
    background:#fff!important;
    border-top:1px solid #eceff3!important;
    border-bottom:1px solid #dde2e8!important;
    box-shadow:0 18px 45px rgba(15,23,42,.18)!important;
    max-height:calc(100vh - 150px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .storefront-v9 .sf-category-nav.mobile-open .sf-category-nav-inner{
    height:auto!important;
    min-height:0!important;
    padding:12px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    align-items:stretch!important;
    background:#fff!important;
  }
  .storefront-v9 .sf-category-nav.mobile-open .sf-mega{grid-column:1/-1!important;width:100%!important;}
  .storefront-v9 .sf-category-nav.mobile-open .sf-mega-toggle{
    width:100%!important;height:auto!important;min-height:46px!important;
    justify-content:flex-start!important;padding:12px 15px!important;
    border:0!important;border-radius:10px!important;
    background:#f05a28!important;color:#fff!important;
    font-size:13px!important;font-weight:900!important;
  }
  .storefront-v9 .sf-category-nav.mobile-open>.container>a,
  .storefront-v9 .sf-category-nav.mobile-open .sf-category-nav-inner>a{
    width:100%!important;height:auto!important;min-height:43px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    padding:10px 13px!important;margin:0!important;
    border:1px solid #e8ebef!important;border-radius:9px!important;
    background:#fff!important;color:#1f2937!important;
    font-size:12px!important;font-weight:800!important;line-height:1.25!important;
    white-space:normal!important;
  }
  .storefront-v9 .sf-category-nav.mobile-open .sf-category-nav-inner>a:hover{background:#f8fafc!important;}
  .storefront-v9 .sf-mega.open .sf-mega-panel{
    display:grid!important;
    position:static!important;
    width:100%!important;
    margin:7px 0 0!important;
    padding:10px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    background:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    border:1px solid #e4e8ee!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  .storefront-v9 .sf-mega-panel .sf-mega-group{
    display:block!important;padding:11px 12px!important;
    background:#f8fafc!important;border:1px solid #edf0f3!important;border-radius:9px!important;
  }
  .storefront-v9 .sf-mega-panel .sf-mega-group h4{
    margin:0 0 5px!important;font-size:12px!important;line-height:1.3!important;color:#161d2b!important;
  }
  .storefront-v9 .sf-mega-panel .sf-mega-group a{
    min-height:34px!important;height:auto!important;width:100%!important;
    padding:7px 2px!important;border:0!important;border-bottom:1px solid #edf0f3!important;
    border-radius:0!important;background:transparent!important;color:#596273!important;
    font-size:11px!important;font-weight:700!important;line-height:1.3!important;
  }
  .storefront-v9 .sf-mega-panel .sf-mega-group a:last-child{border-bottom:0!important;}
  .storefront-v9 .sf-mega-panel .sf-mega-all{
    grid-column:1!important;min-height:42px!important;height:auto!important;
    padding:10px 12px!important;background:#101827!important;color:#fff!important;
    border:0!important;border-radius:9px!important;font-size:11px!important;
  }
}

/* Install banner */
.pwa-install-banner{
  width:min(100% - 24px,1280px);margin:10px auto 0;
  display:flex;align-items:center;gap:12px;padding:10px 12px;
  border:1px solid #e5e8ee;border-radius:12px;background:#fff;
  box-shadow:0 7px 22px rgba(20,28,45,.06);position:relative;z-index:30;
}
.pwa-install-icon{width:38px;height:38px;flex:0 0 38px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #eef0f3;display:grid;place-items:center}
.pwa-install-icon img{width:100%;height:100%;object-fit:cover;display:block}
.pwa-install-copy{min-width:0;display:grid;gap:1px;margin-right:auto}.pwa-install-copy strong{font-size:12px;color:#161d2b}.pwa-install-copy span{font-size:10px;color:#697386;line-height:1.3}
.pwa-install-btn{border:0;border-radius:9px;background:#f05a28;color:#fff;min-height:38px;padding:0 14px;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}
.pwa-install-close{border:0;background:transparent;color:#8a93a3;width:28px;height:28px;font-size:21px;line-height:1;cursor:pointer;padding:0}
.pwa-install-modal{position:fixed;inset:0;z-index:10000;background:rgba(10,16,28,.55);display:none;align-items:flex-end;justify-content:center;padding:14px}
.pwa-install-modal.open{display:flex}.pwa-install-sheet{width:min(100%,520px);background:#fff;border-radius:18px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.pwa-install-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pwa-install-sheet h3{font-size:18px;margin:0;color:#161d2b}.pwa-install-sheet-close{width:34px;height:34px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;font-size:20px;cursor:pointer}
.pwa-install-sheet p{font-size:13px;line-height:1.55;color:#5f6878;margin:0 0 10px}.pwa-install-steps{margin:8px 0 0;padding-left:20px;color:#2c3443}.pwa-install-steps li{margin:8px 0;font-size:13px;line-height:1.45}.pwa-install-ok{width:100%;min-height:44px;border:0;border-radius:10px;background:#101827;color:#fff;font-weight:900;margin-top:10px;cursor:pointer}
@media(min-width:821px){.pwa-install-banner{max-width:760px}}
@media(max-width:560px){
  .pwa-install-banner{margin-top:8px;padding:9px 10px;gap:9px}.pwa-install-icon{width:34px;height:34px;flex-basis:34px}.pwa-install-copy strong{font-size:11.5px}.pwa-install-copy span{font-size:9px}.pwa-install-btn{min-height:36px;padding:0 11px;font-size:10px}.pwa-install-close{width:24px;height:24px}
}