/* NetStore UI: página do produto no celular e no tablet (≤921 px). Preço à esquerda com o estoque ao lado,
   quantidade e "Add to cart" numa linha da largura toda, e as abas como pílulas que rolam de lado. */

@media (max-width:921px){
  /* ---------- preço e estoque ---------- */
  .single-product div.product .summary .price{
    display:inline-block; vertical-align:middle; margin:4px 14px 8px 0 !important;
    font-size:30px !important; font-weight:800 !important; line-height:1.15 !important; letter-spacing:-.01em;
  }
  .single-product div.product .summary .price del{ font-size:.55em; font-weight:600; opacity:.6; margin-right:6px; }
  .single-product div.product .summary .price ins{ text-decoration:none; }
  .single-product div.product .summary .ast-stock-detail{
    display:inline-flex; align-items:center; gap:6px; vertical-align:middle; margin:4px 0 8px !important;
    padding:5px 12px 5px 10px; border-radius:999px; background:#E7F6F4;
    font-size:13px !important; font-weight:600; line-height:1.3;
  }
  .single-product div.product .summary .ast-stock-detail .ast-stock-avail{
    position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
  }
  .single-product div.product .summary .ast-stock-detail .stock{ margin:0 !important; font-size:13px !important; color:#0B7A6F !important; }
  .single-product div.product .summary .ast-stock-detail .stock::before{
    content:""; display:inline-block; width:7px; height:7px; margin:0 7px 1px 0; border-radius:50%; background:#10B0A0; vertical-align:middle;
  }
  .single-product div.product .summary .ast-stock-detail:has(.out-of-stock){ background:#FDECEC; }
  .single-product div.product .summary .ast-stock-detail .out-of-stock{ color:#B42318 !important; }
  .single-product div.product .summary .ast-stock-detail .out-of-stock::before{ background:#E5484D; }

  /* ---------- quantidade + Add to cart ---------- */
  .single-product div.product .summary form.cart{
    display:flex !important; flex-wrap:nowrap !important; align-items:stretch !important; justify-content:flex-start !important;
    gap:10px !important; width:100%; margin:12px 0 18px !important;
  }
  /* o clearfix do WooCommerce (::before e ::after com content) vira item do flex e soma um gap em cada ponta */
  .single-product div.product .summary form.cart::before,
  .single-product div.product .summary form.cart::after{ display:none !important; content:none !important; }
  .single-product div.product .summary form.cart .quantity{ flex:0 0 auto; margin:0 !important; float:none !important; }
  .single-product div.product .summary form.cart .quantity.sv-qty-stepper{ height:50px !important; box-sizing:border-box; }
  .single-product div.product .summary form.cart .quantity.sv-qty-stepper input.qty{ height:48px !important; width:44px !important; font-size:16px !important; }
  .single-product div.product .summary form.cart .quantity.sv-qty-stepper button.sv-qty-btn{ height:48px !important; width:40px !important; font-size:18px !important; }
  .single-product div.product .summary form.cart button.single_add_to_cart_button{
    flex:1 1 auto; min-width:0; height:50px !important; min-height:50px; margin:0 !important; padding:0 16px !important;
    border-radius:12px !important; font-size:16px !important; font-weight:700 !important; line-height:1 !important; float:none !important;
  }
  .single-product div.product .summary .product_meta{ font-size:14px; }

  /* ---------- abas ---------- */
  .single-product div.product .woocommerce-tabs{ margin-top:8px !important; padding-top:0 !important; border-top:0 !important; }
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs{
    display:flex !important; flex-wrap:nowrap; gap:8px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
    scrollbar-width:none; margin:0 -16px 18px !important; padding:2px 16px 4px !important; border:0 !important;
    list-style:none !important; text-align:left; scroll-padding-inline:16px;
  }
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar{ display:none; }
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs::before,
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs::after{ display:none !important; content:none !important; }
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li{
    flex:0 0 auto; display:block !important; margin:0 !important; padding:0 !important; border:0 !important;
    background:transparent !important; border-radius:999px !important; box-shadow:none !important;
  }
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li::after{ display:none !important; content:none !important; }
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    display:flex !important; align-items:center; min-height:40px; box-sizing:border-box; padding:0 16px !important;
    border:1px solid #D5DCDC; border-radius:999px; background:#fff;
    color:#5B6672 !important; font-size:14px !important; font-weight:600 !important; line-height:1 !important; white-space:nowrap;
    text-decoration:none !important; -webkit-tap-highlight-color:transparent;
  }
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
    background:#1B2430; border-color:#1B2430; color:#fff !important;
  }
  .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus-visible{ outline:2px solid #0B7A6F; outline-offset:2px; }
  .single-product div.product .woocommerce-tabs .panel{ margin:0 0 8px !important; padding:0 !important; }
  .single-product div.product .woocommerce-tabs .panel > h2:first-child{ font-size:18px !important; margin:0 0 12px !important; }
  .single-product div.product .woocommerce-tabs .panel p{ margin:0 0 .85em; line-height:1.6; }
  .single-product div.product .woocommerce-tabs .panel table.shop_attributes{ margin:0; }
}