/* Mrągowo Bus APEX 10.4.0 • Premium UI • Etap 1
   Warstwa wizualna. Nie zmienia logiki API ani danych. */

:root{
  --mb104-navy:#061421;
  --mb104-navy-2:#082235;
  --mb104-panel:#0b2232;
  --mb104-panel-2:#0d2a3d;
  --mb104-line:rgba(125,211,252,.16);
  --mb104-line-strong:rgba(125,211,252,.30);
  --mb104-sky:#18a9ee;
  --mb104-sky-2:#55d5ff;
  --mb104-mint:#48ddb0;
  --mb104-gold:#f5bd4b;
  --mb104-red:#ff6b83;
  --mb104-text:#f3fbff;
  --mb104-muted:#9ab6c4;
  --mb104-shadow:0 24px 70px rgba(0,0,0,.32);
  --mb104-shadow-soft:0 12px 38px rgba(0,0,0,.18);
  --mb104-radius:24px;
}

/* GLOBAL BUSINESS DASHBOARD */
body:has(.bo-nav){
  background:
    radial-gradient(circle at 9% 2%,rgba(24,169,238,.13),transparent 26%),
    radial-gradient(circle at 92% 8%,rgba(245,189,75,.08),transparent 22%),
    #041019!important;
}
body:has(.bo-nav) .bo-nav{
  background:linear-gradient(180deg,rgba(6,20,33,.98),rgba(4,14,23,.98))!important;
  border:1px solid var(--mb104-line)!important;
  box-shadow:var(--mb104-shadow-soft)!important;
  backdrop-filter:blur(18px);
}
body:has(.bo-nav) .bo-tab{
  border:1px solid transparent!important;
  border-radius:16px!important;
  transition:.2s ease!important;
}
body:has(.bo-nav) .bo-tab:hover{
  background:rgba(24,169,238,.08)!important;
  border-color:rgba(85,213,255,.13)!important;
  transform:translateX(2px);
}
body:has(.bo-nav) .bo-tab.active{
  background:linear-gradient(135deg,rgba(24,169,238,.23),rgba(72,221,176,.08))!important;
  border-color:rgba(85,213,255,.28)!important;
  box-shadow:inset 3px 0 0 var(--mb104-sky),0 8px 22px rgba(0,0,0,.12)!important;
}
body:has(.bo-nav) .bo-content{
  background:transparent!important;
}
body:has(.bo-nav) .bo-panel,
body:has(.bo-nav) .bo-card{
  border:1px solid var(--mb104-line)!important;
  background:linear-gradient(150deg,rgba(11,34,50,.94),rgba(7,24,35,.96))!important;
  box-shadow:var(--mb104-shadow-soft)!important;
  border-radius:22px!important;
}
body:has(.bo-nav) .bo-card{
  overflow:hidden;
}
body:has(.bo-nav) .bo-kicker{
  color:var(--mb104-sky-2)!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
body:has(.bo-nav) .bo-btn,
body:has(.bo-nav) .bo-btn-secondary{
  border-radius:14px!important;
  min-height:42px;
  font-weight:900!important;
  transition:.2s ease!important;
}
body:has(.bo-nav) .bo-btn{
  background:linear-gradient(135deg,var(--mb104-sky),#0b7ed1)!important;
  box-shadow:0 10px 24px rgba(24,169,238,.22)!important;
}
body:has(.bo-nav) .bo-btn:hover,
body:has(.bo-nav) .bo-btn-secondary:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}
body:has(.bo-nav) .bo-btn-secondary{
  background:rgba(255,255,255,.055)!important;
  border-color:var(--mb104-line-strong)!important;
  color:var(--mb104-text)!important;
}
body:has(.bo-nav) .bo-form input,
body:has(.bo-nav) .bo-form select,
body:has(.bo-nav) .bo-form textarea{
  min-height:45px;
  border-radius:13px!important;
  border:1px solid rgba(125,211,252,.18)!important;
  background:rgba(3,14,23,.62)!important;
  color:var(--mb104-text)!important;
  transition:.2s ease!important;
}
body:has(.bo-nav) .bo-form textarea{min-height:96px}
body:has(.bo-nav) .bo-form input:focus,
body:has(.bo-nav) .bo-form select:focus,
body:has(.bo-nav) .bo-form textarea:focus{
  outline:none!important;
  border-color:rgba(85,213,255,.62)!important;
  box-shadow:0 0 0 4px rgba(24,169,238,.10)!important;
}
body:has(.bo-nav) .bo-row{
  border-radius:14px!important;
  border:1px solid rgba(125,211,252,.10)!important;
  background:rgba(5,20,30,.56)!important;
}

/* BUSINESS PLATFORM 10.x */
.bp10-head{
  position:relative;
  overflow:hidden;
  padding:24px!important;
  margin-bottom:18px!important;
  border:1px solid var(--mb104-line)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 16%,rgba(245,189,75,.15),transparent 28%),
    radial-gradient(circle at 10% 0%,rgba(24,169,238,.18),transparent 36%),
    linear-gradient(145deg,#0b293c,#071b28)!important;
  box-shadow:var(--mb104-shadow-soft)!important;
}
.bp10-head:after{
  content:"";
  position:absolute;
  inset:auto -60px -100px auto;
  width:230px;height:230px;border-radius:50%;
  border:1px solid rgba(85,213,255,.12);
  box-shadow:0 0 0 25px rgba(85,213,255,.025),0 0 0 55px rgba(85,213,255,.018);
  pointer-events:none;
}
.bp10-cards{gap:12px!important}
.bp10-cards>*{
  border:1px solid var(--mb104-line)!important;
  background:linear-gradient(145deg,rgba(12,39,56,.96),rgba(7,24,35,.96))!important;
  border-radius:19px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.17)!important;
}
.bp10-bigcount{
  font-size:44px!important;
  line-height:1!important;
  color:var(--mb104-text)!important;
}
.bp10-attention-list{gap:10px!important}
.bp10-attention{
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(5,19,29,.65)!important;
}
.bp10-kanban{
  gap:12px!important;
  scrollbar-color:rgba(85,213,255,.28) transparent;
}
.bp10-col{
  border:1px solid var(--mb104-line)!important;
  border-radius:19px!important;
  background:rgba(5,20,30,.74)!important;
  overflow:hidden;
}
.bp10-order,.bp10-case,.bp10-client{
  border:1px solid rgba(125,211,252,.13)!important;
  background:linear-gradient(145deg,rgba(13,42,60,.92),rgba(8,27,39,.94))!important;
  border-radius:16px!important;
  box-shadow:0 9px 22px rgba(0,0,0,.14)!important;
}
.bp10-order.urgent,.bp10-case.urgent{
  border-color:rgba(255,107,131,.42)!important;
  box-shadow:0 0 0 1px rgba(255,107,131,.08),0 12px 28px rgba(0,0,0,.16)!important;
}
.bp10-status{
  border-radius:999px!important;
  padding:6px 9px!important;
  font-weight:900!important;
}
.bp10-calendar-row{
  border-radius:15px!important;
  border:1px solid rgba(125,211,252,.11)!important;
  background:rgba(4,18,28,.62)!important;
}

