/*
 * FollowerAbzar SMM 79.2.7
 * Standalone/Elementor order-shortcode shell.
 *
 * This stylesheet intentionally owns only FASMM order/cart components. It does
 * not set body/page background, Elementor global colors, section widths or the
 * Elementor header/footer canvas.
 */

/* ---------- standalone shortcode isolation ---------- */
.fasmm-order-shortcode-materio{
  --fasmm-shortcode-primary:var(--fasmm-primary,#5b4df6);
  --fasmm-shortcode-primary-hover:#493bd9;
  --fasmm-shortcode-surface:var(--fasmm-bg-surface,#fff);
  --fasmm-shortcode-soft:var(--fasmm-bg-surface-2,#f7f8fc);
  --fasmm-shortcode-border:var(--fasmm-border,#dfe5ef);
  --fasmm-shortcode-text:var(--fasmm-text-primary,#172033);
  --fasmm-shortcode-muted:var(--fasmm-text-secondary,#64748b);
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
  text-align:right!important;
  box-sizing:border-box!important;
  isolation:isolate;
}
.fasmm-order-shortcode-materio,
.fasmm-order-shortcode-materio *,
.fasmm-order-shortcode-materio *::before,
.fasmm-order-shortcode-materio *::after{box-sizing:border-box!important}

/* Elementor and some themes add margins/max-widths to shortcode/widget output. */
.elementor-widget-shortcode .fasmm-order-shortcode-materio,
.elementor-widget-text-editor .fasmm-order-shortcode-materio,
.elementor-shortcode .fasmm-order-shortcode-materio{width:100%!important;max-width:none!important;margin:0!important}

.fasmm-order-shortcode-materio>.fasmm-order-card,
.fasmm-order-shortcode-materio .fasmm-order-workspace{
  width:100%!important;
  max-width:1180px!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.fasmm-order-shortcode-materio .fasmm-order-main{
  width:100%!important;
  min-width:0!important;
  padding:20px!important;
  border:1px solid var(--fasmm-shortcode-border)!important;
  border-radius:18px!important;
  background:var(--fasmm-shortcode-surface)!important;
  color:var(--fasmm-shortcode-text)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045)!important;
  overflow:visible!important;
}

/* Hard-reset Elementor/button theme rules only inside the FASMM order UI. */
.fasmm-order-shortcode-materio :is(button,.fasmm-btn,input,textarea,select){font-family:inherit!important}
.fasmm-order-shortcode-materio button,
.fasmm-order-shortcode-materio .fasmm-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  text-decoration:none!important;
  line-height:1.5!important;
}
.fasmm-order-shortcode-materio .fasmm-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:46px!important;
  padding:9px 16px!important;
  border:1px solid var(--fasmm-shortcode-border)!important;
  border-radius:12px!important;
  background:var(--fasmm-shortcode-surface)!important;
  color:var(--fasmm-shortcode-text)!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.fasmm-order-shortcode-materio .fasmm-btn-primary{
  border-color:var(--fasmm-shortcode-primary)!important;
  background:var(--fasmm-shortcode-primary)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.fasmm-order-shortcode-materio .fasmm-btn-primary:hover:not(:disabled){background:var(--fasmm-shortcode-primary-hover)!important;border-color:var(--fasmm-shortcode-primary-hover)!important}
.fasmm-order-shortcode-materio .fasmm-btn-primary:disabled{border-color:#d7dce5!important;background:#e1e5ec!important;color:#9aa4b2!important;opacity:1!important;cursor:not-allowed!important}
.fasmm-order-shortcode-materio .fasmm-btn-soft{background:#f1f3ff!important;border-color:#cdd2ff!important;color:#4338ca!important}
.fasmm-order-shortcode-materio .fasmm-btn-soft:hover{background:#e9eaff!important;border-color:#b9befc!important}

/* Keep the checkout/action block together and responsive in Elementor columns. */
.fasmm-order-shortcode-materio .fasmm-premium-checkout,
.fasmm-order-shortcode-materio .fasmm-order-summary-compact,
.fasmm-order-shortcode-materio .fasmm-order-actions{width:100%!important;max-width:100%!important;min-width:0!important}
.fasmm-order-shortcode-materio .fasmm-order-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:stretch!important;
  margin-top:12px!important;
  position:static!important;
}
.fasmm-order-shortcode-materio .fasmm-order-actions>.fasmm-btn{min-width:0!important;min-height:52px!important;margin:0!important}
.fasmm-order-shortcode-materio .fasmm-order-actions>.fasmm-btn:first-of-type{width:100%!important}
.fasmm-order-shortcode-materio .fasmm-add-to-cart{grid-column:1/-1!important;width:100%!important}
.fasmm-order-shortcode-materio .fasmm-order-charge-cta{white-space:nowrap!important}

/* ---------- public floating cart portal ----------
 * The JS moves these nodes to <body> so Elementor overflow/transform rules do
 * not create a clipping or fixed-position containing block.
 */
.fasmm-cart-float.fasmm-cart-float-direct{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:fixed!important;
  left:20px!important;
  right:auto!important;
  bottom:22px!important;
  top:auto!important;
  z-index:2147482000!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#5b4df6,#695cf8)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(79,70,229,.28)!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.fasmm-cart-float.fasmm-cart-float-direct:hover{background:linear-gradient(145deg,#4f43e5,#5d50eb)!important;transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(79,70,229,.34)!important}
.fasmm-cart-float.fasmm-cart-float-direct:focus-visible{outline:3px solid rgba(91,77,246,.25)!important;outline-offset:3px!important}
.fasmm-cart-float.fasmm-cart-float-direct>i{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1!important;
}
.fasmm-cart-float.fasmm-cart-float-direct .fasmm-cart-count{
  position:absolute!important;
  top:-7px!important;
  right:-7px!important;
  left:auto!important;
  min-width:23px!important;
  height:23px!important;
  padding:0 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  box-shadow:0 4px 10px rgba(239,68,68,.2)!important;
}
.fasmm-cart-float.fasmm-cart-float-direct:not(.has-items) .fasmm-cart-count{background:#7c8595!important}

.fasmm-cart-drawer{
  position:fixed!important;
  left:16px!important;
  right:auto!important;
  top:16px!important;
  bottom:16px!important;
  z-index:2147483001!important;
  width:min(390px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:14px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  overflow:hidden!important;
  direction:rtl!important;
  text-align:right!important;
  border:1px solid #dfe5ef!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:0 28px 80px rgba(15,23,42,.24)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(calc(-100% - 36px))!important;
  transition:transform .22s ease,opacity .18s ease,visibility .18s ease!important;
  box-sizing:border-box!important;
}
.fasmm-cart-drawer.open,
.fasmm-cart-drawer.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0)!important;
}
.fasmm-cart-drawer,
.fasmm-cart-drawer *,
.fasmm-cart-drawer *::before,
.fasmm-cart-drawer *::after{box-sizing:border-box!important}
.fasmm-cart-head{
  flex:0 0 auto!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 2px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:0!important;
  border-bottom:1px solid #e6eaf0!important;
  background:transparent!important;
}
.fasmm-cart-head-title{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.fasmm-cart-head-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:#f0efff!important;color:#5b4df6!important;font-size:20px!important}
.fasmm-cart-head-title>div{display:grid!important;gap:1px!important;min-width:0!important}
.fasmm-cart-head-title strong{margin:0!important;color:#172033!important;font-size:14px!important;font-weight:900!important;line-height:1.6!important}
.fasmm-cart-head-title small{margin:0!important;color:#7a8494!important;font-size:11px!important;line-height:1.5!important}
.fasmm-cart-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e2e7ee!important;
  border-radius:11px!important;
  background:#f6f8fb!important;
  color:#475569!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.fasmm-cart-close:hover{background:#eef1f6!important;color:#111827!important}

.fasmm-cart-items{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:4px 2px!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  overscroll-behavior:contain!important;
}
.fasmm-cart-empty{
  min-height:220px!important;
  width:100%!important;
  padding:24px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:center!important;
  border:1px dashed #d9e0e9!important;
  border-radius:16px!important;
  background:#fafbfc!important;
  color:#667085!important;
}
.fasmm-cart-empty i{color:#9aa4b2!important;font-size:38px!important;line-height:1!important}
.fasmm-cart-empty strong{color:#344054!important;font-size:13px!important;font-weight:900!important}
.fasmm-cart-empty span{color:#7b8798!important;font-size:11px!important;line-height:1.8!important}

.fasmm-cart-row{
  position:relative!important;
  min-height:0!important;
  margin:0 0 8px!important;
  padding:11px 12px!important;
  display:grid!important;
  gap:7px!important;
  border:1px solid #e2e7ee!important;
  border-radius:15px!important;
  background:#fbfcfe!important;
  color:#172033!important;
  overflow:visible!important;
}
.fasmm-cart-row:last-child{margin-bottom:0!important}
.fasmm-cart-row-head{display:flex!important;align-items:center!important;gap:9px!important;padding-left:38px!important;min-width:0!important}
.fasmm-cart-service-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:#f0efff!important;color:#5b4df6!important}
.fasmm-cart-row-head>div{display:grid!important;gap:2px!important;min-width:0!important}
.fasmm-cart-row b{min-width:0!important;color:#253044!important;font-size:12.5px!important;font-weight:900!important;line-height:1.6!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fasmm-cart-row small{color:#7b8798!important;font-size:10.5px!important;line-height:1.6!important;overflow-wrap:anywhere!important}
.fasmm-cart-row>span,.fasmm-cart-row-head span{color:#475569!important;font-size:11px!important;line-height:1.55!important}
.fasmm-cart-row-link{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:7px!important;padding:8px 9px!important;border-radius:10px!important;background:#f3f5f9!important;color:#475569!important}
.fasmm-cart-row-link span{direction:ltr!important;text-align:left!important;word-break:break-all!important;font-size:10.5px!important}
.fasmm-cart-remove{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  right:auto!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #fecaca!important;
  border-radius:10px!important;
  background:#fff1f2!important;
  color:#dc2626!important;
  cursor:pointer!important;
}

.fasmm-cart-footer{
  flex:0 0 auto!important;
  width:100%!important;
  margin:0!important;
  padding:10px 0 0!important;
  display:grid!important;
  gap:9px!important;
  border:0!important;
  border-top:1px solid #e6eaf0!important;
  background:#fff!important;
}
.fasmm-cart-total{
  min-height:44px!important;
  width:100%!important;
  margin:0!important;
  padding:9px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-radius:12px!important;
  background:#f5f7fb!important;
  color:#475569!important;
  font-size:12px!important;
}
.fasmm-cart-total b{color:#172033!important;font-size:14px!important;font-weight:900!important;white-space:nowrap!important}
.fasmm-cart-post-form{width:100%!important;margin:0!important;padding:0!important}
.fasmm-cart-submit{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
  padding:9px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid #5b4df6!important;
  border-radius:12px!important;
  background:#5b4df6!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.5!important;
  cursor:pointer!important;
}
.fasmm-cart-submit:disabled{border-color:#d7dce5!important;background:#e1e5ec!important;color:#9aa4b2!important;cursor:not-allowed!important}

.fasmm-cart-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:rgba(15,23,42,.45)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .18s ease,visibility .18s ease!important;
}
.fasmm-cart-backdrop[hidden]{display:none!important}
.fasmm-cart-backdrop.show{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.fasmm-cart-open{overflow:hidden!important}

/* Public Elementor pages can contain Telegram/support floaters on the right;
 * keep the cart launcher on the opposite side and inside the safe viewport. */
@media(max-width:767px){
  .fasmm-order-shortcode-materio .fasmm-order-main{padding:12px!important;border-radius:15px!important}
  .fasmm-order-shortcode-materio .fasmm-order-actions{grid-template-columns:1fr!important}
  .fasmm-order-shortcode-materio .fasmm-add-to-cart{grid-column:auto!important}
  .fasmm-order-shortcode-materio .fasmm-order-charge-cta{width:100%!important}
  .fasmm-cart-float.fasmm-cart-float-direct{
    display:flex!important;
    left:12px!important;
    right:auto!important;
    bottom:14px!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    border-radius:16px!important;
  }
  .fasmm-cart-float.fasmm-cart-float-direct>i{font-size:24px!important}
  .fasmm-cart-drawer{
    left:8px!important;
    right:auto!important;
    top:8px!important;
    bottom:8px!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    padding:12px!important;
    border-radius:18px!important;
    transform:translateX(calc(-100% - 20px))!important;
  }
  .fasmm-cart-drawer.open,.fasmm-cart-drawer.is-open{transform:translateX(0)!important}
  .fasmm-cart-empty{min-height:180px!important}
}

@media(prefers-reduced-motion:reduce){
  .fasmm-cart-float.fasmm-cart-float-direct,
  .fasmm-cart-drawer,
  .fasmm-cart-backdrop{transition:none!important}
}

/* v76 hid the public cart launcher on narrow New Order routes. On a standalone
 * shortcode there is no panel header cart, so keep the launcher available. */
@media(max-width:767px){
  body.fasmm-new-order-active:not(.fasmm-panel-fullscreen) .fasmm-cart-float.fasmm-cart-float-direct{display:flex!important;visibility:visible!important;opacity:1!important}
}


/* ===== 79.2.7 — Elementor dropdown ownership + reliable cart glyph =====
 * The order shell must fully own the visual geometry of brand/category/service
 * pickers. Elementor/theme button/input rules must never turn these popovers
 * into raw controls or force horizontal scrolling.
 */
.fasmm-order-shortcode-materio .fasmm-dropdown-order-layout{
  overflow:visible!important;
}
.fasmm-order-shortcode-materio .fasmm-dropdown-block{
  position:relative!important;
  min-width:0!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.fasmm-order-shortcode-materio .fasmm-dropdown-block:has(.fasmm-select-dropdown.open),
.fasmm-order-shortcode-materio .fasmm-dropdown-block:has(.fasmm-select-dropdown.is-open){
  z-index:950!important;
}
.fasmm-order-shortcode-materio .fasmm-select-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  margin:0!important;
  padding:9px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  row-gap:2px!important;
  align-items:center!important;
  border:1px solid #dfe5ef!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#172033!important;
  text-align:right!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
  overflow:hidden!important;
}
.fasmm-order-shortcode-materio .fasmm-select-trigger:hover:not(:disabled){
  border-color:#c8c2ff!important;
  background:#fcfbff!important;
  box-shadow:0 4px 14px rgba(79,70,229,.055)!important;
}
.fasmm-order-shortcode-materio .fasmm-select-trigger:focus-visible{
  outline:3px solid rgba(91,77,246,.14)!important;
  outline-offset:2px!important;
  border-color:#8f83ff!important;
}
.fasmm-order-shortcode-materio .fasmm-select-trigger:disabled,
.fasmm-order-shortcode-materio .fasmm-select-trigger.disabled{
  opacity:1!important;
  background:#f8fafc!important;
  color:#98a2b3!important;
  border-color:#e4e8ef!important;
}
.fasmm-order-shortcode-materio .fasmm-trigger-icon{
  grid-row:1/3!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:11px!important;
  background:#f1efff!important;
  color:#6658f5!important;
  line-height:1!important;
  overflow:hidden!important;
}
.fasmm-order-shortcode-materio .fasmm-trigger-icon :is(img,svg){
  display:block!important;
  width:26px!important;
  height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  object-fit:contain!important;
}
.fasmm-order-shortcode-materio .fasmm-select-trigger>b{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#182230!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.55!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.fasmm-order-shortcode-materio .fasmm-select-trigger>em{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#7a8494!important;
  font-size:10.5px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.45!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.fasmm-order-shortcode-materio .fasmm-select-dropdown{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  bottom:auto!important;
  z-index:1000!important;
  min-width:100%!important;
  max-width:calc(100vw - 32px)!important;
  max-height:none!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid #dce2eb!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:0 18px 46px rgba(15,23,42,.16)!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  transform:none!important;
}
.fasmm-order-shortcode-materio .fasmm-select-dropdown:not(.open):not(.is-open){display:none!important}
.fasmm-order-shortcode-materio .fasmm-select-dropdown.open,
.fasmm-order-shortcode-materio .fasmm-select-dropdown.is-open{display:block!important}

@media(min-width:768px){
  .fasmm-order-shortcode-materio .fasmm-brand-dropdown{
    right:0!important;
    left:auto!important;
    width:min(430px,calc(100vw - 48px))!important;
  }
  .fasmm-order-shortcode-materio .fasmm-category-dropdown{
    right:50%!important;
    left:auto!important;
    width:min(460px,calc(100vw - 48px))!important;
    transform:translateX(50%)!important;
  }
  .fasmm-order-shortcode-materio .fasmm-service-dropdown{
    left:0!important;
    right:auto!important;
    width:min(560px,calc(100vw - 48px))!important;
  }
}

.fasmm-order-shortcode-materio .fasmm-select-dropdown .fasmm-search-input{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0 0 9px!important;
  padding:9px 12px!important;
  border:1px solid #dce2eb!important;
  border-radius:10px!important;
  background:#f9fafc!important;
  color:#172033!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.5!important;
  outline:0!important;
  box-shadow:none!important;
}
.fasmm-order-shortcode-materio .fasmm-select-dropdown .fasmm-search-input::placeholder{color:#98a2b3!important;opacity:1!important}
.fasmm-order-shortcode-materio .fasmm-select-dropdown .fasmm-search-input:focus{
  border-color:#8f83ff!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(91,77,246,.10)!important;
}

.fasmm-order-shortcode-materio :is(.fasmm-brand-chips,.fasmm-category-chips,.fasmm-service-cards){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  max-height:330px!important;
  margin:0!important;
  padding:1px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  overscroll-behavior:contain!important;
}
.fasmm-order-shortcode-materio .fasmm-service-cards{max-height:360px!important}

.fasmm-order-shortcode-materio :is(.fasmm-brand-chip,.fasmm-cat-chip,.fasmm-service-card){
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid #e0e5ec!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#172033!important;
  text-align:right!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transform:none!important;
}
.fasmm-order-shortcode-materio .fasmm-brand-chip{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
}
.fasmm-order-shortcode-materio .fasmm-cat-chip{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:9px!important;
  row-gap:1px!important;
}
.fasmm-order-shortcode-materio .fasmm-service-card,
.fasmm-order-shortcode-materio .fasmm-service-card-clean{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
}
.fasmm-order-shortcode-materio :is(.fasmm-brand-chip,.fasmm-cat-chip,.fasmm-service-card):hover{
  border-color:#c8c2ff!important;
  background:#faf9ff!important;
}
.fasmm-order-shortcode-materio :is(.fasmm-brand-chip,.fasmm-cat-chip,.fasmm-service-card).active,
.fasmm-order-shortcode-materio :is(.fasmm-brand-chip,.fasmm-cat-chip,.fasmm-service-card)[aria-selected="true"]{
  border-color:#8f83ff!important;
  background:#f3f1ff!important;
  box-shadow:0 0 0 2px rgba(91,77,246,.07)!important;
}
.fasmm-order-shortcode-materio :is(.fasmm-chip-icon,.fasmm-service-icon){
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:10px!important;
  background:#f4f3ff!important;
  color:#6255ee!important;
  line-height:1!important;
  overflow:hidden!important;
}
.fasmm-order-shortcode-materio .fasmm-service-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
.fasmm-order-shortcode-materio :is(.fasmm-chip-icon,.fasmm-service-icon) :is(img,svg){
  display:block!important;
  width:28px!important;
  height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  object-fit:contain!important;
}
.fasmm-order-shortcode-materio :is(.fasmm-brand-chip,.fasmm-cat-chip)>b{
  min-width:0!important;
  margin:0!important;
  color:#202939!important;
  font-size:12.5px!important;
  font-weight:850!important;
  line-height:1.6!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.fasmm-order-shortcode-materio .fasmm-cat-chip>small{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  color:#7a8494!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.fasmm-order-shortcode-materio .fasmm-service-text{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:4px 8px!important;
  overflow:hidden!important;
}
.fasmm-order-shortcode-materio .fasmm-service-text>b{
  grid-column:1!important;
  min-width:0!important;
  margin:0!important;
  color:#202939!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.65!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.fasmm-order-shortcode-materio .fasmm-service-price-pill{
  grid-column:2!important;
  width:max-content!important;
  max-width:150px!important;
  margin:0!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:#f1efff!important;
  color:#5748e8!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1.5!important;
  white-space:nowrap!important;
}
.fasmm-order-shortcode-materio .fasmm-service-badges{
  grid-column:1/-1!important;
  min-width:0!important;
  margin:1px 0 0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  overflow:hidden!important;
}
.fasmm-order-shortcode-materio .fasmm-service-badges:empty{display:none!important}
.fasmm-order-shortcode-materio .fasmm-service-badges>*{
  max-width:100%!important;
  margin:0!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  white-space:normal!important;
}

/* Floating cart must not depend on the Materio/Remix icon font. */
body .fasmm-cart-float.fasmm-cart-float-direct{
  border:1px solid rgba(255,255,255,.34)!important;
}
body .fasmm-cart-float.fasmm-cart-float-direct>i{display:none!important}
body .fasmm-cart-float.fasmm-cart-float-direct .fasmm-cart-launcher-icon{
  position:relative!important;
  z-index:2!important;
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  pointer-events:none!important;
}
body .fasmm-cart-float.fasmm-cart-float-direct .fasmm-cart-launcher-icon svg{
  display:block!important;
  width:29px!important;
  height:29px!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body .fasmm-cart-float.fasmm-cart-float-direct:not(.has-items) .fasmm-cart-count{
  display:none!important;
}
body .fasmm-cart-float.fasmm-cart-float-direct.has-items .fasmm-cart-count{
  display:flex!important;
}

@media(max-width:767px){
  .fasmm-order-shortcode-materio .fasmm-select-trigger{
    min-height:50px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    padding:7px 9px!important;
  }
  .fasmm-order-shortcode-materio .fasmm-trigger-icon{
    grid-row:1!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  .fasmm-order-shortcode-materio .fasmm-select-trigger>em{display:none!important}
  .fasmm-order-shortcode-materio .fasmm-select-dropdown{
    position:fixed!important;
    top:72px!important;
    right:10px!important;
    left:10px!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100dvh - 92px)!important;
    padding:10px!important;
    transform:none!important;
  }
  .fasmm-order-shortcode-materio :is(.fasmm-brand-chips,.fasmm-category-chips,.fasmm-service-cards){
    max-height:calc(100dvh - 175px)!important;
  }
  .fasmm-order-shortcode-materio .fasmm-service-text{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .fasmm-order-shortcode-materio .fasmm-service-price-pill{
    grid-column:1!important;
    justify-self:start!important;
  }
  body .fasmm-cart-float.fasmm-cart-float-direct .fasmm-cart-launcher-icon,
  body .fasmm-cart-float.fasmm-cart-float-direct .fasmm-cart-launcher-icon svg{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
  }
}

/* 79.2.8 — brand/category correctness and scrollbar cleanup.
 * The component cards use display:grid!important; without an equally strong [hidden]
 * rule the browser's native hidden attribute loses the cascade and categories from
 * every brand remain visible. Keep filtering authoritative at CSS level. */
.fasmm-order-shortcode-materio .fasmm-cat-chip[hidden],
.fasmm-order-shortcode-materio .fasmm-cat-chip.fasmm-category-hidden,
.fasmm-order-shortcode-materio .fasmm-cat-chip[aria-hidden="true"]{
  display:none!important;
}

/* Brand and category menus should expand with the document instead of creating a
 * second vertical scrollbar beside the menu. Service results may still scroll because
 * that list can contain hundreds/thousands of entries. */
.fasmm-order-shortcode-materio .fasmm-brand-dropdown,
.fasmm-order-shortcode-materio .fasmm-category-dropdown{
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
}
.fasmm-order-shortcode-materio .fasmm-brand-chips,
.fasmm-order-shortcode-materio .fasmm-category-chips{
  max-height:none!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
  overscroll-behavior:auto!important;
}
.fasmm-order-shortcode-materio .fasmm-brand-chips::-webkit-scrollbar,
.fasmm-order-shortcode-materio .fasmm-category-chips::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

@media(max-width:767px){
  /* On mobile the dropdown itself is fixed; let the page-sized panel own scrolling,
   * not a narrow inner rail next to the brand/category cards. */
  .fasmm-order-shortcode-materio .fasmm-brand-dropdown,
  .fasmm-order-shortcode-materio .fasmm-category-dropdown{
    max-height:calc(100dvh - 92px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
  }
  .fasmm-order-shortcode-materio .fasmm-brand-dropdown::-webkit-scrollbar,
  .fasmm-order-shortcode-materio .fasmm-category-dropdown::-webkit-scrollbar{
    display:none!important;
    width:0!important;
  }
  .fasmm-order-shortcode-materio .fasmm-brand-chips,
  .fasmm-order-shortcode-materio .fasmm-category-chips{
    max-height:none!important;
    overflow:visible!important;
  }
}