/* V181 — Services keeps Shop geometry with authoritative cyan coded identity. */

body.servicesLiveV150{
  --sv-accent:#29dcff;
  --sv-accent-strong:#00c8f3;
  --sv-accent-soft:rgba(41,220,255,.12);
  --sv-line:rgba(86,226,255,.28);
}

/* Same bottom-bar geometry as Shop; only active colour changes. */
body.servicesLiveV150 #bottomBar[data-module="services"].bottombar{
  border-color:rgba(41,220,255,.28)!important;
  background:linear-gradient(180deg,rgba(15,21,22,.985),rgba(5,8,9,.995))!important;
}
body.servicesLiveV150 #bottomBar[data-module="services"] button.active{
  color:#7cecff!important;
  background:radial-gradient(circle at 50% 42%,rgba(41,220,255,.15),rgba(41,220,255,.025) 68%,transparent 69%)!important;
  border-color:rgba(41,220,255,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(41,220,255,.10)!important;
}
body.servicesLiveV150 #bottomBar[data-module="services"] button.active .tabIcon{
  color:#7cecff!important;
  filter:drop-shadow(0 0 8px rgba(41,220,255,.22));
}

/* Category cards keep the exact Shop card box/image footprint. */
.serviceShopCategoryCard{
  position:relative!important;
  border:1.5px solid rgba(242,196,87,.82)!important;
  background:linear-gradient(180deg,#090a0b,#050607)!important;
  box-shadow:inset 0 0 0 1px rgba(242,196,87,.06),0 8px 22px rgba(0,0,0,.34)!important;
}
.serviceShopCategoryCard:hover,.serviceShopCategoryCard:focus-visible{
  border-color:#f2c457!important;
  box-shadow:0 12px 26px rgba(0,0,0,.42),0 0 0 2px rgba(242,196,87,.10),inset 0 0 24px rgba(242,196,87,.025)!important;
}
.serviceShopCategoryIcon{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  padding:8% 8% 18%!important;
  box-sizing:border-box!important;
  color:#f2c457!important;
  background:
    radial-gradient(circle at 50% 36%,rgba(242,196,87,.12),transparent 54%),
    linear-gradient(155deg,#101112,#050607)!important;
}
.serviceShopCategoryIcon svg{
  width:96%!important;
  height:96%!important;
  max-width:none!important;
  max-height:none!important;
  color:#f2c457!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(242,196,87,.14));
}
.serviceShopCategoryCode{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  z-index:4!important;
  min-width:34px!important;
  padding:4px 5px!important;
  border:1px solid rgba(242,196,87,.32)!important;
  border-radius:8px!important;
  background:rgba(5,6,7,.90)!important;
  color:#f2c457!important;
  font:850 7px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.08em!important;
  text-align:center!important;
}
.serviceShopCategoryLabel{
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  z-index:3!important;
  padding:5px 7px!important;
  border:1px solid rgba(242,196,87,.18)!important;
  border-radius:9px!important;
  background:rgba(4,5,6,.88)!important;
  color:#f7f7f7!important;
  font:850 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  backdrop-filter:blur(8px)!important;
}

/* Service cards/detail/checkout use Shop dimensions exactly; icon fills Shop media slots. */
.serviceShopProductIcon,
.serviceShopDetailIcon,
.serviceShopCheckoutIcon{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#59e7ff!important;
  background:radial-gradient(circle at 50% 35%,rgba(41,220,255,.14),rgba(12,18,20,.84) 72%)!important;
}
.serviceShopProductIcon svg{width:60%!important;height:60%!important}
.serviceShopDetailIcon svg{width:44%!important;height:44%!important}
.serviceShopCheckoutIcon svg{width:52%!important;height:52%!important}
.serviceShopProductCard .shopProductMeta{color:#9ba8ac!important}
.serviceShopProductCard .shopCartBtn{border-color:rgba(41,220,255,.22)!important}
.serviceShopProductCard .shopCartBtn:hover,
.serviceShopProductCard .shopCartBtn:focus-visible{color:#7cecff!important}

/* Detail accents without changing Shop measurements. */
body.servicesLiveV150 #viewDetail .shopDetailEyebrow,
body.servicesLiveV150 #viewDetail .price{color:#8eefff!important}
body.servicesLiveV150 #viewDetail .shopBuyBtn{
  border-color:rgba(41,220,255,.36)!important;
  background:linear-gradient(135deg,#23d8f8,#00afd7)!important;
  color:#001418!important;
}

/* Checkout keeps Shop's exact steps and spacing. */
body.servicesLiveV150 #viewCheckout .checkoutChoice.active,
body.servicesLiveV150 #viewCheckout .checkoutScheduleChoice.active,
body.servicesLiveV150 #viewCheckout .checkoutPaymentChoice.active{
  border-color:rgba(41,220,255,.32)!important;
  box-shadow:inset 0 0 0 1px rgba(41,220,255,.08)!important;
}
body.servicesLiveV150 #viewCheckout .checkoutContinueAction{
  background:linear-gradient(135deg,#23d8f8,#00afd7)!important;
  color:#001418!important;
}

/* Provider offer keeps Shop listing geometry. */
.serviceOfferMirror form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.serviceOfferMirror label{display:grid;gap:6px}
.serviceOfferMirror label>span{font-size:9px;font-weight:800;color:#8d999d}
.serviceOfferMirror input,.serviceOfferMirror select,.serviceOfferMirror textarea{
  width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#101314;color:#f2f6f7;padding:11px 12px;font:inherit
}
.serviceOfferMirror .shopSellFull{grid-column:1/-1}
.serviceOfferMirror .shopSellSubmit{grid-column:1/-1}

/* Services map deliberately uses the exact Shop tracking shell. */
.serviceTrackShell .shopTrackHeader small{color:#63e8ff!important}
.serviceTrackShell .shopTrackHeader span i,
.serviceTrackShell .shopTrackLiveLine i.live{background:#29dcff!important;box-shadow:0 0 10px rgba(41,220,255,.45)!important}
.serviceMapMarkerWrap{pointer-events:auto!important}
.serviceMapMarker{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:42px!important;
  max-width:126px!important;
  padding:5px 7px!important;
  border:1px solid rgba(75,228,255,.54)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(13,27,30,.98),rgba(5,11,13,.98))!important;
  color:#76ecff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.42),0 0 18px rgba(41,220,255,.10)!important;
}
.serviceMapMarker svg{width:20px!important;height:20px!important;flex:0 0 20px!important}
.serviceMapMarker b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6fbff;font:800 8px/1 system-ui}
.serviceMapOpenBtn{
  border:1px solid rgba(41,220,255,.28);border-radius:10px;background:rgba(41,220,255,.08);color:#79edff;padding:7px 9px;font:800 8px/1 system-ui
}

@media(max-width:620px){
  .serviceOfferMirror form{grid-template-columns:1fr}
  .serviceOfferMirror .shopSellFull,.serviceOfferMirror .shopSellSubmit{grid-column:auto}
  .serviceShopCategoryLabel{font-size:8px!important}
}


/* V185 — REC0DET Services subcategories: mini-icon vertical list, black/gold. */
body.servicesLiveV150 #viewSubcats #subcatGrid{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
  max-width:820px!important;
  margin:0 auto!important;
  align-items:stretch!important;
}
body.servicesLiveV150 #viewSubcats .serviceSubcategoryCard{
  position:relative!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:62px!important;
  aspect-ratio:auto!important;
  padding:7px 12px 7px 8px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(242,196,87,.22)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#151515,#0d0d0d)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.24)!important;
  color:#f5f5f5!important;
  text-align:left!important;
}
body.servicesLiveV150 #viewSubcats .serviceSubcategoryCard:hover,
body.servicesLiveV150 #viewSubcats .serviceSubcategoryCard:focus-visible{
  border-color:rgba(248,215,120,.62)!important;
  background:linear-gradient(180deg,#1b1a16,#11100d)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.30),inset 0 0 0 1px rgba(242,196,87,.08)!important;
  transform:translateY(-1px)!important;
}
body.servicesLiveV150 #viewSubcats .serviceSubcategoryMiniIcon{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(242,196,87,.34)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#191815,#0d0d0c)!important;
  color:#f2c457!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 0 1px rgba(255,229,157,.025)!important;
}
body.servicesLiveV150 #viewSubcats .serviceSubcategoryMiniIcon svg{
  width:66%!important;
  height:66%!important;
  max-width:30px!important;
  max-height:30px!important;
  color:#f2c457!important;
}
body.servicesLiveV150 #viewSubcats .serviceSubcategoryText{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
body.servicesLiveV150 #viewSubcats .serviceSubcategoryCard .label{
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#f4f4f4!important;
  font:800 12.5px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
