/* OBSESSION — MOBILE PRODUCT CONTROLS V1 */

@media(max-width:760px){

  .product-page-retail .product-size-choice{
    text-align:left!important;
  }

  /* SIZE WRAPPER */
  .product-page-retail #tag-size.variant-size-buttons{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  /* SIZE BUTTON */
  .product-page-retail #tag-size .variant-size-btn{
    position:static!important;
    transform:none!important;
    box-sizing:border-box!important;

    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0 12px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:#17130f!important;
    color:#fff!important;
    border:1px solid #17130f!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .product-page-retail #tag-size .variant-size-main{
    width:100%!important;
    height:100%!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:0!important;
  }

  .product-page-retail #tag-size .variant-size-main strong{
    margin:0!important;
    padding:0!important;

    color:#fff!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1!important;
  }

  /* QUANTITY + ADD TO BAG */
  .product-page-retail .product-retail-buy-row{
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr)!important;
    gap:10px!important;

    width:100%!important;
    max-width:none!important;

    margin-top:18px!important;
    align-items:center!important;
  }

  .product-page-retail .retail-quantity,
  .product-page-retail .quantity-selector{
    box-sizing:border-box!important;

    display:flex!important;

    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0!important;

    border:1px solid #17130f!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  /* − / + */
  .product-page-retail #product-qty-minus,
  .product-page-retail #product-qty-plus{
    box-sizing:border-box!important;

    flex:0 0 40px!important;

    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;

    height:46px!important;
    min-height:46px!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    border-radius:0!important;

    background:#17130f!important;
    color:#fff!important;

    font-size:17px!important;
    line-height:46px!important;
    text-align:center!important;
  }

  /* NUMBER */
  .product-page-retail #product-qty{
    box-sizing:border-box!important;

    flex:0 0 38px!important;

    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;

    height:46px!important;
    min-height:46px!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    border-left:1px solid #ddd!important;
    border-right:1px solid #ddd!important;
    border-radius:0!important;

    background:#fff!important;
    color:#17130f!important;

    text-align:center!important;
    font-size:14px!important;

    appearance:textfield!important;
    -moz-appearance:textfield!important;
  }

  .product-page-retail #product-qty::-webkit-inner-spin-button,
  .product-page-retail #product-qty::-webkit-outer-spin-button{
    -webkit-appearance:none!important;
    margin:0!important;
  }

  /* ADD TO BAG */
  .product-page-retail #product-add-btn{
    box-sizing:border-box!important;

    width:100%!important;
    max-width:none!important;

    height:48px!important;
    min-height:48px!important;

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

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    font-size:11px!important;
    line-height:1!important;
  }

  /* BUY NOW */
  .product-page-retail #product-buy-now-btn{
    box-sizing:border-box!important;

    width:100%!important;
    max-width:none!important;

    height:50px!important;
    min-height:50px!important;

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

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    font-size:11px!important;
    line-height:1!important;
  }

  html[dir="rtl"] .product-page-retail .product-size-choice{
    text-align:right!important;
  }

  html[dir="rtl"] .product-page-retail #tag-size.variant-size-buttons{
    justify-content:flex-end!important;
  }
}

/* OBSESSION MOBILE MULTI SIZE FIX V2 */
@media(max-width:760px){

  .product-page-retail #tag-size.variant-size-buttons{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;

    margin:0!important;
    padding:0 0 2px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .product-page-retail #tag-size .variant-size-btn{
    position:static!important;
    transform:none!important;

    flex:0 0 auto!important;
    width:auto!important;
    min-width:92px!important;
    max-width:none!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0 18px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:#17130f!important;
    color:#fff!important;
    border:1px solid #17130f!important;
    border-radius:0!important;
    box-shadow:none!important;

    white-space:nowrap!important;
  }

  /* إذا في size واحد فقط */
  .product-page-retail #tag-size .variant-size-btn:only-child{
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
  }

  .product-page-retail #tag-size .variant-size-main{
    width:auto!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }

  .product-page-retail #tag-size .variant-size-main strong{
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .product-page-retail .variant-size-hint{
    display:block!important;
    margin-top:8px!important;
  }

  html[dir="rtl"] .product-page-retail #tag-size.variant-size-buttons{
    justify-content:flex-start!important;
  }
}

/* OBSESSION MOBILE MULTI SIZE FIX V2 */
@media(max-width:760px){

  .product-page-retail #tag-size.variant-size-buttons{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;

    margin:0!important;
    padding:0 0 2px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .product-page-retail #tag-size .variant-size-btn{
    position:static!important;
    transform:none!important;

    flex:0 0 auto!important;
    width:auto!important;
    min-width:92px!important;
    max-width:none!important;

    height:48px!important;
    min-height:48px!important;

    margin:0!important;
    padding:0 18px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:#17130f!important;
    color:#fff!important;
    border:1px solid #17130f!important;
    border-radius:0!important;
    box-shadow:none!important;

    white-space:nowrap!important;
  }

  /* إذا في size واحد فقط */
  .product-page-retail #tag-size .variant-size-btn:only-child{
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
  }

  .product-page-retail #tag-size .variant-size-main{
    width:auto!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }

  .product-page-retail #tag-size .variant-size-main strong{
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .product-page-retail .variant-size-hint{
    display:block!important;
    margin-top:8px!important;
  }

  html[dir="rtl"] .product-page-retail #tag-size.variant-size-buttons{
    justify-content:flex-start!important;
  }
}

/* OBSESSION — MOBILE SIZE POSITION FIX V1 */
@media(max-width:760px){

  .product-page-retail #tag-size.variant-size-buttons{
    height:50px!important;
    min-height:50px!important;
    padding:1px 0 0!important;
    align-items:flex-start!important;
  }

  .product-page-retail #tag-size .variant-size-btn{
    transform:translateY(1px)!important;
  }
}

/* OBSESSION — MOBILE SIZE VISUAL STATE V2 */
@media(max-width:760px){

  /* NOT SELECTED */
  .product-page-retail #tag-size .variant-size-btn[aria-pressed="false"]{
    background:#fff!important;
    color:#17130f!important;
    border:1px solid #17130f!important;
  }

  .product-page-retail #tag-size .variant-size-btn[aria-pressed="false"] .variant-size-main strong{
    color:#17130f!important;
  }

  /* SELECTED */
  .product-page-retail #tag-size .variant-size-btn[aria-pressed="true"]{
    background:#17130f!important;
    color:#fff!important;
    border:1px solid #17130f!important;
  }

  .product-page-retail #tag-size .variant-size-btn[aria-pressed="true"] .variant-size-main strong{
    color:#fff!important;
  }
}