/* ==========================================================
   MSB Mobile Reference Style Patch
   Fokus: membuat versi mobile mengikuti mockup krem/hijau premium
   tanpa mengubah tampilan desktop.
   ========================================================== */

@media (max-width: 820px){
  :root{
    --msb-mobile-shell: min(100%, 480px);
    --msb-mobile-cream: #fff8ec;
    --msb-mobile-cream-2: #f7ead7;
    --msb-mobile-green: #073f2e;
    --msb-mobile-green-2: #0f5f43;
    --msb-mobile-gold: #d9ad55;
    --msb-mobile-line: rgba(66, 55, 32, .14);
    --msb-mobile-muted: #526c62;
    --msb-mobile-shadow: 0 18px 44px rgba(25, 38, 24, .14);
    --msb-mobile-soft-shadow: 0 8px 24px rgba(30, 48, 31, .10);
    --msb-mobile-radius: 24px;
  }

  html,
  body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    background:
      radial-gradient(circle at 22% 0%, rgba(218, 181, 112, .32), transparent 30%),
      radial-gradient(circle at 100% 18%, rgba(9, 88, 61, .12), transparent 32%),
      linear-gradient(180deg, #fbf2e4 0%, #fff8ed 42%, #f6eadc 100%)!important;
    color:#102c23!important;
    -webkit-font-smoothing:antialiased;
  }

  body{
    padding:0!important;
    font-size:15px!important;
    line-height:1.56!important;
  }

  body.dark{
    background:
      radial-gradient(circle at 22% 0%, rgba(218, 181, 112, .28), transparent 30%),
      linear-gradient(180deg, #fbf2e4 0%, #fff8ed 42%, #f6eadc 100%)!important;
    color:#102c23!important;
  }

  body::before,
  body::after{
    content:"";
    position:fixed;
    pointer-events:none;
    z-index:0;
    opacity:.34;
    filter:saturate(.8);
  }
  body::before{
    left:-42px;
    top:92px;
    width:135px;
    height:270px;
    background:radial-gradient(ellipse at center, rgba(101,126,88,.22), transparent 68%);
    border-radius:999px;
    transform:rotate(-18deg);
  }
  body::after{
    right:-34px;
    bottom:170px;
    width:125px;
    height:245px;
    background:radial-gradient(ellipse at center, rgba(97,122,84,.20), transparent 68%);
    border-radius:999px;
    transform:rotate(18deg);
  }

  .skip-link,
  .leaf-particle,
  .msb-mobile-bottom-nav,
  .msb-tools-toggle,
  .floating{
    display:none!important;
  }

  .site-header,
  main,
  .footer{
    width:var(--msb-mobile-shell)!important;
    max-width:var(--msb-mobile-shell)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    position:relative!important;
    z-index:1!important;
  }

  .site-header{
    top:0!important;
    position:sticky!important;
    z-index:9999!important;
    background:rgba(255, 249, 240, .93)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    border:1px solid rgba(112, 94, 62, .12)!important;
    border-top:0!important;
    border-radius:0 0 22px 22px!important;
    box-shadow:0 8px 30px rgba(34, 41, 25, .10)!important;
    overflow:visible!important;
  }

  main{
    background:rgba(255,248,238,.86)!important;
    box-shadow:0 26px 70px rgba(33, 43, 24, .14)!important;
    overflow:hidden!important;
  }

  .footer{
    background:linear-gradient(160deg, #0b3a2b, #063121 70%, #092b20)!important;
    border-radius:0 0 28px 28px!important;
    color:#fff!important;
    overflow:hidden!important;
    box-shadow:0 26px 60px rgba(18, 35, 22, .16)!important;
  }

  .container,
  .site-header .container,
  .site-header .container.navbar{
    width:100%!important;
    max-width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .site-header .container.navbar,
  .navbar{
    height:74px!important;
    min-height:74px!important;
    padding:0 18px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"brand booking menu"!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    position:relative!important;
  }

  .site-header .brand,
  .brand{
    grid-area:brand!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
    width:auto!important;
    text-decoration:none!important;
  }

  .site-header .brand-mark,
  .brand-mark{
    width:45px!important;
    height:45px!important;
    flex:0 0 45px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .site-header .brand-mark img,
  .brand-mark img{
    width:45px!important;
    height:45px!important;
    object-fit:contain!important;
    border-radius:0!important;
  }
  .site-header .brand > div:last-child,
  .brand > div:last-child{min-width:0!important;display:block!important;line-height:1!important;}
  .site-header .brand strong,
  .brand strong{
    display:block!important;
    color:transparent!important;
    font-size:0!important;
    line-height:1!important;
    max-width:none!important;
  }
  .site-header .brand strong::before,
  .brand strong::before{
    content:"MSB";
    display:block;
    color:var(--msb-mobile-green)!important;
    font-family:Georgia, 'Times New Roman', serif!important;
    font-size:28px!important;
    line-height:.9!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
  }
  .site-header .brand span,
  .brand span{
    display:block!important;
    color:transparent!important;
    font-size:0!important;
    max-width:150px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .site-header .brand span::before,
  .brand span::before{
    content:"Mangrove Sungai Bersejarah";
    display:block;
    color:#1c2c24!important;
    font-family:Georgia, 'Times New Roman', serif!important;
    font-size:10.3px!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:-.01em!important;
  }

  .site-header .navbar nav,
  .navbar nav{
    grid-area:menu!important;
    position:static!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
  }

  .site-header .nav-actions,
  .nav-actions,
  .site-header .nav-actions.msb-tools-panel,
  .nav-actions.msb-tools-panel{
    grid-area:booking!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .site-header .nav-actions select,
  .site-header .nav-actions button:not(.mobile-toggle),
  .nav-actions select,
  .nav-actions button:not(.mobile-toggle){
    display:none!important;
  }
  .msb-top-booking{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:94px!important;
    height:44px!important;
    padding:0 14px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg, #15543c, #073f2e)!important;
    color:#fff!important;
    text-decoration:none!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 8px 18px rgba(9,59,43,.22)!important;
    font-size:13px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  .msb-top-booking svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}

  #mobileBtn.mobile-toggle,
  .mobile-toggle{
    grid-area:menu!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:var(--msb-mobile-green)!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  #mobileBtn::before,
  .mobile-toggle::before{
    content:""!important;
    width:27px!important;
    height:18px!important;
    display:block!important;
    background:
      linear-gradient(currentColor,currentColor) left top/100% 2.5px no-repeat,
      linear-gradient(currentColor,currentColor) left center/100% 2.5px no-repeat,
      linear-gradient(currentColor,currentColor) left bottom/100% 2.5px no-repeat!important;
    border-radius:6px!important;
  }

  .site-header .nav-menu,
  .nav-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    max-height:72vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px!important;
    margin:0!important;
    list-style:none!important;
    border:1px solid rgba(7,63,46,.12)!important;
    border-radius:22px!important;
    background:rgba(255, 250, 242, .98)!important;
    box-shadow:0 26px 70px rgba(8,45,32,.24)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    z-index:99999!important;
  }
  .site-header .nav-menu.show,
  .nav-menu.show{
    display:flex!important;
  }
  .site-header .nav-menu li,
  .nav-menu li{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    list-style:none!important;
  }
  .site-header .nav-menu a,
  .nav-menu a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:11px 13px!important;
    border-radius:16px!important;
    border:1px solid rgba(7,63,46,.10)!important;
    background:#fffdf7!important;
    color:#0a3728!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:normal!important;
  }
  .site-header .nav-menu a.active,
  .nav-menu a.active,
  .site-header .nav-menu a:hover,
  .nav-menu a:hover{
    color:#fff!important;
    background:linear-gradient(180deg, #15543c, #073f2e)!important;
    border-color:rgba(7,63,46,.08)!important;
  }
  .site-header .menu-ico,
  .menu-ico{
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
  }

  .hero,
  .section,
  .green-section,
  .news-page-hero,
  .video-page-hero,
  .page-hero,
  .shop-hero,
  .book-hero{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:24px 0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .section.has-mangrove::before,
  .section.has-mangrove::after,
  .green-section::before,
  .green-section::after{display:none!important;}

  .hero{
    padding-top:24px!important;
    background:
      linear-gradient(90deg, rgba(255,248,238,.97) 0%, rgba(255,248,238,.90) 50%, rgba(255,248,238,.14) 100%),
      url("backgrounds/msb-gerbang-tamu-tracking-2.jpg") right top/62% 310px no-repeat!important;
  }
  .hero-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:22px 0 12px!important;
    min-height:330px!important;
    align-items:start!important;
  }
  .hero-grid > .reveal:first-child,
  .hero-grid > div:first-child{
    max-width:66%!important;
    position:relative!important;
    z-index:2!important;
  }
  .hero-badge,
  .eyebrow{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    border-radius:999px!important;
    padding:6px 10px!important;
    background:#f3ead8!important;
    border:1px solid rgba(217,173,85,.28)!important;
    color:#315845!important;
    font-size:11px!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
  }
  .hero h1,
  #siteTitle,
  .section-title h1,
  .section-title h2,
  .section h2{
    color:var(--msb-mobile-green)!important;
    font-family:Georgia, 'Times New Roman', serif!important;
    font-size:clamp(33px, 9.3vw, 48px)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
    margin:12px 0 12px!important;
    text-wrap:balance!important;
  }
  .hero h1 span,
  #siteTitle span,
  .section-title h1 em,
  .section-title h2 em{
    color:var(--msb-mobile-green)!important;
    font-style:italic!important;
    font-weight:500!important;
  }
  .lead,
  .hero p,
  .section-title p,
  .card p,
  p{
    color:#263c34!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  .hero .lead,
  #siteLead{
    max-width:100%!important;
    color:#21362e!important;
    font-size:13.5px!important;
    line-height:1.58!important;
  }
  .hero-panel{
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    right:0!important;
    width:58%!important;
    min-height:288px!important;
    height:288px!important;
    border-radius:0 0 0 42px!important;
    box-shadow:none!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
    opacity:.95!important;
    padding:0!important;
  }
  .hero-panel::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(255,248,238,.82), rgba(255,248,238,.20) 35%, rgba(255,248,238,0));
    z-index:2;
  }
  .hero-panel img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:0!important;
    filter:saturate(1.05) contrast(1.02)!important;
  }
  .hero-panel h3,
  .hero-panel p,
  .hero-logo-badge{display:none!important;}

  .btn-row,
  .center-row,
  .admin-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    margin-top:16px!important;
  }
  .btn,
  button.btn,
  a.btn,
  .btn-primary,
  .btn-dark,
  .btn-outline,
  .btn-ghost{
    min-height:45px!important;
    border-radius:14px!important;
    padding:12px 15px!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.1!important;
    box-shadow:0 8px 18px rgba(7,63,46,.12)!important;
    text-decoration:none!important;
  }
  .btn-primary,
  .btn-dark{
    background:linear-gradient(180deg, #15543c, #073f2e)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }
  .btn-outline,
  .btn-ghost{
    background:rgba(255,255,255,.72)!important;
    color:var(--msb-mobile-green)!important;
    border:1px solid rgba(7,63,46,.18)!important;
  }

  .hero-mini,
  .service-overview-grid,
  .grid-4,
  .flow-grid,
  .amounts,
  .logo-row,
  .quick-actions,
  .filter-row,
  .official-video-tabs{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  .hero-mini{
    max-width:100%!important;
    margin-top:22px!important;
    padding:0!important;
  }
  .mini-card,
  .service-overview-card,
  .stat-card,
  .quick-action-item,
  .amount,
  .logo-card,
  .filter-btn,
  .official-video-tabs button{
    min-height:86px!important;
    border-radius:18px!important;
    border:1px solid var(--msb-mobile-line)!important;
    background:rgba(255,255,255,.62)!important;
    box-shadow:var(--msb-mobile-soft-shadow)!important;
    padding:14px 12px!important;
    text-align:center!important;
  }
  .mini-card strong,
  .stat-card strong,
  .amount strong{
    color:var(--msb-mobile-green)!important;
    font-family:Georgia, 'Times New Roman', serif!important;
    font-size:24px!important;
    line-height:1!important;
  }
  .mini-card span,
  .stat-card span,
  .service-overview-card p{
    color:#425f53!important;
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  .section-title,
  .section-title.center{
    text-align:left!important;
    max-width:100%!important;
    margin:0 0 18px!important;
  }
  .section-title.center .eyebrow{margin-left:0!important;margin-right:0!important;}
  .ornament{display:none!important;}

  .grid-2,
  .grid-3,
  .booking-box,
  .adopt-box,
  .impact-layout,
  .doctor-layout,
  .market-shell,
  .footer-grid,
  .admin-layout,
  .book-grid,
  .official-video-grid,
  .news-grid,
  .product-grid,
  .testimony-grid,
  .voice-grid,
  .structure-grid,
  .form-2,
  .formgrid,
  .booking-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .card,
  .pad,
  .booking-info,
  .booking-form,
  .doctor-form,
  .doctor-result,
  .product-card,
  .book-panel,
  .official-video-panel,
  .market-side,
  .shop-banner,
  .timeline-card,
  .partner-card,
  .structure-flow,
  .syair-card,
  .faq-item,
  .news-card,
  .post-card,
  .gallery-item,
  .modal-content{
    border-radius:20px!important;
    background:rgba(255, 251, 244, .82)!important;
    border:1px solid var(--msb-mobile-line)!important;
    box-shadow:var(--msb-mobile-soft-shadow)!important;
    overflow:hidden!important;
    backdrop-filter:none!important;
  }
  .pad,
  .booking-info,
  .booking-form,
  .doctor-form,
  .doctor-result,
  .book-panel,
  .official-video-panel,
  .market-side,
  .shop-banner,
  .timeline-card,
  .structure-flow,
  .syair-card{
    padding:18px!important;
  }

  .card h2,
  .card h3,
  .booking-info h3,
  .booking-form h3,
  .doctor-result h3,
  .product-card h3,
  .news-card h3,
  .post-card h3,
  .timeline-card strong,
  .partner-card h3,
  .footer h3,
  .footer h4{
    color:var(--msb-mobile-green)!important;
    font-family:Georgia, 'Times New Roman', serif!important;
    letter-spacing:-.02em!important;
  }

  .card img,
  .card-photo,
  .real-photo,
  .product-card img,
  .post-card img,
  .news-card img,
  .gallery-item img,
  .testimony-card img,
  .voice-card img{
    width:100%!important;
    height:170px!important;
    object-fit:cover!important;
    border-radius:16px!important;
  }
  .real-photo{height:220px!important;}

  .gallery-grid,
  #galleryGrid,
  .gallery-list{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:10px!important;
  }
  .gallery-item img{height:132px!important;}
  .gallery-item .pad{padding:12px!important;}

  .timeline:before{left:14px!important;}
  .timeline-item{padding-left:42px!important;}
  .timeline-dot{left:0!important;}

  .check-group,
  .service-check-group{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .field label,
  .admin-field label{
    color:#193f30!important;
    font-size:12px!important;
    font-weight:850!important;
    margin-bottom:6px!important;
  }
  .field input,
  .field select,
  .field textarea,
  .admin-field input,
  .admin-field select,
  .admin-field textarea,
  input,
  select,
  textarea{
    min-height:45px!important;
    border-radius:14px!important;
    border:1px solid rgba(7,63,46,.18)!important;
    background:rgba(255,255,255,.74)!important;
    color:#19362c!important;
    font-size:14px!important;
    padding:12px 13px!important;
    box-shadow:none!important;
  }
  textarea{min-height:110px!important;}

  .faq-item{
    margin-bottom:7px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.58)!important;
  }
  .faq-question{
    min-height:42px!important;
    padding:10px 12px!important;
    color:#173b2d!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  .logo-card img{
    max-width:100px!important;
    max-height:48px!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:0!important;
  }
  .partner-card{
    display:grid!important;
    grid-template-columns:64px 1fr!important;
    gap:12px!important;
    padding:14px!important;
  }
  .partner-photo{
    width:64px!important;
    height:64px!important;
    border-radius:16px!important;
  }

  .contact-grid,
  .location-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  iframe,
  .satellite-map,
  .map-frame,
  .msb-popupstyle-mapframe{
    min-height:190px!important;
    height:210px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .footer{
    padding:20px 0 22px!important;
  }
  .footer .container{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .footer-grid{
    gap:18px!important;
  }
  .footer h3,
  .footer h4{
    color:#fff8e8!important;
  }
  .footer p,
  .footer li,
  .footer a,
  .copyright span{
    color:rgba(255,255,255,.82)!important;
    font-size:13px!important;
  }
  .footer ul{padding-left:0!important;list-style:none!important;display:grid!important;gap:7px!important;}
  .copyright{
    display:block!important;
    text-align:center!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    margin-top:10px!important;
    padding-top:14px!important;
  }

  .modal{
    padding:14px!important;
  }
  .modal-content{
    width:min(100%, 440px)!important;
    max-height:86vh!important;
    overflow:auto!important;
  }

  .toast{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    width:auto!important;
    border-radius:18px!important;
    background:#073f2e!important;
    color:#fff!important;
  }
}

@media (max-width: 480px){
  .container,
  .site-header .container,
  .site-header .container.navbar{padding-left:18px!important;padding-right:18px!important;}
  .site-header .container.navbar,
  .navbar{height:70px!important;min-height:70px!important;padding-left:16px!important;padding-right:14px!important;column-gap:8px!important;}
  .site-header .brand-mark,
  .brand-mark{width:40px!important;height:40px!important;flex-basis:40px!important;}
  .site-header .brand-mark img,
  .brand-mark img{width:40px!important;height:40px!important;}
  .site-header .brand strong::before,
  .brand strong::before{font-size:26px!important;}
  .site-header .brand span::before,
  .brand span::before{font-size:9.3px!important;}
  .msb-top-booking{min-width:86px!important;height:41px!important;padding:0 11px!important;font-size:12.5px!important;}
  #mobileBtn.mobile-toggle,
  .mobile-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
  .hero-grid > .reveal:first-child,
  .hero-grid > div:first-child{max-width:68%!important;}
  .hero{background-size:64% 292px!important;}
  .hero h1,
  #siteTitle,
  .section-title h1,
  .section-title h2,
  .section h2{font-size:clamp(30px, 10vw, 42px)!important;}
  .lead,
  .hero p,
  .section-title p,
  .card p,
  p{font-size:13.4px!important;}
  .grid-4,
  .service-overview-grid,
  .hero-mini,
  .logo-row,
  .quick-actions,
  .filter-row,
  .official-video-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .gallery-grid,
  #galleryGrid,
  .gallery-list{grid-template-columns:1fr 1fr!important;}
  .card img,
  .card-photo,
  .product-card img,
  .post-card img,
  .news-card img{height:150px!important;}
}

@media (max-width: 360px){
  .hero-grid > .reveal:first-child,
  .hero-grid > div:first-child{max-width:72%!important;}
  .msb-top-booking span{display:none!important;}
  .msb-top-booking{min-width:44px!important;width:44px!important;padding:0!important;}
}