/*
 * FollowerAbzar SMM 80.3.18
 * Mobile-only geometry repair for the social order form and viewport CTA dock.
 * No pricing, payment, provider, wallet, database or order lifecycle logic lives here.
 */

@media (max-width:767px){
  html{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.fasmm-new-order-active{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* JavaScript marks only the ancestor chain that contains the order form. This
     prevents legacy panel/Elementor wrappers from reserving desktop horizontal
     space on a phone without changing unrelated sections of the page. */
  body.fasmm-new-order-active [data-fasmm-mobile-order-host="1"]{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.fasmm-new-order-active [data-fasmm-mobile-order-host-wide="1"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  /* The component itself owns the only horizontal phone gutter. */
  body.fasmm-new-order-active .fasmm-order-shortcode-materio{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 8px!important;
    left:auto!important;
    right:auto!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.fasmm-new-order-active .fasmm-order-shortcode-materio > .fasmm-order-card.fasmm-order-workspace-anjamino,
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino,
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino .fasmm-live-order-form,
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino .fasmm-order-shell,
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino .fasmm-order-main,
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino .fasmm-premium-checkout{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino{
    padding:0!important;
    overflow-x:visible!important;
  }
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino .fasmm-order-shell{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    overflow:visible!important;
  }
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino .fasmm-order-main,
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino .fasmm-premium-checkout{
    padding:9px!important;
    border-radius:14px!important;
    overflow:visible!important;
  }

  /* Every interactive child must be allowed to shrink instead of creating a
     hidden horizontal overflow column. */
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino :is(
    .fasmm-dropdown-order-layout,
    .fasmm-dropdown-order-layout-3,
    .fasmm-dropdown-block,
    .fasmm-select-trigger,
    .fasmm-select-dropdown,
    .fasmm-order-fields,
    .fasmm-order-link-field,
    .fasmm-order-link-control,
    .fasmm-order-quantity-section,
    .fasmm-order-metrics,
    .fasmm-service-information,
    .fasmm-payment-methods-overview,
    .fasmm-gateway-choice,
    .fasmm-gateway-choice__grid,
    .fasmm-payment-card-choice,
    .fasmm-payment-card-choice-box,
    .fasmm-premium-price-breakdown,
    .fasmm-coupon-row
  ){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino :is(input,select,textarea,button,a){
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.fasmm-new-order-active .fasmm-order-workspace-anjamino .fasmm-order-link-control{
    overflow:visible!important;
  }

  /* The in-form action block is never allowed to compete with the viewport
     dock after the dock has been created. */
  body.fasmm-has-mobile-order-dock .fasmm-order-workspace-anjamino .fasmm-order-actions{
    display:none!important;
  }

  /* Viewport-owned CTA: use 50vw + translate rather than inherited left/right
     so RTL containers, transformed wrappers and panel offsets cannot move it. */
  body > .fasmm-mobile-order-dock{
    position:fixed!important;
    z-index:2147482500!important;
    left:50vw!important;
    right:auto!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 16px)!important;
    width:calc(100dvw - 16px)!important;
    max-width:560px!important;
    min-width:0!important;
    margin:0!important;
    padding:7px!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
    border-radius:15px!important;
    overflow:hidden!important;
    contain:layout paint!important;
  }
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__submit,
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__secondary,
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__secondary > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__submit{
    min-height:47px!important;
    padding:7px 10px!important;
    gap:6px!important;
    white-space:normal!important;
  }
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__submit-label{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__submit-price{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__secondary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body > .fasmm-mobile-order-dock.is-single-secondary .fasmm-mobile-order-dock__secondary{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.fasmm-has-mobile-order-dock{
    padding-bottom:max(112px,calc(102px + env(safe-area-inset-bottom)))!important;
  }
}

@media (max-width:380px){
  body.fasmm-new-order-active .fasmm-order-shortcode-materio{padding-inline:6px!important}
  body > .fasmm-mobile-order-dock{
    width:calc(100vw - 12px)!important;
    width:calc(100dvw - 12px)!important;
    bottom:calc(6px + env(safe-area-inset-bottom))!important;
    padding:6px!important;
    border-radius:14px!important;
  }
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__submit-label,
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__submit-price{font-size:11px!important}
  body > .fasmm-mobile-order-dock .fasmm-mobile-order-dock__secondary > :is(a,button){font-size:10px!important;padding-inline:5px!important}
}