/* GASTRONOMIA OWNER PANEL */
#bpGastroLive{
  --gCard:linear-gradient(150deg,rgba(12,40,57,.97),rgba(7,24,35,.97));
}
#bpGastroLive .g102-head{
  position:relative;
  padding:26px;
  margin:0 0 16px;
  border:1px solid var(--mb104-line);
  border-radius:26px;
  background:
    radial-gradient(circle at 88% 8%,rgba(245,189,75,.16),transparent 30%),
    radial-gradient(circle at 5% 5%,rgba(24,169,238,.17),transparent 40%),
    linear-gradient(145deg,#0b2c40,#071b29);
  box-shadow:var(--mb104-shadow-soft);
  overflow:hidden;
}
#bpGastroLive .g102-head:before{
  content:"LOKAL • PANEL PREMIUM";
  position:absolute;right:24px;bottom:16px;
  font-size:9px;letter-spacing:.18em;font-weight:950;color:rgba(255,255,255,.16);
}
#bpGastroLive .g102-head h1{
  font-size:clamp(30px,4vw,44px)!important;
  letter-spacing:-.035em;
}
#bpGastroLive .g102-head p{max-width:690px;line-height:1.6;color:#a7c1cd}
#bpGastroLive .g102-head-actions a,
#bpGastroLive .g102-head-actions button{
  min-height:43px!important;
  border-radius:14px!important;
}
#bpGastroLive .g102-stats{
  grid-template-columns:repeat(5,minmax(130px,1fr));
  gap:11px;
}
#bpGastroLive .g102-stats>div{
  position:relative;
  overflow:hidden;
  border:1px solid var(--mb104-line)!important;
  background:var(--gCard)!important;
  border-radius:19px!important;
  padding:16px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}
