#sc_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; } .sc_popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; background: #fff; padding: 1.25rem; border-radius: 0.5rem; box-shadow: 0px 0.25rem 0.9375rem rgba(0, 0, 0, 0.3); width: 25rem; max-width: 90%; } .sc_popup_title { margin: 0 0 0.625rem; font-size: 1.25rem; text-align: center; } .sc_product_list { max-height: 12.5rem; overflow-y: auto; margin-bottom: 0.9375rem; } .sc_product_item { padding: 0.625rem; border-bottom: 1px solid #eee; } .sc_product_item label { display: flex; align-items: center; width: 100%; cursor: pointer; gap: 0.625rem; border: none; } .sc_product_item img { width: 3.125rem; height: 3.125rem; border: 1px solid #ddd; border-radius: 0.25rem; } .sc_product_item span { font-size: 1rem; line-height: 1.5; flex: 1; } .sc_product_item input[type="radio"] { margin-right: 0.625rem; } .sc_close_popup { position: absolute; top: 0.5rem; right: 0.5rem; cursor: pointer; font-size: 1.5rem; color: #333; } .add_to_cart_button { display: block; width: auto; margin: 0 auto; }