/* NARUM B2B — osobny układ mobilny */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{background:#f5f7fa}
  .app{display:block!important;width:100%;min-height:100vh}
  /* Responsive layout must not reveal unauthenticated panels or hidden views. */
  .app.hidden,.page.hidden{display:none!important}

  /* Pasek nawigacyjny zamiast bocznego panelu */
  .app>aside{position:sticky!important;inset:0 0 auto 0;z-index:900;width:100%;height:auto!important;min-height:64px;padding:9px 12px!important;display:grid!important;grid-template-columns:102px minmax(0,1fr) auto;grid-template-areas:"logo nav account";align-items:center;gap:8px;background:#0e3027;box-shadow:0 4px 16px rgba(5,25,20,.18)}
  .app>aside>.sidebar-logo{grid-area:logo;width:102px;max-width:102px;margin:0}
  .app>aside>.sidebar-logo img{width:102px!important;height:auto}
  .app>aside>p{display:none!important}
  .app>aside>nav{grid-area:nav;display:flex!important;gap:3px;margin:0!important;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .app>aside>nav::-webkit-scrollbar{display:none}
  .app>aside>nav a{flex:0 0 auto;padding:8px 9px!important;border-radius:7px;font-size:12px;line-height:1.2;white-space:nowrap}
  .app>aside>nav a small{display:none}
  .app>aside>.account{grid-area:account;align-self:center;margin:0!important;padding:0!important;border:0!important;display:block}
  .app>aside>.account strong,.app>aside>.account span{display:none}
  .app>aside>.account button{width:auto;min-width:0;min-height:36px;height:36px;margin:0!important;padding:0 10px!important;font-size:0;text-align:center}
  .app>aside>.account button::before{content:"Wyjdź";font-size:12px}

  .content{width:100%;min-width:0}
  .content>header{height:34px!important;padding:0 12px!important;background:#fff}
  .content>header .dev-badge{padding:4px 7px;font-size:9px}
  .page{display:block!important;width:100%;max-width:none;padding:12px!important}
  .page>h1{margin:3px 0 4px;font-size:22px;line-height:1.2;overflow-wrap:anywhere}
  .page>p{margin:0 0 12px;font-size:13px}

  /* Kompaktowe podsumowanie */
  .cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px;margin-bottom:10px}
  .cards article{min-width:0;padding:9px!important;display:grid!important;align-content:space-between;gap:7px;border-radius:10px}
  .cards span{font-size:10px;line-height:1.25}
  .cards strong{margin:0!important;font-size:19px!important}

  /* Katalog */
  .catalog,.cart{width:100%;min-width:0;padding:12px!important;margin:0 0 12px;border-radius:12px}
  .catalog-head{display:grid!important;gap:10px}
  .catalog-head h2,.cart h2{font-size:20px}
  .catalog-head p{font-size:12px}
  .catalog-head input{width:100%;max-width:none;margin:0!important}
  .category-tabs{display:flex!important;gap:6px;width:100%;margin-top:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}
  .category-tabs::-webkit-scrollbar{display:none}
  .category-tabs button{flex:0 0 auto;min-width:128px;min-height:40px;padding:8px 10px;scroll-snap-align:start;font-size:12px}
  .products{display:grid;height:auto!important;min-height:0!important;max-height:58vh;margin-top:10px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:2px}
  .product{display:grid!important;grid-template-columns:52px minmax(0,1fr) 70px 68px!important;grid-template-rows:auto auto;gap:7px 8px!important;min-height:104px;width:100%;padding:10px!important;overflow:hidden!important}
  .product-thumb{grid-column:1!important;grid-row:1/3!important;width:52px!important;height:64px!important;align-self:center}
  .product-info{grid-column:2/5!important;grid-row:1!important;min-width:0!important}
  .product h3{margin:0 0 3px;font-size:13px!important;line-height:1.25;overflow-wrap:anywhere}
  .product-info small{font-size:10px!important}
  .product-price{grid-column:2!important;grid-row:2!important;align-self:center;justify-self:start!important;min-width:0}
  .product-price strong{font-size:13px!important;white-space:nowrap}
  .product-price small{font-size:9px!important;white-space:nowrap}
  .product>input{grid-column:3!important;grid-row:2!important;width:70px!important;height:40px;padding:7px!important}
  .product>button{grid-column:4!important;grid-row:2!important;width:68px;min-width:0;height:40px;padding:0 7px!important;font-size:12px}

  /* Koszyk */
  .cart{position:static!important;top:auto;height:auto!important;max-height:none!important;overflow:visible!important}
  .cart-heading{align-items:center}
  .cart-heading button{min-height:34px;padding:5px 8px}
  .cart #cart-items{flex:0 1 auto!important;max-height:44vh!important;overflow-y:auto!important}
  .cart-row{grid-template-columns:46px minmax(0,1fr) 70px 34px!important;gap:7px;padding:10px 0}
  .cart-row-promotion{grid-template-columns:46px minmax(0,1fr) auto auto!important}
  .cart-row input{width:70px;height:40px;padding:7px}
  .cart-row button{width:34px;height:34px;padding:0}
  #promotion-status{margin-top:12px!important;padding:12px}
  .promotion-head{display:grid;grid-template-columns:auto 1fr auto;gap:7px}
  .promotion-benefit{font-size:11px}
  .promotion-meta{font-size:11px}
  .cart-total{margin:12px 0!important;padding-top:12px}
  .checkout-toggle{min-height:46px}

  /* Zamówienia i szczegóły */
  .orders-view{width:100%;height:auto!important;padding:12px!important;overflow:visible}
  .orders-head{display:grid!important;gap:10px}
  .order-card{grid-template-columns:minmax(0,1fr) auto!important;padding:13px!important;gap:7px}
  .order-card .order-date{display:block!important}
  .order-detail{margin-bottom:20px}
  .detail-title{display:grid!important;gap:10px}
  .detail-title h1{font-size:22px}
  .detail-title-actions{margin:0!important}
  .detail-box{padding:14px}
  .detail-line{grid-template-columns:minmax(0,1fr) auto!important;gap:8px}
  .detail-summary,.detail-address{grid-template-columns:1fr!important}

  /* Okna */
  .delivery-modal,.order-confirmation,dialog{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;padding:16px!important;border-radius:15px!important}
  .delivery-heading h3,.modal-head h2,.order-detail-head h2{font-size:21px}
  .address-book,.address-tools,.address-save,.delivery-grid{display:grid!important;grid-template-columns:1fr!important}
  .address-book>*,.address-save>*,.delivery-grid>*{grid-column:1!important}
  .delivery-actions,.confirmation-actions,.modal-actions{display:grid!important;grid-template-columns:1fr!important}
}

@media (max-width:390px){
  .app>aside{grid-template-columns:92px minmax(0,1fr) auto;padding-inline:8px!important;gap:5px}
  .app>aside>.sidebar-logo,.app>aside>.sidebar-logo img{width:92px!important}
  .app>aside>nav a{padding-inline:7px!important;font-size:11px}
  .app>aside>.account button{padding-inline:8px!important}
  .cards span{font-size:9px}
  .product{grid-template-columns:46px minmax(0,1fr) 64px 62px!important;padding:9px!important;gap:6px!important}
  .product-thumb{width:46px!important;height:58px!important}
  .product>input{width:64px!important}.product>button{width:62px!important;font-size:11px}
}