#bpGastroLive .g102-stats>div:after{
  content:"";position:absolute;right:-24px;bottom:-38px;width:88px;height:88px;border-radius:50%;background:rgba(24,169,238,.08)
}
#bpGastroLive .g102-stats strong{font-size:30px!important;letter-spacing:-.03em}
#bpGastroLive .g102-stats span{font-size:11px!important;color:#94b3c1!important}
#bpGastroLive .g102-tabs{
  gap:8px;padding:6px;border-radius:17px;
  border:1px solid rgba(125,211,252,.11);
  background:rgba(3,15,24,.46);
}
#bpGastroLive .g102-tabs button{
  min-height:42px;
  border:0!important;
  background:transparent!important;
  border-radius:12px!important;
  padding:10px 15px!important;
}
#bpGastroLive .g102-tabs button.active{
  background:linear-gradient(135deg,#138de1,#16aadf)!important;
  box-shadow:0 8px 18px rgba(24,169,238,.19);
}
#bpGastroLive .g102-livebar{
  padding:13px 15px!important;
  border-radius:16px!important;
  background:linear-gradient(90deg,rgba(72,221,176,.08),rgba(24,169,238,.04))!important;
}
#bpGastroLive .g102-board{gap:12px}
#bpGastroLive .g102-col{
  border-radius:20px!important;
  background:rgba(3,17,26,.57)!important;
  border-color:var(--mb104-line)!important;
}
#bpGastroLive .g102-col>header{
  min-height:52px;
  padding:14px!important;
  background:rgba(255,255,255,.025);
}
#bpGastroLive .g102-order{
  border-radius:17px!important;
  background:linear-gradient(150deg,rgba(13,43,61,.96),rgba(7,25,37,.97))!important;
  padding:14px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
#bpGastroLive .g102-order.pulse{
  border-color:rgba(255,107,131,.52)!important;
  box-shadow:0 0 0 1px rgba(255,107,131,.08),0 12px 30px rgba(0,0,0,.18)!important;
}
#bpGastroLive .g102-order h3{font-size:17px;margin-top:9px}
#bpGastroLive .g102-order li{font-size:12px;line-height:1.45}
#bpGastroLive .g102-actions button{
  min-height:34px;
  border-radius:10px!important;
  background:rgba(16,58,80,.95)!important;
}
#bpGastroLive .g102-actions button:first-child{
  background:linear-gradient(135deg,#138de1,#0b76c2)!important;
}
#bpGastroLive .g102-actions .danger{background:rgba(105,24,40,.62)!important}
#bpGastroLive .g102-menu-layout{gap:16px}
#bpGastroLive .g102-menu-card{
  border-radius:20px!important;
  background:var(--gCard)!important;
  border-color:var(--mb104-line)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.15);
}
#bpGastroLive .g102-photo-strip{height:190px!important}
#bpGastroLive .g102-photo-strip img{transition:.35s ease}
#bpGastroLive .g102-menu-card:hover .g102-photo-strip img{transform:scale(1.025)}
#bpGastroLive .g102-menu-body{padding:16px!important}
#bpGastroLive .g102-item-head h3{font-size:19px}
#bpGastroLive .g102-item-head>b{color:var(--mb104-mint);font-size:18px}
#bpGastroLive .g103-group{
  border-radius:17px!important;
  background:rgba(5,23,34,.74)!important;
  border-color:var(--mb104-line)!important;
}
#bpGastroLive .g103-option{
  min-height:43px;
  border-color:rgba(125,211,252,.08)!important;
}
#bpGastroLive .g103-option>b{color:var(--mb104-mint)}

