/* UnlockAllGSM retail groups + order detail polish */
:root{
  --uag-purple:#39146D;
  --uag-violet:#6332A7;
  --uag-gold:#FFBF37;
  --uag-orange:#FF9400;
  --uag-fog:#F6F5FA;
}
.uag-retail-hub{padding-bottom:40px}
.uag-retail-toolbar{display:grid;gap:14px;margin:8px 0 22px;padding:18px;border:1px solid #ebe4f4;border-radius:14px;background:linear-gradient(120deg,#fff,#f7f3fc)}
.uag-retail-tabs{display:flex;flex-wrap:wrap;gap:8px}
.uag-retail-tab{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:999px;background:#efe8f8;color:var(--uag-purple);font-size:12px;font-weight:700;text-decoration:none}
.uag-retail-tab.is-active,.uag-retail-tab:hover{background:linear-gradient(100deg,var(--uag-purple),var(--uag-violet));color:#fff}
.uag-retail-search-wrap{display:grid;gap:6px}
.uag-retail-search-label{font-size:11px;font-weight:700;color:#6d5b7d;letter-spacing:.4px;text-transform:uppercase}
.uag-retail-filter{width:100%;min-height:46px;border:1px solid #ddd2ea;border-radius:10px;padding:12px 14px;font-size:14px;background:#fff}
.uag-retail-count{margin:0;font-size:12px;color:#7a6a88}
.uag-group-card{overflow:hidden;border:1px solid #ebe4f4 !important;box-shadow:0 10px 24px #39146d0a}
.uag-group-card:hover{border-color:#b79ad8 !important;transform:translateY(-3px)}
.uag-branded-header{min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:16px;background:linear-gradient(145deg,var(--uag-purple),var(--uag-violet) 58%,#4b1d86);color:#fff;text-align:left}
.uag-brand-badge{align-self:flex-start;display:inline-flex;padding:5px 9px;border-radius:999px;background:#ffbf3722;border:1px solid #ffbf3766;color:var(--uag-gold);font-size:10px;font-weight:800;letter-spacing:.5px}
.uag-brand-icon{font-size:28px;line-height:1}
.uag-brand-title{font-size:14px;font-weight:800;line-height:1.35;max-height:2.7em;overflow:hidden}
.uag-group-info{padding:0 12px 14px}
.uag-group-name{font-weight:700;color:#2c1a40 !important;white-space:normal !important;max-height:none !important}
.uag-view-services{display:inline-flex;margin-top:10px;padding:8px 12px;border-radius:8px;background:linear-gradient(100deg,var(--uag-gold),#ffd56a);color:#240B47;font-size:11px;font-weight:800}
.uag-group-card:hover .uag-view-services{background:linear-gradient(100deg,#ffd56a,var(--uag-gold))}

/* Order detail banner + guest retail help */
.uag-order-banner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 0 16px;padding:16px 18px;border-radius:12px;background:linear-gradient(115deg,var(--uag-purple),var(--uag-violet));color:#fff;box-shadow:0 10px 28px #39146d22}
.uag-order-banner h2{margin:0;font-size:22px;line-height:1.25;color:#fff}
.uag-order-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.uag-order-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#ffffff18;border:1px solid #ffbf3755;color:var(--uag-gold);font-size:11px;font-weight:700}
.uag-guest-help{margin:0 0 16px;padding:16px;border-radius:12px;border-left:4px solid var(--uag-gold);background:var(--uag-fog)}
.uag-guest-help h3{margin:0 0 8px;color:var(--uag-purple);font-size:16px}
.uag-guest-help p,.uag-guest-help li{font-size:13px;color:#5b4a6b;line-height:1.6}
.uag-guest-help ul{margin:8px 0 12px;padding-left:18px}
.uag-guest-actions{display:flex;flex-wrap:wrap;gap:8px}
.uag-guest-actions a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:800;text-decoration:none}
.uag-btn-gold{background:var(--uag-gold);color:#240B47}
.uag-btn-violet{background:var(--uag-purple);color:#fff}
.uag-btn-outline{border:1px solid #b79ad8;color:var(--uag-purple);background:#fff}
.uag-wholesale-box{margin:12px 0;padding:14px;border-radius:10px;background:#fff8e8;border:1px solid #ffd98a}
.uag-wholesale-box strong{display:block;color:#8a5a00;margin-bottom:6px}
/* Only collapse accidental adjacent empty duplicates; formatted Smarty output keeps a space before suffix */
.uag-price-line .prefix:empty + .suffix{display:none}
.uag-retail-hub .image-not-found,
.uag-group-card .image-not-found,
.uag-service-card .image-not-found{display:none !important}
@media(max-width:760px){
  .uag-retail-toolbar{padding:14px}
  .uag-order-banner h2{font-size:18px}
  .uag-branded-header{min-height:130px}
}

/* Individual service cards inside a group */
.card-product.uag-service-card{overflow:hidden;border:1px solid #ebe4f4}
.card-product.uag-service-card .uag-branded-header{min-height:140px}
.badge.uag-login-price,
.uag-login-price{
  display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:999px;
  background:linear-gradient(100deg,#39146D,#6332A7);color:#FFBF37;font-size:11px;font-weight:800;
  border:1px solid #ffbf3755;
}
/* Keep Bootstrap modal / homepage untouched */
.modal .uag-branded-header{min-height:120px}
.uag-home .uag-retail-toolbar{display:none}

/* V5 single-scroll-root + header search + mega-menu scroll fixes */
html{overflow-x:clip;overflow-y:auto !important;height:auto !important;scroll-behavior:smooth}
body{overflow-x:clip;overflow-y:visible !important;height:auto !important;max-height:none !important}
#loader:not(.visible){pointer-events:none !important;display:none !important}
[hidden],.uag-is-hidden{display:none !important}
.uag-group-col.uag-is-hidden,.uag-service-col.uag-is-hidden{display:none !important}
.navbar-products{overflow:visible !important;flex-wrap:wrap}

/* Mega-menu + header page search scroll (1k+ groups) */
.header-bottom .dropdown-menu,
header .navbar-products .dropdown-menu,
header .position-static .dropdown-menu{
  max-height:72vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  z-index:1045;
}
.search-bar .dropdown-menu{
  max-height:74vh !important;
  overflow:visible !important;
  z-index:1060 !important;
  padding:12px 0 !important;
}
#searchvalue{
  min-height:44px;
  font-size:14px;
  border-radius:8px !important;
  padding:10px 14px !important;
  margin-bottom:6px;
}
#searchresult,
.search-bar #searchresult{
  max-height:58vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:#240B47;
  color:#fff;
  border-radius:8px;
  list-style:none;
}
.search-bar .serchcontent{
  max-height:none !important;
  overflow:visible !important;
  background:#240B47;
  color:#fff;
  padding:8px 12px;
}
#searchresult::-webkit-scrollbar,
.header-bottom .dropdown-menu::-webkit-scrollbar{width:8px}
#searchresult::-webkit-scrollbar-track,
.header-bottom .dropdown-menu::-webkit-scrollbar-track{background:#1b0836}
#searchresult::-webkit-scrollbar-thumb,
.header-bottom .dropdown-menu::-webkit-scrollbar-thumb{background:#FFBF37;border-radius:4px}
#searchresult .dropdown-header,
.search-bar .dropdown-header{
  color:#FFBF37 !important;
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.4px;
  background:transparent;
  padding:8px 10px 4px;
}
#searchresult .dropdown-item,
#searchresult .nav-link,
.search-bar .dropdown-item,
.search-bar .nav-link{
  color:#fff !important;
  background:transparent;
  white-space:normal;
  border-radius:6px;
}
#searchresult .dropdown-item:hover,
#searchresult .nav-link:hover,
.search-bar .dropdown-item:hover,
.search-bar .nav-link:hover{
  color:#240B47 !important;
  background:#FFBF37 !important;
}
#searchresult a{color:#fff !important}
#searchresult a:hover{color:#240B47 !important}