/* merchant-theme-desktop-v2 */
@media (min-width:768px){
  html body .merchant-theme-popup.van-popup.van-popup--bottom{
    box-sizing:border-box!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    width:min(720px,calc(100vw - 48px))!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(680px,calc(100vh - 64px))!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:0 24px 80px rgba(15,23,42,.28)!important
  }
  html body .merchant-theme-popup .van-popup__close-icon{
    top:20px!important;
    right:20px!important
  }
  html body .merchant-theme-popup .theme-panel{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    max-height:min(680px,calc(100vh - 64px))!important;
    margin:0!important;
    padding:28px 30px 30px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-gutter:stable
  }
  html body .merchant-theme-popup .theme-panel-header{
    margin-bottom:22px!important;
    padding-right:42px!important
  }
  html body .merchant-theme-popup .theme-option-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important
  }
  html body .merchant-theme-popup .theme-option{
    min-height:86px!important;
    padding:16px!important
  }
}


/* Full viewport overlay only while the theme picker is open. */
@media (min-width:768px){
  html body:has(.merchant-theme-popup) .van-overlay{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:none!important;
    height:100vh!important;
    margin:0!important;
    transform:none!important
  }
}