/* V3 PDP purchase-panel reset.
 * The legacy global .add-cart flex/input rules are still loaded for V1/V2 commerce.
 * V3's clean-room PDP reuses the add-cart class for backend behavior, so reset
 * only the V3 product form here and leave every other storefront untouched.
 */
body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  align-items:initial!important;
  flex-direction:initial!important;
  background:transparent!important;
  color:inherit!important;
}

body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-option-group{
  width:100%!important;
  min-width:0!important;
}

body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-option-values{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  width:100%!important;
  gap:10px!important;
}

body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-option{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
}

body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-option input[type="radio"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-rating-price,
body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-department,
body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-buy-row,
body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-stock,
body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-hint,
body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-actions-row{
  width:100%!important;
  min-width:0!important;
}

/* Legacy Recipe/Pavne rules mark .pdp-quantity__control as a transparent square box
 * with !important. V3 intentionally keeps the backend hook but restores the current
 * UNIQLO-like soft capsule presentation here, after all legacy commerce CSS. */
body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-qty.pdp-quantity__control{
  border:0!important;
  border-radius:999px!important;
  background:#f5f5f5!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-qty button,
body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-qty input{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111!important;
}

body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-qty input{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

@media (max-width:980px){
  body.recipe-store--uniqlo-v3.recipe-product-route .u3p-summary form.add-cart .u3p-option-values{
    gap:8px!important;
  }
}