/*
 ORN MOBILE PROD P0 R1
 Mobile-only release fixes.
 Desktop >= 901px untouched.
*/

@media(max-width:900px){

  /*
   * P0-1 AUTH:
   * Login modal must always be above workspace/org switcher.
   */
  .auth,
  body > .auth{
    z-index:2147483000!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .auth-card{
    position:relative!important;
    z-index:1!important;
    max-height:calc(100dvh - 24px)!important;
    overflow-y:auto!important;
  }


  /*
   * P0-2 iOS:
   * WebKit auto-zooms form controls below 16px.
   * Keep browser/user zoom available; fix controls instead.
   */
  input,
  textarea,
  select{
    font-size:16px!important;
  }

}


@media(max-width:650px){

  /*
   * P1 CATALOG FILTERS:
   * Preserve native select behaviour, replace visual styling.
   */
  .catalog-shell .filters,
  .product-shell .product-catalog-filters{
    gap:8px!important;
    margin:10px 0 12px!important;
  }

  .catalog-shell .filters select,
  .product-shell .product-catalog-filters select{
    -webkit-appearance:none!important;
    appearance:none!important;

    width:100%!important;
    min-height:48px!important;

    margin:0!important;
    padding:0 44px 0 14px!important;

    border:1px solid #DDE3E6!important;
    border-radius:12px!important;

    background-color:#fff!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' fill='none' stroke='%230F7C80' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 14px center!important;
    background-size:18px 18px!important;

    color:#1F252B!important;

    font-size:16px!important;
    font-weight:700!important;
    line-height:1.2!important;

    box-shadow:0 5px 18px rgba(31,37,43,.04)!important;
  }

  .catalog-shell .filters select:focus,
  .product-shell .product-catalog-filters select:focus{
    outline:none!important;
    border-color:#7FBFC1!important;
    box-shadow:0 0 0 3px rgba(15,124,128,.12)!important;
  }

  .catalog-shell .filters .muted{
    margin:4px 2px 0!important;
    color:#74808A!important;
    font-size:12px!important;
  }


  /*
   * P0-4 PRODUCT CTA:
   * Mobile commercial priority:
   * title -> price -> stock -> CTA -> secondary content.
   */
  .product-page .product-info{
    display:flex!important;
    flex-direction:column!important;
  }

  .product-page .product-info .tags{
    order:1;
  }

  .product-page .product-info .sku{
    order:2;
  }

  .product-page .product-info h1{
    order:3;
  }

  .product-page .product-info .price{
    order:4;
  }

  .product-page .product-info .stock{
    order:5;
  }

  .product-page .product-info .actions{
    order:6;
    width:100%!important;
    margin:14px 0 8px!important;
  }

  .product-page .product-info .actions .btn{
    width:100%!important;
    min-height:48px!important;
    font-size:15px!important;
  }

  .product-page .product-info .family-selector{
    order:7;
  }

  .product-page .product-info .intel-banner{
    order:8;
  }

  .product-page .product-info .desc{
    order:9;
  }

}