/* PUBLIC GASTRO SHOP */
.gs-page.mb104-premium{
  min-height:100vh;
  background:
    radial-gradient(circle at 6% 0%,rgba(24,169,238,.14),transparent 28%),
    radial-gradient(circle at 94% 6%,rgba(245,189,75,.09),transparent 24%),
    linear-gradient(180deg,#06131d 0%,#041019 58%,#06131d 100%)!important;
  color:var(--mb104-text);
}
.gs-page.mb104-premium:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 62%);
}
.gs-page.mb104-premium .gs-shell{position:relative;z-index:1;max-width:1280px;padding:22px 22px 130px}
.gs-page.mb104-premium .gs-top{
  min-height:66px;margin:0 0 18px;padding:10px 14px;
  border:1px solid rgba(125,211,252,.12);border-radius:20px;
  background:rgba(5,20,31,.68);backdrop-filter:blur(18px);
  box-shadow:0 10px 28px rgba(0,0,0,.12)
}
.gs-page.mb104-premium .gs-top a{
  display:inline-flex;align-items:center;min-height:42px;padding:0 13px;
  border-radius:13px;color:#dff7ff!important;background:rgba(255,255,255,.035);
  transition:.2s ease
}
.gs-page.mb104-premium .gs-top a:hover{background:rgba(24,169,238,.11);transform:translateY(-1px)}
.mb104-brand-lockup{display:flex!important;gap:10px;align-items:center}
.mb104-brand-mark{
  display:grid;place-items:center;width:37px;height:37px;border-radius:13px;overflow:hidden;
  background:linear-gradient(145deg,var(--mb104-sky),#0873bc);color:white;font-size:13px;font-weight:950;
  box-shadow:0 8px 22px rgba(24,169,238,.24)
}
.mb104-brand-mark img{width:100%;height:100%;object-fit:cover;display:block}
.mb104-brand-text{display:grid;line-height:1.05}.mb104-brand-text b{font-size:14px}.mb104-brand-text small{margin-top:4px;color:#84aaba;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.gs-page.mb104-premium .gs-hero{
  position:relative;overflow:hidden;
  min-height:290px;display:flex;flex-direction:column;justify-content:flex-end;
  padding:38px 40px!important;border-radius:32px!important;
  border:1px solid rgba(125,211,252,.18)!important;
  background:
    radial-gradient(circle at 83% 22%,rgba(245,189,75,.18),transparent 29%),
    radial-gradient(circle at 10% 10%,rgba(24,169,238,.23),transparent 39%),
    linear-gradient(135deg,#0c3045 0%,#092333 45%,#061721 100%)!important;
  box-shadow:var(--mb104-shadow)!important;
}
.gs-page.mb104-premium .gs-hero:before{
  content:"";position:absolute;right:0;top:0;width:44%;height:100%;
  background-image:linear-gradient(90deg,#092333 0%,rgba(9,35,51,.54) 32%,rgba(9,35,51,.12) 100%),var(--mb104-hero-photo);
  background-size:cover;background-position:center;opacity:.52;filter:saturate(.95) contrast(1.03);pointer-events:none
}
.gs-page.mb104-premium .gs-hero:after{
  content:"";position:absolute;right:-55px;top:-85px;width:340px;height:340px;border-radius:50%;
  border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 42px rgba(255,255,255,.018),0 0 0 88px rgba(255,255,255,.012);
  pointer-events:none
}
.mb104-hero-kicker{position:relative;z-index:1;margin-bottom:9px;color:#7de4ff;font-size:10px;font-weight:950;letter-spacing:.19em;text-transform:uppercase}
.gs-page.mb104-premium .gs-accept{position:relative;z-index:1;width:max-content;padding:8px 12px!important;border:1px solid rgba(72,221,176,.20)}
.gs-page.mb104-premium .gs-hero h1{
  position:relative;z-index:1;max-width:840px;margin:10px 0 8px!important;
  font-size:clamp(40px,7vw,72px)!important;line-height:.98;letter-spacing:-.052em;
  text-wrap:balance
}
.gs-page.mb104-premium .gs-hero p{position:relative;z-index:1;max-width:720px!important;font-size:15px;line-height:1.7;color:#abc4d0!important}
.mb104-shop-benefits{
  position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:17px
}
.mb104-shop-benefits span{
  padding:8px 11px;border:1px solid rgba(255,255,255,.075);border-radius:999px;
  background:rgba(3,16,25,.35);color:#d4eaf3;font-size:10px;font-weight:850
}
.mb104-menu-tools{
  position:sticky;top:0;z-index:29;display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:12px;
  margin:15px 0 0;padding:10px;border:1px solid rgba(125,211,252,.12);border-radius:20px;
  background:rgba(5,18,28,.88);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.15)
}
.mb104-menu-search{position:relative;display:flex;align-items:center}
.mb104-menu-search span{position:absolute;left:14px;color:#68d4fa;font-size:18px}
.mb104-menu-search input{
  width:100%;height:45px;padding:0 15px 0 42px;border:1px solid rgba(125,211,252,.13);border-radius:14px;
  background:rgba(2,13,21,.72);color:white;outline:none;font:inherit
}
.mb104-menu-search input:focus{border-color:rgba(85,213,255,.58);box-shadow:0 0 0 4px rgba(24,169,238,.08)}
.mb104-menu-tools .gs-cats{position:static!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;max-width:70vw}
.gs-page.mb104-premium .gs-cats button{
  min-height:45px;padding:10px 15px!important;border-radius:14px!important;
  border-color:rgba(125,211,252,.12)!important;background:rgba(255,255,255,.035)!important;color:#a8c4d1!important;
  transition:.2s ease
}
.gs-page.mb104-premium .gs-cats button:hover{background:rgba(24,169,238,.10)!important;color:#e9f9ff!important}
.gs-page.mb104-premium .gs-cats button.active{
  background:linear-gradient(135deg,#1498e5,#0d75c4)!important;color:white!important;
  box-shadow:0 8px 20px rgba(24,169,238,.20)
}
.gs-page.mb104-premium .gs-menu{
  grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:20px;padding-bottom:120px
}
.gs-page.mb104-premium .gs-item{
  border-radius:24px!important;border:1px solid rgba(125,211,252,.13)!important;
  background:linear-gradient(155deg,rgba(12,40,57,.97),rgba(6,23,34,.98))!important;
  box-shadow:0 15px 34px rgba(0,0,0,.18);transition:.28s cubic-bezier(.2,.8,.2,1)
}
.gs-page.mb104-premium .gs-item:hover{transform:translateY(-5px);border-color:rgba(85,213,255,.30)!important;box-shadow:0 23px 50px rgba(0,0,0,.25)}
.gs-page.mb104-premium .gs-photo{height:230px!important;overflow:hidden}
.gs-page.mb104-premium .gs-photo:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(2,12,19,.52));pointer-events:none}
.gs-page.mb104-premium .gs-photo img{transition:.45s ease}
.gs-page.mb104-premium .gs-item:hover .gs-photo img{transform:scale(1.035)}
.gs-page.mb104-premium .gs-photo em{
  z-index:2;top:13px;left:13px;padding:7px 10px!important;border-radius:999px!important;
  background:rgba(72,221,176,.94)!important;color:#032217!important;box-shadow:0 8px 20px rgba(0,0,0,.18)
}
.gs-page.mb104-premium .gs-item-body{padding:18px!important}
.gs-page.mb104-premium .gs-item-body h3{font-size:20px;letter-spacing:-.02em}
.gs-page.mb104-premium .gs-item-body p{min-height:42px!important;font-size:12px!important;line-height:1.6;color:#9bb5c2!important}
.gs-page.mb104-premium .gs-price{margin:15px 0 13px!important}
.gs-page.mb104-premium .gs-price b{font-size:23px!important;color:#79e7c2!important;letter-spacing:-.03em}
.gs-page.mb104-premium .gs-add{
  min-height:45px;border-radius:14px!important;background:linear-gradient(135deg,#1599e6,#0b76c5)!important;
  box-shadow:0 10px 22px rgba(24,169,238,.20);transition:.2s ease
}
.gs-page.mb104-premium .gs-add:hover{filter:brightness(1.08);transform:translateY(-1px)}
.gs-page.mb104-premium .gs-cart-button{
  right:26px;bottom:24px;padding:14px 18px!important;border-radius:18px!important;
  border:1px solid rgba(85,213,255,.27)!important;
  background:linear-gradient(135deg,#0c3145,#092437)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42)!important;backdrop-filter:blur(16px)
}
.gs-page.mb104-premium .gs-cart-button span{background:var(--mb104-gold)!important;color:#241600!important}
.gs-page.mb104-premium .gs-cart{
  width:min(510px,100%)!important;padding:22px!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(24,169,238,.12),transparent 28%),
    #061722!important;
  border-left-color:rgba(85,213,255,.22)!important;
  box-shadow:-35px 0 90px rgba(0,0,0,.48)!important
}
.gs-page.mb104-premium .gc-head{
  position:sticky;top:0;z-index:3;margin:-22px -22px 14px;padding:18px 22px;
  background:rgba(6,23,34,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(125,211,252,.10)
}
.gs-page.mb104-premium .gc-head h2{margin:0;font-size:27px;letter-spacing:-.035em}
.gs-page.mb104-premium .gc-head button{border-radius:13px!important;background:rgba(255,255,255,.06)!important}
.gs-page.mb104-premium .gc-row{padding:14px 2px!important;border-color:rgba(125,211,252,.08)!important}
.gs-page.mb104-premium .gc-summary{padding:17px!important;border:1px solid rgba(125,211,252,.10);border-radius:18px!important;background:rgba(2,13,21,.60)!important}
.gs-page.mb104-premium .gs-form{gap:13px!important}
.gs-page.mb104-premium .gs-form input,
.gs-page.mb104-premium .gs-form select,
.gs-page.mb104-premium .gs-form textarea{
  min-height:47px;padding:13px!important;border-radius:14px!important;border-color:rgba(125,211,252,.16)!important;background:rgba(2,13,21,.72)!important
}
.gs-page.mb104-premium .gs-form textarea{min-height:92px}
.gs-page.mb104-premium .gs-form input:focus,
.gs-page.mb104-premium .gs-form select:focus,
.gs-page.mb104-premium .gs-form textarea:focus{outline:none;border-color:rgba(85,213,255,.58)!important;box-shadow:0 0 0 4px rgba(24,169,238,.08)}
.gs-page.mb104-premium .gs-submit{
  min-height:51px;border-radius:15px!important;background:linear-gradient(135deg,#55dfb5,#36c999)!important;
  box-shadow:0 12px 25px rgba(72,221,176,.18)
}
.gs-page.mb104-premium .gs-pay-note{border:1px solid rgba(72,221,176,.10);border-radius:14px!important}
.gs-page.mb104-premium .gm-card{
  max-width:880px!important;border-radius:28px!important;border-color:rgba(85,213,255,.22)!important;
  background:linear-gradient(145deg,#0b283a,#061a27)!important;box-shadow:0 30px 100px rgba(0,0,0,.55)!important
}
.gs-page.mb104-premium .gm-copy{padding:25px!important}
.gs-page.mb104-premium .gm-copy h2{font-size:30px;letter-spacing:-.035em;margin-bottom:8px}
.gs-page.mb104-premium .gm-options{border-radius:17px!important;background:rgba(2,13,21,.40)}
.gs-page.mb104-premium .gm-options label{border-radius:12px!important;transition:.15s ease}
.gs-page.mb104-premium .gm-options label:hover{background:rgba(24,169,238,.09)!important}
.mb104-empty-search{grid-column:1/-1;padding:42px 20px;text-align:center;border:1px dashed rgba(125,211,252,.16);border-radius:22px;color:#91afbd;background:rgba(5,20,30,.46)}
.mb104-trust-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px
}
.mb104-trust-strip>div{
  padding:13px 14px;border:1px solid rgba(125,211,252,.10);border-radius:16px;background:rgba(255,255,255,.027)
}
.mb104-trust-strip b,.mb104-trust-strip span{display:block}.mb104-trust-strip b{font-size:12px}.mb104-trust-strip span{margin-top:3px;color:#819eac;font-size:9px}

/* ORDER LIVE */
.ol-page.mb104-premium{
  min-height:100vh;background:
    radial-gradient(circle at 50% 0%,rgba(24,169,238,.15),transparent 34%),
    linear-gradient(180deg,#061621,#041019)!important
}
.ol-page.mb104-premium .ol-wrap{max-width:820px!important;padding:34px 20px 60px!important}
.ol-page.mb104-premium .ol-card{
  margin-top:18px!important;padding:30px!important;border-radius:30px!important;
  border-color:rgba(85,213,255,.18)!important;
  background:linear-gradient(150deg,rgba(12,40,57,.98),rgba(6,23,34,.98))!important;
  box-shadow:var(--mb104-shadow)!important
}
.ol-page.mb104-premium .ol-kicker{font-size:10px!important;letter-spacing:.21em!important;color:#77e6c0!important}
.ol-page.mb104-premium .ol-card h1{font-size:clamp(31px,6vw,48px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 6px}
.ol-page.mb104-premium .ol-card h2{color:#9eb9c6;font-size:16px;margin-bottom:18px}
.ol-page.mb104-premium .ol-status{padding:10px 14px!important;border:1px solid rgba(255,255,255,.07)}
.ol-page.mb104-premium .ol-steps{gap:10px!important;margin:25px 0!important}
.ol-page.mb104-premium .ol-steps>div{padding:12px!important;border:1px solid rgba(125,211,252,.07);border-radius:15px!important;background:rgba(2,13,21,.28)}
.ol-page.mb104-premium .ol-steps .current{border-color:rgba(72,221,176,.28)!important;box-shadow:0 0 0 3px rgba(72,221,176,.04)}
.ol-page.mb104-premium .ol-eta{padding:15px!important;border:1px solid rgba(72,221,176,.11);border-radius:15px!important}
.ol-page.mb104-premium .ol-total{padding-top:13px;border-top:1px solid rgba(125,211,252,.10);font-size:25px!important}

/* KITCHEN LIVE */
.k103-page.mb104-premium{
  background:
    radial-gradient(circle at 50% -10%,rgba(24,169,238,.12),transparent 30%),
    #02080d!important
}
.k103-page.mb104-premium .k103-top{
  padding:16px 20px!important;border-bottom-color:rgba(125,211,252,.16)!important;
  background:rgba(2,10,15,.91)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)
}
.k103-page.mb104-premium .k103-top h1{font-size:34px!important;letter-spacing:-.035em}
.k103-page.mb104-premium .k103-top button{border-radius:13px!important;border-color:rgba(125,211,252,.19)!important;background:rgba(10,39,54,.92)!important;transition:.18s ease}
.k103-page.mb104-premium .k103-top button:hover{transform:translateY(-1px);border-color:rgba(85,213,255,.42)!important}
.k103-page.mb104-premium .k103-info{border:1px solid rgba(125,211,252,.08);border-radius:15px!important;background:rgba(8,27,38,.75)!important}
.k103-page.mb104-premium .k103-grid{gap:16px!important;padding:0 18px 24px!important}
.k103-page.mb104-premium .k103-grid>div{border-radius:22px!important;border-color:rgba(125,211,252,.14)!important;background:rgba(5,19,28,.78)!important}
.k103-page.mb104-premium .k103-grid>div>header{font-size:15px!important;letter-spacing:.04em}
.k103-page.mb104-premium .k103-order{border-radius:19px!important;background:linear-gradient(150deg,#0b2a3c,#071b28)!important;box-shadow:0 12px 28px rgba(0,0,0,.20)}
.k103-page.mb104-premium .k103-order.new{border-color:rgba(255,107,131,.48)!important;box-shadow:0 0 0 1px rgba(255,107,131,.07),0 15px 32px rgba(0,0,0,.23)!important}
.k103-page.mb104-premium .k103-order footer button{min-height:46px;border-radius:13px!important}

/* SMALL SCREENS */
@media(max-width:1100px){
  .gs-page.mb104-premium .gs-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
  #bpGastroLive .g102-stats{grid-template-columns:repeat(3,minmax(120px,1fr))}
}
@media(max-width:760px){
  .gs-page.mb104-premium .gs-shell{padding:10px 10px 110px}
  .gs-page.mb104-premium .gs-top{border-radius:17px;margin-bottom:10px}
  .gs-page.mb104-premium .gs-top a{padding:0 9px;font-size:12px}
  .gs-page.mb104-premium .gs-hero{min-height:245px;padding:26px 22px!important;border-radius:24px!important}
  .gs-page.mb104-premium .gs-hero h1{font-size:clamp(37px,12vw,57px)!important}
  .mb104-menu-tools{grid-template-columns:1fr;top:0;margin-top:10px;padding:8px;border-radius:17px}
  .mb104-menu-tools .gs-cats{max-width:100%}
  .gs-page.mb104-premium .gs-menu{grid-template-columns:1fr;gap:13px;padding-top:13px}
  .gs-page.mb104-premium .gs-item{display:grid;grid-template-columns:132px 1fr;border-radius:19px!important}
  .gs-page.mb104-premium .gs-photo{height:100%!important;min-height:195px}
  .gs-page.mb104-premium .gs-item-body{padding:15px!important}
  .gs-page.mb104-premium .gs-item-body h3{font-size:17px}
  .gs-page.mb104-premium .gs-item-body p{min-height:0!important;font-size:11px!important}
  .gs-page.mb104-premium .gs-price b{font-size:20px!important}
  .gs-page.mb104-premium .gs-add{min-height:42px;font-size:11px}
  .gs-page.mb104-premium .gs-cart-button{left:12px;right:12px;bottom:12px;width:auto}
  .mb104-trust-strip{grid-template-columns:1fr}
  #bpGastroLive .g102-head{padding:20px}
  #bpGastroLive .g102-head:before{display:none}
  #bpGastroLive .g102-stats{grid-template-columns:repeat(2,1fr)}
  #bpGastroLive .g102-tabs{padding:5px}
  .ol-page.mb104-premium .ol-card{padding:22px!important;border-radius:24px!important}
}
@media(max-width:440px){
  .gs-page.mb104-premium .gs-item{grid-template-columns:116px 1fr}
  .gs-page.mb104-premium .gs-photo{min-height:180px}
  .gs-page.mb104-premium .gs-top a:last-child{font-size:0}.gs-page.mb104-premium .gs-top a:last-child:after{content:"Konto";font-size:12px}
}