body.servicesLiveV150 #viewSubcats .serviceSubcategoryCode{
  display:block!important;
  min-width:0!important;
  padding:0!important;
  color:#d8ad43!important;
  font:800 8.5px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
body.servicesLiveV150 #viewSubcats .serviceSubcategoryArrow{
  display:block!important;
  justify-self:end!important;
  color:#d7b357!important;
  font:700 22px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  opacity:.9!important;
}
body.servicesLiveV150 #viewSubcats .shopSectionHead,
body.servicesLiveV150 #viewSubcats .shopSectionHead h2,
body.servicesLiveV150 #viewSubcats #subcatsTitle{
  color:#f2f2f2!important;
}
body.servicesLiveV150 #viewSubcats .shopSectionHead>span{
  color:#c8a84e!important;
}
body.servicesLiveV150 #viewSubcats .serviceSubcategoryIcon,
body.servicesLiveV150 #viewSubcats .serviceSubcategoryCard .img{
  display:none!important;
}
@media(max-width:370px){
  body.servicesLiveV150 #viewSubcats #subcatGrid{gap:6px!important}
  body.servicesLiveV150 #viewSubcats .serviceSubcategoryCard{
    grid-template-columns:40px minmax(0,1fr) 20px!important;
    gap:8px!important;
    min-height:56px!important;
    padding:6px 10px 6px 7px!important;
    border-radius:10px!important;
  }
  body.servicesLiveV150 #viewSubcats .serviceSubcategoryMiniIcon{
    width:40px!important;
    height:40px!important;
    border-radius:9px!important;
  }
  body.servicesLiveV150 #viewSubcats .serviceSubcategoryCard .label{font-size:11.5px!important}
  body.servicesLiveV150 #viewSubcats .serviceSubcategoryCode{font-size:8px!important}
  body.servicesLiveV150 #viewSubcats .serviceSubcategoryArrow{font-size:20px!important}
  .serviceShopCategoryCode{top:5px!important;right:5px!important;font-size:6.4px!important}
}

/* Premium header CSS can otherwise display controls that still carry .hidden. */
body.servicesLiveV150 .topbar.topbarTwoRow .topicons .iconbtn.hidden,
body.servicesLiveV150 .topbar.topbarTwoRow #hubProNotifications.hidden{
  display:none!important;
  pointer-events:none!important;
}
body.servicesLiveV150 .topbar.topbarTwoRow .globalBackBtn{
  z-index:20!important;
  pointer-events:auto!important;
}