:root{ --pcs-bg: rgba(15,23,42,.55); --pcs-card: #ffffff; --pcs-text: #0f172a; --pcs-muted: rgba(15,23,42,.65); --pcs-border: rgba(15,23,42,.10); --pcs-shadow: 0 20px 60px rgba(2,6,23,.35); --pcs-radius: 18px; } .pcs-loop-wrap { margin-top: 10px; } .pcs-modal{ position: fixed; inset: 0; z-index: 999999; display: none; } .pcs-modal.pcs-open{ display: flex !important; align-items: center; justify-content: center; padding: 10px; } .pcs-modal__backdrop{ position:absolute; inset:0; background: rgba(8, 15, 28, 0.22); backdrop-filter: blur(1px); } .pcs-modal__dialog{ position: relative; width: min(980px, calc(100% - 28px)); max-height: min(92vh, 980px); margin: 48px auto; background: var(--pcs-card); border: 1px solid var(--pcs-border); border-radius: var(--pcs-radius); box-shadow: var(--pcs-shadow); overflow: hidden; display:flex; flex-direction: column; transform: translateY(10px); opacity: 0; transition: transform .18s ease, opacity .18s ease; } .pcs-modal.pcs-open .pcs-modal__dialog{ transform: translateY(0); opacity: 1; } .pcs-modal__close{ position: absolute; right: 12px; top: 10px; width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--pcs-border); background: rgba(255,255,255,.9); font-size: 24px; line-height: 1; cursor:pointer; } .pcs-modal__header{ padding: 18px 18px 12px 18px; border-bottom: 1px solid var(--pcs-border); background: linear-gradient(180deg, rgba(15,23,42,.03), rgba(15,23,42,0)); } .pcs-modal__title{ font-size: 18px; font-weight: 800; color: var(--pcs-text); } .pcs-modal__subtitle{ font-size: 13px; color: var(--pcs-muted); margin-top: 4px; } .pcs-modal__body{ padding: 16px 16px 28px 16px; overflow: auto; } .pcs-skeleton{ display:grid; gap:10px; } .pcs-skeleton__line{ height: 14px; border-radius: 10px; background: linear-gradient(90deg, rgba(15,23,42,.08), rgba(15,23,42,.03), rgba(15,23,42,.08)); background-size: 200% 100%; animation: pcsShimmer 1.2s infinite linear; } .pcs-skeleton__line:nth-child(2){ width: 78%; } .pcs-skeleton__line:nth-child(3){ width: 62%; } @keyframes pcsShimmer{ 0%{ background-position:0 0 } 100%{ background-position:200% 0 } } /* Woo checkout inside popup */ #pcs-popup-checkout-modal .woocommerce form .form-row input.input-text, #pcs-popup-checkout-modal .woocommerce form .form-row textarea, #pcs-popup-checkout-modal .select2-container .select2-selection--single{ border: 1px solid rgba(15,23,42,.16) !important; border-radius: 12px !important; padding: 12px 12px !important; background: #fff !important; box-shadow: none !important; } #pcs-popup-checkout-modal .woocommerce form .form-row label{ font-weight: 700; color: rgba(15,23,42,.8); margin-bottom: 6px; } #pcs-popup-checkout-modal .woocommerce-checkout-review-order-table, #pcs-popup-checkout-modal .woocommerce table.shop_table{ border: 1px solid rgba(15,23,42,.10) !important; border-radius: 14px !important; overflow: hidden; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order{ border-radius: 14px !important; font-weight: 800 !important; padding: 14px 16px !important; } #pcs-popup-checkout-modal.pcs-fixed-place-order .woocommerce-checkout #place_order{ position: sticky !important; bottom: 0 !important; z-index: 10 !important; box-shadow: 0 -10px 30px rgba(2,6,23,.10) !important; } /* Mobile */ @media (max-width: 640px){ .pcs-modal__dialog{ margin: 18px auto; max-height: 94vh; } .pcs-modal__body{ padding: 12px 12px 18px 12px; } } /* Desktop popup width = 550px (mobile unchanged) */ @media (min-width: 641px){ .pcs-modal__dialog{ width: 550px !important; max-width: calc(100% - 28px) !important; /* small screens safe */ } } .pcs-buy-now{ border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; line-height: 1; width: 100% !important; max-width: 100% !important; box-sizing: border-box; transition: all .2s ease; } .pcs-buy-now:hover{ transform: translateY(-1px); } @media (max-width: 767px){ .pcs-buy-now{ padding-top: 8px !important; padding-bottom: 8px !important; min-height: 0 !important; height: auto !important; line-height: 1.1 !important; } } /* ===== Force full-width checkout fields inside popup ===== */ #pcs-popup-checkout-modal .woocommerce .col2-set, #pcs-popup-checkout-modal .woocommerce .col-1, #pcs-popup-checkout-modal .woocommerce .col-2{ width: 100% !important; float: none !important; max-width: 100% !important; } #pcs-popup-checkout-modal .woocommerce form .form-row{ width: 100% !important; float: none !important; } #pcs-popup-checkout-modal .woocommerce form .form-row-first, #pcs-popup-checkout-modal .woocommerce form .form-row-last{ width: 100% !important; float: none !important; margin-right: 0 !important; } /* Spacing improve */ #pcs-popup-checkout-modal .woocommerce form .form-row{ margin-bottom: 14px !important; } /* Select2 full width fix */ #pcs-popup-checkout-modal .select2-container{ width: 100% !important; } /* ===== Place Order button full width ===== */ #pcs-popup-checkout-modal .woocommerce-checkout #place_order{ width: 100% !important; display: block !important; max-width: 100% !important; box-sizing: border-box !important; } /* Sticky / fixed mode থাকলেও full width থাকবে */ #pcs-popup-checkout-modal.pcs-fixed-place-order .woocommerce-checkout #place_order{ left: 0; right: 0; width: 100% !important; } /*----------------------------*/ /* ===== Make checkout blocks feel like cards ===== */ #pcs-popup-checkout-modal .woocommerce-billing-fields, #pcs-popup-checkout-modal .woocommerce-shipping-fields, #pcs-popup-checkout-modal #order_review, #pcs-popup-checkout-modal .woocommerce-checkout-payment{ border: 1px solid rgba(15,23,42,.10); border-radius: 16px; padding: 14px; background: #fff; box-shadow: 0 8px 22px rgba(2,6,23,.06); margin-bottom: 14px; } /* headings cleaner */ #pcs-popup-checkout-modal h3, #pcs-popup-checkout-modal #order_review_heading{ font-size: 15px !important; font-weight: 900 !important; color: rgba(15,23,42,.90) !important; margin: 0 0 10px 0 !important; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order:hover{ filter: brightness(1.02); box-shadow: 0 12px 30px rgba(2,6,23,.18) !important; } /* Popup checkout: theme checkout layout normalize */ #pcs-popup-checkout-modal .woocommerce, #pcs-popup-checkout-modal .woocommerce * { box-sizing: border-box; } #pcs-popup-checkout-modal .woocommerce, #pcs-popup-checkout-modal .woocommerce-checkout, #pcs-popup-checkout-modal .woocommerce form.checkout { width: 100% !important; max-width: 100% !important; } /* Force single column in popup (fix Astra/Storefront col2-set) */ #pcs-popup-checkout-modal .woocommerce-checkout .col2-set, #pcs-popup-checkout-modal .woocommerce-checkout .col2-set .col-1, #pcs-popup-checkout-modal .woocommerce-checkout .col2-set .col-2, #pcs-popup-checkout-modal #customer_details, #pcs-popup-checkout-modal #order_review { float: none !important; width: 100% !important; max-width: 100% !important; } /* Fix half-width fields used by many themes */ #pcs-popup-checkout-modal .woocommerce form .form-row-first, #pcs-popup-checkout-modal .woocommerce form .form-row-last { float: none !important; width: 100% !important; } /* Inputs full width */ #pcs-popup-checkout-modal .woocommerce form .form-row input.input-text, #pcs-popup-checkout-modal .woocommerce form .form-row textarea, #pcs-popup-checkout-modal .woocommerce form .form-row select, #pcs-popup-checkout-modal .select2-container { width: 100% !important; max-width: 100% !important; } /* Prevent theme container constraints */ #pcs-popup-checkout-modal .woocommerce-checkout .woocommerce-NoticeGroup, #pcs-popup-checkout-modal .woocommerce-checkout .woocommerce-checkout-review-order, #pcs-popup-checkout-modal .woocommerce-checkout .woocommerce-billing-fields, #pcs-popup-checkout-modal .woocommerce-checkout .woocommerce-shipping-fields { margin-left: 0 !important; margin-right: 0 !important; } #pcs-popup-checkout-modal .woocommerce form .form-row { display: block !important; } /* Popup billing lock: show only Full Name, Address, Phone in UI */ #pcs-popup-checkout-modal .woocommerce-billing-fields__field-wrapper > .form-row { display: none !important; } #pcs-popup-checkout-modal #billing_first_name_field, #pcs-popup-checkout-modal #billing_address_1_field, #pcs-popup-checkout-modal #billing_phone_field { display: block !important; } #pcs-popup-checkout-modal #billing_email_field, #pcs-popup-checkout-modal #billing_last_name_field, #pcs-popup-checkout-modal #billing_country_field, #pcs-popup-checkout-modal #billing_state_field, #pcs-popup-checkout-modal #billing_city_field, #pcs-popup-checkout-modal #billing_postcode_field, #pcs-popup-checkout-modal #billing_address_2_field { display: none !important; } #pcs-popup-checkout-modal .woocommerce-additional-fields, #pcs-popup-checkout-modal .woocommerce-account-fields, #pcs-popup-checkout-modal #ship-to-different-address, #pcs-popup-checkout-modal .shipping_address, #pcs-popup-checkout-modal .woocommerce-shipping-fields, #pcs-popup-checkout-modal .woocommerce-shipping-fields__field-wrapper, #pcs-popup-checkout-modal #customer_details .col-2, #pcs-popup-checkout-modal .create-account { display: none !important; } #pcs-popup-checkout-modal #customer_details .col-1{ width: 100% !important; float: none !important; } /* Close button (safe override, no all:unset) */ #pcs-popup-checkout-modal .pcs-modal__close{ position: absolute !important; top: 14px !important; right: 14px !important; width: 38px !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: rgba(0,0,0,0.45) !important; color: #fff !important; font-size: 0 !important; /* 🔥 theme যদি text mess করে, আমরা 0 করে pseudo element ব্যবহার করবো */ line-height: 1 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; border-radius: 999px !important; cursor: pointer !important; box-shadow: none !important; text-decoration: none !important; outline: none !important; z-index: 999999 !important; } /* Force the X icon via CSS (theme-proof) */ #pcs-popup-checkout-modal .pcs-modal__close::before{ content: "\00D7"; /* × */ font-size: 22px !important; line-height: 1 !important; color: #fff !important; font-weight: 400 !important; font-family: Arial, sans-serif !important; } /* Hover */ #pcs-popup-checkout-modal .pcs-modal__close:hover{ background: rgba(0,0,0,0.65) !important; transform: translateY(-1px); } /* ================= Premium Popup Checkout Theme ================= */ #pcs-popup-checkout-modal, #pcs-popup-checkout-modal .woocommerce, #pcs-popup-checkout-modal .woocommerce * { font-family: "Sora", "Hind Siliguri", sans-serif !important; } #pcs-popup-checkout-modal .pcs-modal__backdrop { background: radial-gradient(circle at 12% 12%, rgba(14, 165, 233, 0.14), transparent 36%), radial-gradient(circle at 88% 6%, rgba(16, 185, 129, 0.10), transparent 38%), linear-gradient(135deg, rgba(7, 14, 28, 0.40), rgba(12, 32, 58, 0.24)) !important; backdrop-filter: blur(1px); } #pcs-popup-checkout-modal .pcs-modal__dialog { position: relative; width: 515px !important; height: 660px !important; max-width: calc(100% - 20px) !important; max-height: calc(100vh - 20px) !important; margin: 0 !important; border: 1px solid rgba(148, 163, 184, 0.32) !important; border-radius: 24px !important; background: linear-gradient(160deg, #f8fbff 0%, #f2f7fb 100%) !important; box-shadow: 0 34px 90px rgba(6, 18, 42, 0.4) !important; overflow: hidden; } #pcs-popup-checkout-modal .pcs-modal__dialog::before { content: ""; position: absolute; inset: -120px auto auto -100px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(14, 165, 233, 0.2), rgba(14, 165, 233, 0)); pointer-events: none; } #pcs-popup-checkout-modal .pcs-modal__header { position: sticky; top: 0; z-index: 3; padding: 18px 22px 16px 22px !important; background: linear-gradient(120deg, rgba(15, 23, 42, 0.93), rgba(3, 105, 161, 0.9)) !important; border-bottom: 1px solid rgba(148, 163, 184, 0.28) !important; } #pcs-popup-checkout-modal .pcs-modal__title { color: #f8fafc !important; font-size: 20px !important; font-weight: 800 !important; letter-spacing: -0.02em; } #pcs-popup-checkout-modal .pcs-modal__subtitle { color: rgba(226, 232, 240, 0.92) !important; font-size: 11px !important; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 600; } #pcs-popup-checkout-modal .pcs-modal__body { padding: 16px !important; background: linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(241, 245, 249, 0.92)) !important; } #pcs-popup-checkout-modal .woocommerce form.checkout { display: grid; gap: 12px; } #pcs-popup-checkout-modal .woocommerce { font-size: 14px !important; } #pcs-popup-checkout-modal .woocommerce-form-coupon-toggle .woocommerce-info, #pcs-popup-checkout-modal .woocommerce-billing-fields, #pcs-popup-checkout-modal #order_review, #pcs-popup-checkout-modal .woocommerce-checkout-payment { background: #ffffff !important; border: 1px solid rgba(148, 163, 184, 0.34) !important; border-radius: 18px !important; padding: 14px !important; box-shadow: 0 14px 34px rgba(2, 6, 23, 0.08) !important; } #pcs-popup-checkout-modal .woocommerce-form-coupon-toggle .woocommerce-info { border-left: 4px solid #0284c7 !important; font-size: 13px !important; color: #0f172a !important; } #pcs-popup-checkout-modal .woocommerce-billing-fields h3, #pcs-popup-checkout-modal #order_review_heading { margin: 0 0 12px 0 !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.09em; text-transform: uppercase; color: #0f172a !important; } #pcs-popup-checkout-modal .woocommerce form .form-row { margin: 0 0 10px 0 !important; } #pcs-popup-checkout-modal .woocommerce form .form-row label { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.08em; text-transform: uppercase; color: #334155 !important; margin-bottom: 6px !important; } #pcs-popup-checkout-modal .woocommerce form .form-row input.input-text, #pcs-popup-checkout-modal .woocommerce form .form-row textarea, #pcs-popup-checkout-modal .woocommerce form .form-row select { height: 44px !important; padding: 10px 12px !important; border-radius: 14px !important; border: 1.5px solid rgba(148, 163, 184, 0.55) !important; background: linear-gradient(180deg, #ffffff, #f8fbff) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75); font-size: 14px !important; color: #0f172a !important; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; } #pcs-popup-checkout-modal .woocommerce form .form-row input.input-text:focus, #pcs-popup-checkout-modal .woocommerce form .form-row textarea:focus, #pcs-popup-checkout-modal .woocommerce form .form-row select:focus { border-color: #0284c7 !important; box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.14) !important; transform: translateY(-1px); } #pcs-popup-checkout-modal .woocommerce table.shop_table { border: 0 !important; border-collapse: separate !important; border-spacing: 0; overflow: hidden !important; } #pcs-popup-checkout-modal .woocommerce table.shop_table th { background: linear-gradient(180deg, #e7eef7, #dfe8f3) !important; color: #0f172a !important; font-weight: 700 !important; font-size: 11px !important; } #pcs-popup-checkout-modal .woocommerce table.shop_table td, #pcs-popup-checkout-modal .woocommerce table.shop_table th { padding: 12px 10px !important; border-color: rgba(148, 163, 184, 0.35) !important; } #pcs-popup-checkout-modal .woocommerce table.shop_table td.product-name, #pcs-popup-checkout-modal .woocommerce table.shop_table td.product-name a, #pcs-popup-checkout-modal .woocommerce table.shop_table td.product-name * { font-size: 12px !important; line-height: 1.35 !important; } #pcs-popup-checkout-modal .woocommerce table.shop_table td.product-total, #pcs-popup-checkout-modal .woocommerce table.shop_table td.product-total *, #pcs-popup-checkout-modal .woocommerce table.shop_table tr.cart-subtotal th, #pcs-popup-checkout-modal .woocommerce table.shop_table tr.cart-subtotal td, #pcs-popup-checkout-modal .woocommerce table.shop_table tr.cart-subtotal td * { font-size: 11px !important; } #pcs-popup-checkout-modal .woocommerce table.shop_table tr:last-child th, #pcs-popup-checkout-modal .woocommerce table.shop_table tr:last-child td { font-weight: 800 !important; font-size: 15px !important; color: #0f172a !important; background: linear-gradient(180deg, #f8fbff, #eef4fa) !important; } #pcs-popup-checkout-modal .wc_payment_methods { display: grid !important; gap: 8px; margin: 0 !important; padding: 0 !important; } #pcs-popup-checkout-modal .wc_payment_methods li { list-style: none !important; padding: 10px 10px !important; border: 1px solid rgba(148, 163, 184, 0.4) !important; border-radius: 14px !important; background: #ffffff !important; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; } #pcs-popup-checkout-modal .wc_payment_methods li:hover { border-color: rgba(2, 132, 199, 0.6) !important; box-shadow: 0 10px 24px rgba(2, 132, 199, 0.12); transform: translateY(-1px); } #pcs-popup-checkout-modal .wc_payment_methods li input[type="radio"] { accent-color: #0284c7; } #pcs-popup-checkout-modal .wc_payment_methods li.payment_method_chosen, #pcs-popup-checkout-modal .wc_payment_methods li:has(> input[type="radio"]:checked) { border-color: #0284c7 !important; background: linear-gradient(180deg, #eff9ff, #f8fbff) !important; box-shadow: 0 10px 24px rgba(14, 165, 233, 0.18); } #pcs-popup-checkout-modal .woocommerce-checkout #place_order { width: 100% !important; height: 50px !important; border: 0 !important; border-radius: 16px !important; background: linear-gradient(120deg, #0284c7, #0f766e) !important; color: #ffffff !important; font-size: 17px !important; font-weight: 800 !important; letter-spacing: 0.02em; box-shadow: 0 16px 30px rgba(2, 132, 199, 0.28) !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order:hover { transform: translateY(-1px); filter: brightness(1.03); box-shadow: 0 18px 34px rgba(13, 148, 136, 0.34) !important; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order:active { transform: translateY(0); } #pcs-popup-checkout-modal .woocommerce-terms-and-conditions-wrapper { margin-top: 8px !important; font-size: 11px !important; color: #475569 !important; } #pcs-popup-checkout-modal .woocommerce-error, #pcs-popup-checkout-modal .woocommerce-message, #pcs-popup-checkout-modal .woocommerce-info { border-radius: 12px !important; border: 1px solid rgba(248, 113, 113, 0.3) !important; background: #fff7f7 !important; color: #7f1d1d !important; } #pcs-popup-checkout-modal .pcs-modal__close { top: 12px !important; right: 12px !important; width: 38px !important; height: 38px !important; background: rgba(248, 250, 252, 0.26) !important; border: 1px solid rgba(226, 232, 240, 0.45) !important; backdrop-filter: blur(1px); } #pcs-popup-checkout-modal .pcs-modal__close::before { color: #f8fafc !important; font-family: "Sora", "Hind Siliguri", sans-serif !important; } #pcs-popup-checkout-modal .pcs-modal__close:hover { background: rgba(14, 165, 233, 0.36) !important; border-color: rgba(125, 211, 252, 0.9) !important; } @media (max-width: 640px) { #pcs-popup-checkout-modal .pcs-modal__dialog { width: calc(100% - 14px) !important; margin: 0 !important; max-height: calc(100vh - 14px) !important; border-radius: 18px !important; } #pcs-popup-checkout-modal .pcs-modal__header { padding: 14px 16px !important; } #pcs-popup-checkout-modal .pcs-modal__title { font-size: 17px !important; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order { height: 48px !important; font-size: 16px !important; } } /* ================= Final Professional Cleanup ================= */ #pcs-popup-checkout-modal .pcs-modal__dialog::before { display: none !important; } #pcs-popup-checkout-modal .pcs-modal__dialog { background: #ffffff !important; box-shadow: 0 24px 56px rgba(15, 23, 42, 0.26) !important; } #pcs-popup-checkout-modal .pcs-modal__body { padding: 12px 12px 10px 12px !important; background: #ffffff !important; } #pcs-popup-checkout-modal .woocommerce form.checkout { gap: 10px !important; } #pcs-popup-checkout-modal .woocommerce-form-coupon-toggle .woocommerce-info, #pcs-popup-checkout-modal .woocommerce-billing-fields, #pcs-popup-checkout-modal #order_review, #pcs-popup-checkout-modal .woocommerce-checkout-payment { background: #ffffff !important; border: 1px solid #d9e2ec !important; box-shadow: none !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment { margin-bottom: 0 !important; padding-bottom: 10px !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment .payment_methods { margin-bottom: 10px !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment div.payment_box { background: #f3f7fb !important; border: 1px solid #d9e2ec !important; border-radius: 10px !important; padding: 10px 12px !important; margin: 8px 0 0 !important; color: #334155 !important; font-size: 13px !important; box-shadow: none !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment div.payment_box::before { display: none !important; } #pcs-popup-checkout-modal .wc_payment_methods li { background: #ffffff !important; border: 1px solid #c9d5e4 !important; box-shadow: none !important; } #pcs-popup-checkout-modal .wc_payment_methods li.payment_method_chosen, #pcs-popup-checkout-modal .wc_payment_methods li:has(> input[type="radio"]:checked) { background: #f2f8ff !important; border-color: #3b82f6 !important; box-shadow: none !important; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order { box-shadow: none !important; } /* Remove nested/double card feel in order/payment area */ #pcs-popup-checkout-modal #order_review { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } #pcs-popup-checkout-modal #order_review > table.shop_table, #pcs-popup-checkout-modal #order_review .woocommerce-checkout-payment { background: #ffffff !important; border: 1px solid #d9e2ec !important; border-radius: 14px !important; box-shadow: none !important; } #pcs-popup-checkout-modal #order_review > table.shop_table { margin: 0 !important; } #pcs-popup-checkout-modal #order_review .woocommerce-checkout-payment { margin-top: 10px !important; padding: 12px !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment .form-row.place-order { margin: 10px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment div.payment_box { background: #ffffff !important; } /* Coupon text clarity fix (remove overlapping pseudo icon) */ #pcs-popup-checkout-modal .woocommerce-form-coupon-toggle .woocommerce-info { padding: 10px 14px !important; line-height: 1.45 !important; } #pcs-popup-checkout-modal .woocommerce-form-coupon-toggle .woocommerce-info::before { display: none !important; content: none !important; } /* ================= Popup Order Received: Box Layout ================= */ .pcs-popup-order-received #content, .pcs-popup-order-received .site-content { background: #edf1f4; padding: 0 16px !important; } .pcs-popup-order-received > .woocommerce, .pcs-popup-order-received .site-main > .woocommerce, .pcs-popup-order-received #content .woocommerce, .pcs-popup-order-received .entry-content > .woocommerce { width: min(760px, 100%) !important; max-width: 760px; margin: 50px auto !important; float: none !important; clear: both !important; display: block !important; } .pcs-popup-order-received > .woocommerce, .pcs-popup-order-received .site-main > .woocommerce, .pcs-popup-order-received #content .woocommerce, .pcs-popup-order-received .entry-content > .woocommerce { padding: 30px !important; background: #ffffff; border: 1px solid #d6dde5; border-radius: 14px; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08); } .pcs-popup-order-received .woocommerce-order { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .pcs-popup-order-received .woocommerce-thankyou-order-received { font-size: 32px; font-weight: 800; color: #1f2937; text-align: center; margin: 0 0 22px 0; } .pcs-popup-order-received .woocommerce-order-overview { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; list-style: none; margin: 0 0 18px 0 !important; padding: 14px 18px !important; background: #f2f5f8; border: 1px solid #e0e7ef; border-radius: 6px; } .pcs-popup-order-received .woocommerce-order-overview li { margin: 0 !important; padding: 6px 12px; float: none !important; width: 100% !important; min-width: 0; border-right: 1px solid #cfd8e3; background: transparent; font-size: 12px; color: #374151; text-transform: none; } .pcs-popup-order-received .woocommerce-order-overview li:last-child { border-right: 0; } .pcs-popup-order-received .woocommerce-order-overview li strong { display: block; font-size: 16px; font-weight: 700; line-height: 1.2; color: #1f2937; margin-top: 4px; } .pcs-popup-order-received .woocommerce-order > p { margin: 0 0 16px 0 !important; font-size: 14px; color: #374151; } .pcs-popup-order-received .woocommerce-order-details, .pcs-popup-order-received .woocommerce-customer-details { background: #f2f5f8; border: 1px solid #e0e7ef; border-radius: 6px; padding: 24px 26px; margin-top: 18px; } .pcs-popup-order-received .woocommerce-order-details h2, .pcs-popup-order-received .woocommerce-customer-details h2 { font-size: 34px; font-weight: 700; margin: 0 0 16px; color: #1f2937; } .pcs-popup-order-received .woocommerce table.shop_table { border: 0 !important; border-radius: 0; background: transparent !important; margin: 0 !important; } .pcs-popup-order-received .woocommerce table.shop_table th { background: transparent !important; font-size: 14px; font-weight: 700; padding: 6px 0 10px !important; border-bottom: 1px dashed #c7ced8 !important; } .pcs-popup-order-received .woocommerce table.shop_table td { background: transparent !important; font-size: 14px; padding: 9px 0 !important; border-top: 0 !important; } .pcs-popup-order-received .woocommerce table.shop_table tr.order_item td { border-bottom: 1px dashed #c7ced8 !important; } .pcs-popup-order-received .woocommerce table.shop_table tfoot th, .pcs-popup-order-received .woocommerce table.shop_table tfoot td { font-size: 14px; border-top: 0 !important; padding-top: 8px !important; padding-bottom: 8px !important; } .pcs-popup-order-received .woocommerce-customer-details address { border: 0 !important; border-radius: 0; padding: 0 !important; background: transparent !important; font-size: 14px; line-height: 1.6; color: #1f2937; } @media (max-width: 640px) { .pcs-popup-order-received #content, .pcs-popup-order-received .site-content { padding: 0 12px !important; } .pcs-popup-order-received > .woocommerce, .pcs-popup-order-received .site-main > .woocommerce, .pcs-popup-order-received #content .woocommerce, .pcs-popup-order-received .entry-content > .woocommerce { width: 100% !important; max-width: 100% !important; } .pcs-popup-order-received > .woocommerce, .pcs-popup-order-received .site-main > .woocommerce, .pcs-popup-order-received #content .woocommerce, .pcs-popup-order-received .entry-content > .woocommerce { padding: 16px !important; border-radius: 12px; margin: 24px auto !important; } .pcs-popup-order-received .woocommerce-order-overview { padding: 10px 12px !important; grid-template-columns: 1fr; } .pcs-popup-order-received .woocommerce-order-overview li { border-right: 0; border-bottom: 1px solid #d4dde8; padding: 8px 0; } .pcs-popup-order-received .woocommerce-order-overview li:last-child { border-bottom: 0; } .pcs-popup-order-received .woocommerce-order-details, .pcs-popup-order-received .woocommerce-customer-details { padding: 16px; } .pcs-popup-order-received .woocommerce-thankyou-order-received { font-size: 24px; margin-bottom: 14px; } .pcs-popup-order-received .woocommerce-order-details h2, .pcs-popup-order-received .woocommerce-customer-details h2 { font-size: 26px; } } /* ================= Exact COD Popup Checkout (Locked Design) ================= */ #pcs-popup-checkout-modal, #pcs-popup-checkout-modal .woocommerce, #pcs-popup-checkout-modal .woocommerce * { font-family: "Hind Siliguri", "Sora", sans-serif !important; box-sizing: border-box !important; } #pcs-popup-checkout-modal .pcs-modal__backdrop { background: rgba(0, 0, 0, 0.44) !important; backdrop-filter: none !important; } #pcs-popup-checkout-modal .pcs-modal__dialog { width: 540px !important; max-width: calc(100% - 14px) !important; height: auto !important; max-height: calc(100vh - 10px) !important; margin: 0 auto !important; border: 1px solid #bfc2c5 !important; border-radius: 10px !important; background: #ececec !important; box-shadow: none !important; } #pcs-popup-checkout-modal .pcs-modal__header { padding: 14px 52px 10px 52px !important; background: #ececec !important; border-bottom: 1px solid #c8c8c8 !important; text-align: center !important; } #pcs-popup-checkout-modal .pcs-modal__title { margin: 0 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.42 !important; letter-spacing: 0 !important; color: #111111 !important; } #pcs-popup-checkout-modal .pcs-modal__subtitle { display: none !important; } #pcs-popup-checkout-modal .pcs-modal__close { top: 8px !important; right: 12px !important; width: auto !important; height: auto !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #616161 !important; font-size: 38px !important; line-height: 1 !important; font-weight: 400 !important; padding: 0 !important; box-shadow: none !important; } #pcs-popup-checkout-modal .pcs-modal__close::before { content: none !important; } #pcs-popup-checkout-modal .pcs-modal__body { padding: 12px 14px 14px 14px !important; background: #ececec !important; } #pcs-popup-checkout-modal .woocommerce form.checkout { display: block !important; margin: 0 !important; } #pcs-popup-checkout-modal .woocommerce-form-coupon-toggle { display: none !important; } #pcs-popup-checkout-modal .woocommerce-billing-fields, #pcs-popup-checkout-modal #order_review, #pcs-popup-checkout-modal .woocommerce-checkout-payment { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } #pcs-popup-checkout-modal .woocommerce-billing-fields h3, #pcs-popup-checkout-modal #order_review_heading { margin: 0 0 10px 0 !important; padding: 0 !important; font-size: 16px !important; font-weight: 700 !important; color: #0f0f0f !important; text-transform: none !important; letter-spacing: 0 !important; } #pcs-popup-checkout-modal .woocommerce-billing-fields__field-wrapper > .form-row { display: none !important; } #pcs-popup-checkout-modal #billing_first_name_field, #pcs-popup-checkout-modal #billing_phone_field, #pcs-popup-checkout-modal #billing_address_1_field { display: grid !important; grid-template-columns: 108px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; margin: 0 0 12px 0 !important; padding: 0 !important; } #pcs-popup-checkout-modal #billing_first_name_field > label, #pcs-popup-checkout-modal #billing_phone_field > label, #pcs-popup-checkout-modal #billing_address_1_field > label { margin: 0 !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 600 !important; color: #161616 !important; } #pcs-popup-checkout-modal #billing_first_name_field > label .required, #pcs-popup-checkout-modal #billing_phone_field > label .required, #pcs-popup-checkout-modal #billing_address_1_field > label .required { color: #d71818 !important; font-weight: 700 !important; } #pcs-popup-checkout-modal #billing_first_name_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal #billing_phone_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal #billing_address_1_field .woocommerce-input-wrapper { position: relative !important; display: block !important; } #pcs-popup-checkout-modal #billing_first_name_field .woocommerce-input-wrapper::before, #pcs-popup-checkout-modal #billing_phone_field .woocommerce-input-wrapper::before, #pcs-popup-checkout-modal #billing_address_1_field .woocommerce-input-wrapper::before { position: absolute !important; inset: 1px auto 1px 1px !important; width: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #d9d9d9 !important; border-right: 1px solid #c2c2c2 !important; border-radius: 5px 0 0 5px !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important; font-weight: 900 !important; font-size: 16px !important; color: #212121 !important; } #pcs-popup-checkout-modal #billing_first_name_field .woocommerce-input-wrapper::before { content: "\f007" !important; } #pcs-popup-checkout-modal #billing_phone_field .woocommerce-input-wrapper::before { content: "\f095" !important; } #pcs-popup-checkout-modal #billing_address_1_field .woocommerce-input-wrapper::before { content: "\f3c5" !important; } #pcs-popup-checkout-modal #billing_first_name_field input.input-text, #pcs-popup-checkout-modal #billing_phone_field input.input-text, #pcs-popup-checkout-modal #billing_address_1_field input.input-text { width: 100% !important; height: 46px !important; margin: 0 !important; padding: 0 12px 0 58px !important; border: 1px solid #bfc2c5 !important; border-radius: 6px !important; background: #ececec !important; box-shadow: none !important; font-size: 17px !important; font-weight: 500 !important; color: #171717 !important; } #pcs-popup-checkout-modal #billing_first_name_field input.input-text::placeholder, #pcs-popup-checkout-modal #billing_phone_field input.input-text::placeholder, #pcs-popup-checkout-modal #billing_address_1_field input.input-text::placeholder { color: #7d7d7d !important; opacity: 1 !important; } #pcs-popup-checkout-modal #billing_first_name_field input.input-text:focus, #pcs-popup-checkout-modal #billing_phone_field input.input-text:focus, #pcs-popup-checkout-modal #billing_address_1_field input.input-text:focus { border-color: #9da3a8 !important; box-shadow: none !important; outline: none !important; } #pcs-popup-checkout-modal .woocommerce-additional-fields, #pcs-popup-checkout-modal #order_comments_field, #pcs-popup-checkout-modal .form-row.notes, #pcs-popup-checkout-modal .woocommerce-account-fields, #pcs-popup-checkout-modal .woocommerce-privacy-policy-text, #pcs-popup-checkout-modal .woocommerce-terms-and-conditions-wrapper { display: none !important; } #pcs-popup-checkout-modal #order_review { margin-top: 2px !important; } #pcs-popup-checkout-modal #order_review table.shop_table { margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; border-collapse: collapse !important; } #pcs-popup-checkout-modal #order_review table.shop_table thead { display: none !important; } #pcs-popup-checkout-modal #order_review table.shop_table th, #pcs-popup-checkout-modal #order_review table.shop_table td { padding: 10px 0 !important; border: 0 !important; background: transparent !important; color: #121212 !important; } #pcs-popup-checkout-modal #order_review table.shop_table .shipping th { padding-bottom: 8px !important; font-size: 16px !important; font-weight: 700 !important; text-align: left !important; } #pcs-popup-checkout-modal #order_review table.shop_table .shipping td { padding-top: 0 !important; } #pcs-popup-checkout-modal #shipping_method { list-style: none !important; margin: 0 !important; padding: 0 !important; border: 1px solid #bfc2c5 !important; border-radius: 6px !important; background: #ececec !important; overflow: hidden !important; } #pcs-popup-checkout-modal #shipping_method li { display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 12px 12px !important; border-top: 1px solid #c9c9c9 !important; background: #ececec !important; } #pcs-popup-checkout-modal #shipping_method li:first-child { border-top: 0 !important; } #pcs-popup-checkout-modal #shipping_method li input[type="radio"] { appearance: none !important; -webkit-appearance: none !important; width: 18px !important; height: 18px !important; border: 1px solid #9d9d9d !important; border-radius: 50% !important; background: #ececec !important; margin: 0 !important; position: relative !important; flex: 0 0 18px !important; } #pcs-popup-checkout-modal #shipping_method li input[type="radio"]:checked::after { content: "" !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #000000 !important; } #pcs-popup-checkout-modal #shipping_method li label { width: 100% !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; font-size: 14px !important; font-weight: 500 !important; color: #171717 !important; } #pcs-popup-checkout-modal #shipping_method li label .woocommerce-Price-amount, #pcs-popup-checkout-modal #shipping_method li label .amount { font-weight: 700 !important; color: #111111 !important; white-space: nowrap !important; } #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td { padding: 12px 0 !important; border-top: 1px solid #c9c9c9 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item:last-child td { border-bottom: 1px solid #c9c9c9 !important; } #pcs-popup-checkout-modal #order_review table.shop_table td.product-name, #pcs-popup-checkout-modal #order_review table.shop_table td.product-name * { font-size: 15px !important; font-weight: 600 !important; line-height: 1.25 !important; color: #141414 !important; } #pcs-popup-checkout-modal #order_review table.shop_table td.product-total, #pcs-popup-checkout-modal #order_review table.shop_table td.product-total * { text-align: right !important; font-size: 15px !important; font-weight: 700 !important; color: #111111 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot { display: block !important; margin-top: 12px !important; padding: 10px 12px !important; border-radius: 6px !important; background: #dddddd !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 0 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot th, #pcs-popup-checkout-modal #order_review table.shop_table tfoot td { width: auto !important; padding: 3px 0 !important; font-size: 15px !important; font-weight: 500 !important; color: #151515 !important; background: transparent !important; border: 0 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.order-total th, #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.order-total td, #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.order-total td * { font-size: 18px !important; font-weight: 800 !important; color: #111111 !important; } #pcs-popup-checkout-modal form.checkout_coupon.woocommerce-form-coupon { display: flex !important; align-items: stretch !important; gap: 8px !important; margin: 10px 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #pcs-popup-checkout-modal form.checkout_coupon.woocommerce-form-coupon .form-row { margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; } #pcs-popup-checkout-modal form.checkout_coupon.woocommerce-form-coupon .form-row-first { flex: 1 1 auto !important; } #pcs-popup-checkout-modal form.checkout_coupon.woocommerce-form-coupon .form-row-last { flex: 0 0 164px !important; } #pcs-popup-checkout-modal #coupon_code { width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #bfc2c5 !important; border-radius: 6px !important; background: #ececec !important; font-size: 15px !important; } #pcs-popup-checkout-modal .checkout_coupon .button[name="apply_coupon"] { width: 100% !important; height: 48px !important; border: 1px solid #d79100 !important; border-radius: 6px !important; background: #f7a200 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; box-shadow: none !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment { margin-top: 12px !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment ul.payment_methods, #pcs-popup-checkout-modal .woocommerce-checkout-payment .payment_box, #pcs-popup-checkout-modal .woocommerce-checkout-payment .form-row.place-order ~ * { display: none !important; } #pcs-popup-checkout-modal .woocommerce-checkout .form-row.place-order { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order { width: 100% !important; height: 54px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid #d79100 !important; border-radius: 4px !important; background: #f7a200 !important; color: #111111 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.1 !important; box-shadow: none !important; text-shadow: none !important; letter-spacing: 0 !important; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order:hover, #pcs-popup-checkout-modal .woocommerce-checkout #place_order:focus, #pcs-popup-checkout-modal .woocommerce-checkout #place_order:active { filter: none !important; transform: none !important; box-shadow: none !important; } @media (max-width: 640px) { #pcs-popup-checkout-modal .pcs-modal__dialog { width: calc(100% - 10px) !important; max-height: calc(100vh - 8px) !important; border-radius: 8px !important; } #pcs-popup-checkout-modal .pcs-modal__header { padding: 12px 42px 10px 42px !important; } #pcs-popup-checkout-modal .pcs-modal__title { font-size: 17px !important; } } /* ================= Second Image Alignment Fixes ================= */ #pcs-popup-checkout-modal .woocommerce-billing-fields > h3, #pcs-popup-checkout-modal #order_review_heading { display: none !important; } #pcs-popup-checkout-modal #billing_first_name_field, #pcs-popup-checkout-modal #billing_phone_field, #pcs-popup-checkout-modal #billing_address_1_field { display: grid !important; grid-template-columns: 100px minmax(0, 1fr) !important; align-items: center !important; } #pcs-popup-checkout-modal #billing_first_name_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal #billing_phone_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal #billing_address_1_field .woocommerce-input-wrapper { width: 100% !important; min-width: 0 !important; } #pcs-popup-checkout-modal #billing_first_name_field input.input-text, #pcs-popup-checkout-modal #billing_phone_field input.input-text, #pcs-popup-checkout-modal #billing_address_1_field input.input-text { display: block !important; width: 100% !important; } #pcs-popup-checkout-modal #order_review > .pcs-shipping-methods { margin: 4px 0 10px 0 !important; } #pcs-popup-checkout-modal #order_review > .pcs-shipping-methods > .pcs-shipping-methods__title { margin: 0 0 8px 0 !important; padding: 0 !important; font-size: 16px !important; line-height: 1 !important; font-weight: 700 !important; color: #0f0f0f !important; } #pcs-popup-checkout-modal #order_review > .pcs-shipping-methods > .pcs-shipping-methods__box #shipping_method { margin: 0 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.shipping.pcs-shipping-row--hidden { display: none !important; } #pcs-popup-checkout-modal #order_review > .pcs-coupon-slot { margin: 10px 0 12px !important; } #pcs-popup-checkout-modal #order_review > .pcs-coupon-slot form.checkout_coupon.woocommerce-form-coupon { margin: 0 !important; } #pcs-popup-checkout-modal #order_review > .pcs-coupon-slot form.checkout_coupon .clear { display: none !important; } #pcs-popup-checkout-modal #order_review > table.shop_table { margin-top: 0 !important; } #pcs-popup-checkout-modal #order_review table.shop_table td.product-name .product-quantity { display: none !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product { display: flex !important; align-items: center !important; gap: 12px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__thumb-wrap { position: relative !important; width: 44px !important; height: 44px !important; flex: 0 0 44px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__thumb-wrap img { width: 44px !important; height: 44px !important; object-fit: contain !important; display: block !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty { position: absolute !important; right: -7px !important; top: -7px !important; width: 18px !important; height: 18px !important; border-radius: 999px !important; background: #686868 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; line-height: 18px !important; text-align: center !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__name { display: block !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.24 !important; color: #151515 !important; } @media (max-width: 640px) { #pcs-popup-checkout-modal #order_review > .pcs-shipping-methods > .pcs-shipping-methods__title { font-size: 15px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__name { font-size: 15px !important; } } /* ================= Hard Fix: Billing Rows Must Match Reference ================= */ #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field > label { flex: 0 0 96px !important; max-width: 96px !important; margin: 0 !important; text-align: left !important; white-space: nowrap !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field .woocommerce-input-wrapper { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; display: block !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field input.input-text, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field input.input-text, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field input.input-text { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } @media (max-width: 640px) { #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field { gap: 8px !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field > label { flex-basis: 94px !important; max-width: 94px !important; font-size: 15px !important; } } /* ================= Mobile Exact Layout (Reference Match) ================= */ @media (max-width: 640px) { #pcs-popup-checkout-modal.pcs-open { align-items: flex-start !important; padding: 10px 8px 12px !important; } #pcs-popup-checkout-modal .pcs-modal__dialog { width: min(380px, calc(100% - 8px)) !important; max-width: min(380px, calc(100% - 8px)) !important; max-height: calc(100vh - 16px) !important; margin: 0 auto !important; border-radius: 10px !important; } #pcs-popup-checkout-modal .pcs-modal__header { padding: 10px 42px 8px 42px !important; } #pcs-popup-checkout-modal .pcs-modal__title { font-size: 16px !important; line-height: 1.35 !important; } #pcs-popup-checkout-modal .pcs-modal__close { top: 8px !important; right: 12px !important; font-size: 34px !important; } #pcs-popup-checkout-modal .pcs-modal__body { padding: 10px 12px 12px 12px !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field { display: block !important; margin: 0 0 10px 0 !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field > label { display: block !important; flex: none !important; max-width: none !important; margin: 0 0 6px 0 !important; font-size: 15px !important; line-height: 1.2 !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field .woocommerce-input-wrapper { display: block !important; width: 100% !important; max-width: 100% !important; } #pcs-popup-checkout-modal #billing_first_name_field input.input-text, #pcs-popup-checkout-modal #billing_phone_field input.input-text, #pcs-popup-checkout-modal #billing_address_1_field input.input-text { height: 42px !important; font-size: 14px !important; padding-left: 54px !important; } #pcs-popup-checkout-modal #billing_first_name_field .woocommerce-input-wrapper::before, #pcs-popup-checkout-modal #billing_phone_field .woocommerce-input-wrapper::before, #pcs-popup-checkout-modal #billing_address_1_field .woocommerce-input-wrapper::before { width: 40px !important; font-size: 15px !important; } #pcs-popup-checkout-modal #order_review > .pcs-shipping-methods { margin: 2px 0 10px 0 !important; } #pcs-popup-checkout-modal #order_review > .pcs-shipping-methods > .pcs-shipping-methods__title { font-size: 16px !important; margin: 0 0 8px 0 !important; } #pcs-popup-checkout-modal #shipping_method li { padding: 10px 12px !important; } #pcs-popup-checkout-modal #shipping_method li label { font-size: 14px !important; } #pcs-popup-checkout-modal #order_review > .pcs-coupon-slot { margin: 10px 0 12px !important; } #pcs-popup-checkout-modal #order_review > .pcs-coupon-slot form.checkout_coupon.woocommerce-form-coupon { display: flex !important; gap: 6px !important; } #pcs-popup-checkout-modal #order_review > .pcs-coupon-slot form.checkout_coupon .form-row-first { flex: 1 1 auto !important; } #pcs-popup-checkout-modal #order_review > .pcs-coupon-slot form.checkout_coupon .form-row-last { flex: 0 0 108px !important; } #pcs-popup-checkout-modal #coupon_code, #pcs-popup-checkout-modal .checkout_coupon .button[name="apply_coupon"] { height: 40px !important; } #pcs-popup-checkout-modal .checkout_coupon .button[name="apply_coupon"] { font-size: 15px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__thumb-wrap { width: 40px !important; height: 40px !important; flex-basis: 40px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__thumb-wrap img { width: 40px !important; height: 40px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__name { font-size: 14px !important; line-height: 1.25 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.order-total th, #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.order-total td, #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.order-total td * { font-size: 16px !important; } } /* ================= Custom Shipping Block Under Fields ================= */ #pcs-popup-checkout-modal .pcs-shipping-methods--custom { margin: 2px 0 10px 0 !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom .pcs-shipping-methods__title { margin: 0 0 8px 0 !important; padding: 0 !important; font-size: 16px !important; font-weight: 700 !important; color: #111111 !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom #shipping_method { margin: 0 !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom #shipping_method li label { justify-content: flex-start !important; text-align: left !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom #shipping_method li label .pcs-shipping-label { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; text-align: left !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom #shipping_method li label .pcs-shipping-price { margin-left: auto !important; text-align: right !important; white-space: nowrap !important; } @media (max-width: 640px) { #pcs-popup-checkout-modal .pcs-shipping-methods--custom { margin: 4px 0 10px 0 !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom .pcs-shipping-methods__title { font-size: 16px !important; } } /* ================= Totals Card Full Width + Left/Right Alignment ================= */ #pcs-popup-checkout-modal #order_review > table.shop_table { width: 100% !important; max-width: 100% !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot { display: block !important; width: 100% !important; max-width: 100% !important; margin: 12px 0 0 !important; padding: 10px 12px !important; border-radius: 6px !important; background: #d8d8d8 !important; box-sizing: border-box !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; width: 100% !important; margin: 0 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot th, #pcs-popup-checkout-modal #order_review table.shop_table tfoot td { width: auto !important; padding: 3px 0 !important; background: transparent !important; border: 0 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot th { text-align: left !important; padding-right: 12px !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot td, #pcs-popup-checkout-modal #order_review table.shop_table tfoot td * { text-align: right !important; justify-self: end !important; } /* ================= Product Row Final Override (v10) ================= */ #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-name, #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-total, #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td:first-child, #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td:last-child { background: #f4f4f4 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-total { display: table-cell !important; width: 1% !important; min-width: 1px !important; text-align: right !important; white-space: nowrap !important; vertical-align: middle !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty { display: none !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product { position: relative !important; padding-left: 12px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__actions { display: inline-flex !important; align-items: center !important; gap: 5px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; padding: 0 1px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #242424 !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1 !important; cursor: pointer !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--minus, #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--plus { min-width: 12px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty-value { min-width: 16px !important; text-align: center !important; font-size: 14px !important; font-weight: 700 !important; color: #1f1f1f !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-wrap { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; white-space: nowrap !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--remove-left { position: absolute !important; left: 0 !important; top: 1px !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #adadad !important; font-size: 16px !important; line-height: 1 !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount, #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount * { color: #e18b00 !important; font-weight: 700 !important; } /* ================= Product Row Final Lock (v9) ================= */ #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-name, #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-total { background: #f4f4f4 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-total { display: table-cell !important; width: auto !important; text-align: right !important; white-space: nowrap !important; vertical-align: middle !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty { display: none !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__actions { display: inline-flex !important; align-items: center !important; gap: 5px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; padding: 0 1px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #242424 !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1 !important; cursor: pointer !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--minus, #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--plus { min-width: 12px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty-value { min-width: 16px !important; text-align: center !important; font-size: 14px !important; font-weight: 700 !important; color: #1f1f1f !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-wrap { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; white-space: nowrap !important; } #pcs-popup-checkout-modal #order_review table.shop_table td.product-total .pcs-review-product__btn--remove { width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #adadad !important; font-size: 16px !important; line-height: 1 !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount, #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount * { color: #e18b00 !important; font-weight: 700 !important; } /* ================= Product Row Controls Lock (v8) ================= */ #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-name, #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-total { background: #f4f4f4 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-total { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; width: 1% !important; white-space: nowrap !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty { display: none !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__actions { display: inline-flex !important; align-items: center !important; gap: 5px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; padding: 0 1px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #242424 !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1 !important; cursor: pointer !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--minus, #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--plus { min-width: 12px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty-value { min-width: 16px !important; text-align: center !important; font-size: 14px !important; font-weight: 700 !important; color: #1f1f1f !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-wrap { display: inline-flex !important; align-items: center !important; gap: 5px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--remove { width: 14px !important; height: 14px !important; border: 0 !important; background: transparent !important; color: #adadad !important; font-size: 18px !important; line-height: 1 !important; margin: 0 2px 0 0 !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount, #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount * { color: #e18b00 !important; font-weight: 700 !important; } /* ================= Cart Qty + Remove Controls (v7) ================= */ #pcs-popup-checkout-modal #order_review .pcs-review-product { width: 100% !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__meta { display: flex !important; flex-direction: column !important; gap: 5px !important; min-width: 0 !important; flex: 1 1 auto !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__actions { display: inline-flex !important; align-items: center !important; gap: 5px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; padding: 0 1px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #272727 !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1 !important; cursor: pointer !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--minus, #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--plus { min-width: 12px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--remove { width: 14px !important; height: 14px !important; border: 0 !important; background: transparent !important; color: #b2b2b2 !important; font-size: 18px !important; line-height: 1 !important; margin: 0 4px 0 0 !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty-value { min-width: 16px !important; text-align: center !important; font-size: 14px !important; font-weight: 700 !important; color: #1f1f1f !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__actions.is-updating { opacity: 0.6 !important; } #pcs-popup-checkout-modal #order_review table.shop_table td.product-total { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-wrap { display: inline-flex !important; align-items: center !important; gap: 6px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount, #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount * { color: #e18b00 !important; font-weight: 700 !important; } /* Desktop popup width */ @media (min-width: 641px) { #pcs-popup-checkout-modal .pcs-modal__dialog { width: 520px !important; max-width: calc(100% - 14px) !important; } } /* Payment button area spacing remove */ #pcs-popup-checkout-modal #order_review .woocommerce-checkout-payment, #pcs-popup-checkout-modal #payment { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #pcs-popup-checkout-modal #payment .form-row.place-order, #pcs-popup-checkout-modal #order_review .woocommerce-checkout-payment .form-row.place-order { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #pcs-popup-checkout-modal #payment #place_order { margin: 10px 0px 0px 0px !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot { display: block !important; width: 120% !important; max-width: 100% !important; margin: 8px 30px 0 !important; padding: 13px 12px !important; border-radius: 6px !important; background: #d8d8d8 !important; box-sizing: border-box !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot { margin: 10px 0px 0 !important; } /* ================= Reference Popup Checkout Lock (v3) ================= */ #pcs-popup-checkout-modal, #pcs-popup-checkout-modal .woocommerce, #pcs-popup-checkout-modal .woocommerce * { font-family: "Hind Siliguri", "Sora", sans-serif !important; box-sizing: border-box !important; } #pcs-popup-checkout-modal .pcs-modal__backdrop { background: rgba(0, 0, 0, 0.44) !important; backdrop-filter: none !important; } #pcs-popup-checkout-modal .pcs-modal__dialog { width: 500px !important; max-width: calc(100% - 12px) !important; max-height: calc(100vh - 12px) !important; border: 1px solid #8a8a8a !important; border-radius: 20px !important; background: #efefef !important; box-shadow: none !important; } #pcs-popup-checkout-modal .pcs-modal__header { padding: 10px 44px 10px 44px !important; background: #efefef !important; border-bottom: 1px solid #bdbdbd !important; text-align: center !important; } #pcs-popup-checkout-modal .pcs-modal__title { margin: 0 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #111111 !important; } #pcs-popup-checkout-modal .pcs-modal__subtitle { display: none !important; } #pcs-popup-checkout-modal .pcs-modal__close { top: 6px !important; right: 10px !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-size: 34px !important; line-height: 1 !important; color: #6b6b6b !important; } #pcs-popup-checkout-modal .pcs-modal__close::before { content: none !important; } #pcs-popup-checkout-modal .pcs-modal__body { padding: 12px !important; background: #efefef !important; } #pcs-popup-checkout-modal .woocommerce form.checkout { display: block !important; margin: 0 !important; } #pcs-popup-checkout-modal .woocommerce form .form-row { margin: 0 0 10px 0 !important; } #pcs-popup-checkout-modal .woocommerce-billing-fields, #pcs-popup-checkout-modal #order_review, #pcs-popup-checkout-modal .woocommerce-checkout-payment { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } #pcs-popup-checkout-modal .woocommerce-billing-fields > h3, #pcs-popup-checkout-modal #order_review_heading { display: none !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field { display: flex !important; align-items: center !important; gap: 10px !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field > label { flex: 0 0 76px !important; max-width: 76px !important; margin: 0 !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #1b1b1b !important; white-space: normal !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field .woocommerce-input-wrapper, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field .woocommerce-input-wrapper { position: relative !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; } #pcs-popup-checkout-modal #billing_first_name_field .woocommerce-input-wrapper::before, #pcs-popup-checkout-modal #billing_phone_field .woocommerce-input-wrapper::before, #pcs-popup-checkout-modal #billing_address_1_field .woocommerce-input-wrapper::before { position: absolute !important; inset: 1px auto 1px 1px !important; width: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-right: 1px solid #c9c9c9 !important; border-radius: 4px 0 0 4px !important; background: #dedede !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif !important; font-weight: 900 !important; font-size: 13px !important; color: #1f1f1f !important; } #pcs-popup-checkout-modal #billing_first_name_field .woocommerce-input-wrapper::before { content: "\f007" !important; } #pcs-popup-checkout-modal #billing_phone_field .woocommerce-input-wrapper::before { content: "\f095" !important; } #pcs-popup-checkout-modal #billing_address_1_field .woocommerce-input-wrapper::before { content: "\f3c5" !important; } #pcs-popup-checkout-modal #billing_first_name_field input.input-text, #pcs-popup-checkout-modal #billing_phone_field input.input-text, #pcs-popup-checkout-modal #billing_address_1_field input.input-text { height: 38px !important; padding: 0 10px 0 46px !important; border: 1px solid #c4c4c4 !important; border-radius: 4px !important; background: #efefef !important; box-shadow: none !important; font-size: 14px !important; color: #1c1c1c !important; } #pcs-popup-checkout-modal #billing_first_name_field input.input-text::placeholder, #pcs-popup-checkout-modal #billing_phone_field input.input-text::placeholder, #pcs-popup-checkout-modal #billing_address_1_field input.input-text::placeholder { color: #7d7d7d !important; opacity: 1 !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom, #pcs-popup-checkout-modal #order_review > .pcs-shipping-methods { margin: 2px 0 10px 0 !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom .pcs-shipping-methods__title, #pcs-popup-checkout-modal #order_review > .pcs-shipping-methods > .pcs-shipping-methods__title { margin: 0 0 6px 0 !important; font-size: 13px !important; font-weight: 700 !important; color: #1b1b1b !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom #shipping_method, #pcs-popup-checkout-modal #shipping_method { margin: 0 !important; padding: 0 !important; list-style: none !important; border: 1px solid #c4c4c4 !important; border-radius: 6px !important; background: #efefef !important; overflow: hidden !important; } #pcs-popup-checkout-modal .pcs-shipping-methods--custom #shipping_method li, #pcs-popup-checkout-modal #shipping_method li { margin: 0 !important; padding: 8px 10px !important; border-top: 1px solid #d0d0d0 !important; background: #efefef !important; } #pcs-popup-checkout-modal #shipping_method li:first-child { border-top: 0 !important; } #pcs-popup-checkout-modal #shipping_method li label { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: #171717 !important; } #pcs-popup-checkout-modal #shipping_method li label .pcs-shipping-label { flex: 1 1 auto !important; text-align: left !important; } #pcs-popup-checkout-modal #shipping_method li label .pcs-shipping-price { margin-left: auto !important; white-space: nowrap !important; font-weight: 700 !important; color: #e18b00 !important; } #pcs-popup-checkout-modal #shipping_method li input[type="radio"] { appearance: none !important; -webkit-appearance: none !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; border: 1px solid #a2a2a2 !important; background: #ffffff !important; margin: 0 !important; position: relative !important; flex: 0 0 16px !important; } #pcs-popup-checkout-modal #shipping_method li input[type="radio"]:checked::after { content: "" !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #f39b00 !important; } #pcs-popup-checkout-modal #order_review > .pcs-coupon-slot { margin: 10px 0 8px !important; } #pcs-popup-checkout-modal form.checkout_coupon.woocommerce-form-coupon { display: flex !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #pcs-popup-checkout-modal form.checkout_coupon.woocommerce-form-coupon .form-row { margin: 0 !important; padding: 0 !important; float: none !important; } #pcs-popup-checkout-modal form.checkout_coupon.woocommerce-form-coupon .form-row-first { flex: 1 1 auto !important; } #pcs-popup-checkout-modal form.checkout_coupon.woocommerce-form-coupon .form-row-last { flex: 0 0 128px !important; } #pcs-popup-checkout-modal #coupon_code { height: 40px !important; padding: 0 12px !important; border: 1px solid #c4c4c4 !important; border-radius: 4px !important; background: #efefef !important; font-size: 14px !important; color: #1b1b1b !important; } #pcs-popup-checkout-modal .checkout_coupon .button[name="apply_coupon"] { height: 40px !important; padding: 0 12px !important; border: 1px solid #dc9200 !important; border-radius: 4px !important; background: #f7a200 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; box-shadow: none !important; } #pcs-popup-checkout-modal #order_review > table.shop_table { width: 100% !important; margin: 0 !important; border: 0 !important; background: transparent !important; } #pcs-popup-checkout-modal #order_review table.shop_table thead { display: none !important; } #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td { padding: 8px 10px !important; border-top: 6px solid transparent !important; background: #f4f4f4 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td:first-child { border-radius: 6px 0 0 6px !important; } #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td:last-child { border-radius: 0 6px 6px 0 !important; } #pcs-popup-checkout-modal #order_review table.shop_table td.product-name, #pcs-popup-checkout-modal #order_review table.shop_table td.product-name * { font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; color: #1a1a1a !important; } #pcs-popup-checkout-modal #order_review table.shop_table td.product-total, #pcs-popup-checkout-modal #order_review table.shop_table td.product-total * { font-size: 13px !important; font-weight: 700 !important; color: #e18b00 !important; text-align: right !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot { display: block !important; width: 100% !important; max-width: 100% !important; margin: 8px 0 0 !important; padding: 10px 12px !important; border-radius: 6px !important; background: #dddddd !important; box-sizing: border-box !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; margin: 0 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot th, #pcs-popup-checkout-modal #order_review table.shop_table tfoot td { padding: 2px 0 !important; border: 0 !important; background: transparent !important; font-size: 14px !important; color: #161616 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot th { text-align: left !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot td, #pcs-popup-checkout-modal #order_review table.shop_table tfoot td * { text-align: right !important; justify-self: end !important; font-weight: 700 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.order-total th, #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.order-total td, #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr.order-total td * { font-size: 17px !important; font-weight: 800 !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment ul.payment_methods, #pcs-popup-checkout-modal #payment ul.payment_methods { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; border: 1px solid #c4c4c4 !important; border-radius: 6px !important; background: #efefef !important; overflow: hidden !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment ul.payment_methods > li, #pcs-popup-checkout-modal #payment ul.payment_methods > li { margin: 0 !important; padding: 10px !important; border-top: 1px solid #d0d0d0 !important; background: #efefef !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment ul.payment_methods > li:first-child, #pcs-popup-checkout-modal #payment ul.payment_methods > li:first-child { border-top: 0 !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment ul.payment_methods > li > label, #pcs-popup-checkout-modal #payment ul.payment_methods > li > label { margin: 0 !important; font-size: 14px !important; font-weight: 700 !important; color: #151515 !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment div.payment_box, #pcs-popup-checkout-modal #payment div.payment_box { display: none !important; margin: 8px 0 0 !important; padding: 8px 10px !important; border: 1px solid #d7d7d7 !important; border-radius: 4px !important; background: #ffffff !important; font-size: 12px !important; color: #4f4f4f !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment li.wc_payment_method > input[type="radio"]:checked ~ div.payment_box, #pcs-popup-checkout-modal #payment li.wc_payment_method > input[type="radio"]:checked ~ div.payment_box { display: block !important; } #pcs-popup-checkout-modal .woocommerce-checkout-payment .form-row.place-order, #pcs-popup-checkout-modal #payment .form-row.place-order { margin: 10px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order, #pcs-popup-checkout-modal #payment #place_order { width: 100% !important; height: 46px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid #dc9200 !important; border-radius: 4px !important; background: #f7a200 !important; color: #121212 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.1 !important; box-shadow: none !important; text-shadow: none !important; letter-spacing: 0 !important; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order:hover, #pcs-popup-checkout-modal .woocommerce-checkout #place_order:focus, #pcs-popup-checkout-modal .woocommerce-checkout #place_order:active { filter: none !important; transform: none !important; box-shadow: none !important; } #pcs-popup-checkout-modal .woocommerce-checkout .form-row.place-order::after, #pcs-popup-checkout-modal #payment .form-row.place-order::after { content: "উপরের বাটনে ক্লিক করলে আপনার অর্ডারটি সাথে সাথে কনফার্ম হয়ে যাবে!"; display: block !important; margin-top: 8px !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #168e2b !important; text-align: center !important; } #pcs-popup-checkout-modal .woocommerce-additional-fields, #pcs-popup-checkout-modal #order_comments_field, #pcs-popup-checkout-modal .form-row.notes { display: block !important; } #pcs-popup-checkout-modal #order_comments_field { margin: 10px 0 !important; } #pcs-popup-checkout-modal #order_comments_field > label { display: block !important; margin: 0 0 6px 0 !important; font-size: 13px !important; font-weight: 700 !important; color: #151515 !important; } #pcs-popup-checkout-modal #order_comments { width: 100% !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; padding: 9px 12px !important; border: 1px solid #c4c4c4 !important; border-radius: 4px !important; background: #efefef !important; font-size: 14px !important; color: #1c1c1c !important; resize: none !important; } #pcs-popup-checkout-modal .woocommerce-privacy-policy-text, #pcs-popup-checkout-modal .woocommerce-terms-and-conditions-wrapper { display: none !important; } @media (max-width: 640px) { #pcs-popup-checkout-modal.pcs-open { align-items: flex-start !important; padding: 6px !important; } #pcs-popup-checkout-modal .pcs-modal__dialog { width: calc(100% - 4px) !important; max-width: calc(100% - 4px) !important; } #pcs-popup-checkout-modal .pcs-modal__header { padding: 10px 40px 10px 40px !important; } #pcs-popup-checkout-modal .pcs-modal__title { font-size: 16px !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field { gap: 8px !important; } #pcs-popup-checkout-modal .woocommerce form .form-row#billing_first_name_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_phone_field > label, #pcs-popup-checkout-modal .woocommerce form .form-row#billing_address_1_field > label { flex-basis: 72px !important; max-width: 72px !important; font-size: 11px !important; } #pcs-popup-checkout-modal #billing_first_name_field input.input-text, #pcs-popup-checkout-modal #billing_phone_field input.input-text, #pcs-popup-checkout-modal #billing_address_1_field input.input-text { height: 36px !important; font-size: 13px !important; } #pcs-popup-checkout-modal #coupon_code, #pcs-popup-checkout-modal .checkout_coupon .button[name="apply_coupon"] { height: 38px !important; } #pcs-popup-checkout-modal .woocommerce-checkout #place_order, #pcs-popup-checkout-modal #payment #place_order { height: 44px !important; font-size: 15px !important; } } /* ================= Coupon + Note Position Lock (v4) ================= */ #pcs-popup-checkout-modal #payment .pcs-coupon-slot, #pcs-popup-checkout-modal .woocommerce-checkout-payment .pcs-coupon-slot, #pcs-popup-checkout-modal #order_review .pcs-coupon-slot { margin: 10px 0 8px !important; } #pcs-popup-checkout-modal #payment .pcs-coupon-slot form.checkout_coupon.woocommerce-form-coupon, #pcs-popup-checkout-modal .woocommerce-checkout-payment .pcs-coupon-slot form.checkout_coupon.woocommerce-form-coupon, #pcs-popup-checkout-modal #order_review .pcs-coupon-slot form.checkout_coupon.woocommerce-form-coupon { display: grid !important; grid-template-columns: minmax(0, 1fr) 128px !important; align-items: stretch !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; width: 100% !important; } #pcs-popup-checkout-modal #payment .pcs-coupon-slot form.checkout_coupon .form-row, #pcs-popup-checkout-modal .woocommerce-checkout-payment .pcs-coupon-slot form.checkout_coupon .form-row, #pcs-popup-checkout-modal #order_review .pcs-coupon-slot form.checkout_coupon .form-row { margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; min-width: 0 !important; } #pcs-popup-checkout-modal #payment .pcs-coupon-slot form.checkout_coupon .form-row-first, #pcs-popup-checkout-modal .woocommerce-checkout-payment .pcs-coupon-slot form.checkout_coupon .form-row-first, #pcs-popup-checkout-modal #order_review .pcs-coupon-slot form.checkout_coupon .form-row-first { width: auto !important; min-width: 0 !important; } #pcs-popup-checkout-modal #payment .pcs-coupon-slot form.checkout_coupon .form-row-last, #pcs-popup-checkout-modal .woocommerce-checkout-payment .pcs-coupon-slot form.checkout_coupon .form-row-last, #pcs-popup-checkout-modal #order_review .pcs-coupon-slot form.checkout_coupon .form-row-last { width: 128px !important; min-width: 128px !important; } #pcs-popup-checkout-modal #payment .pcs-coupon-slot form.checkout_coupon #coupon_code, #pcs-popup-checkout-modal .woocommerce-checkout-payment .pcs-coupon-slot form.checkout_coupon #coupon_code, #pcs-popup-checkout-modal #order_review .pcs-coupon-slot form.checkout_coupon #coupon_code { width: 100% !important; min-width: 0 !important; display: block !important; } #pcs-popup-checkout-modal #payment .pcs-coupon-slot form.checkout_coupon .button[name="apply_coupon"], #pcs-popup-checkout-modal .woocommerce-checkout-payment .pcs-coupon-slot form.checkout_coupon .button[name="apply_coupon"], #pcs-popup-checkout-modal #order_review .pcs-coupon-slot form.checkout_coupon .button[name="apply_coupon"] { width: 100% !important; } #pcs-popup-checkout-modal #payment #order_comments_field, #pcs-popup-checkout-modal .woocommerce-checkout-payment #order_comments_field { margin: 8px 0 !important; } #pcs-popup-checkout-modal #payment #order_comments_field > label, #pcs-popup-checkout-modal .woocommerce-checkout-payment #order_comments_field > label { display: block !important; margin: 0 0 6px 0 !important; font-size: 13px !important; font-weight: 700 !important; color: #151515 !important; } /* ================= Section Heading Lock (v5) ================= */ #pcs-popup-checkout-modal #order_review > .pcs-order-summary-title, #pcs-popup-checkout-modal #payment > .pcs-payment-title, #pcs-popup-checkout-modal .woocommerce-checkout-payment > .pcs-payment-title { margin: 8px 0 8px !important; padding: 0 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; color: #1b1b1b !important; } /* ================= Totals Full Width Lock (v6) ================= */ #pcs-popup-checkout-modal #order_review, #pcs-popup-checkout-modal #order_review > table.shop_table, #pcs-popup-checkout-modal #order_review table.shop_table { width: 100% !important; max-width: 100% !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot { display: block !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot tr { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; width: 100% !important; margin: 0 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot th { text-align: left !important; padding-right: 10px !important; } #pcs-popup-checkout-modal #order_review table.shop_table tfoot td, #pcs-popup-checkout-modal #order_review table.shop_table tfoot td * { text-align: right !important; justify-self: end !important; } /* ================= Product Row Last Override (v11) ================= */ #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-name, #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-total, #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td:first-child, #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td:last-child { background: #f4f4f4 !important; } #pcs-popup-checkout-modal #order_review table.shop_table tbody tr.cart_item td.product-total { display: table-cell !important; width: 1% !important; min-width: 1px !important; text-align: right !important; white-space: nowrap !important; vertical-align: middle !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty { display: none !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__actions { display: inline-flex !important; align-items: center !important; gap: 5px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; padding: 0 1px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #242424 !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1 !important; cursor: pointer !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--minus, #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--plus { min-width: 12px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__qty-value { min-width: 16px !important; text-align: center !important; font-size: 14px !important; font-weight: 700 !important; color: #1f1f1f !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-wrap { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; white-space: nowrap !important; } #pcs-popup-checkout-modal #order_review table.shop_table td.product-total .pcs-review-product__btn--remove { width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #adadad !important; font-size: 16px !important; line-height: 1 !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount, #pcs-popup-checkout-modal #order_review .pcs-review-product__subtotal-amount * { color: #e18b00 !important; font-weight: 700 !important; } /* ================= Product Row Remove Position Override (v12) ================= */ #pcs-popup-checkout-modal #order_review .pcs-review-product { position: relative !important; padding-left: 12px !important; } #pcs-popup-checkout-modal #order_review .pcs-review-product__btn--remove-left { position: absolute !important; left: 0 !important; top: 1px !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #adadad !important; font-size: 16px !important; line-height: 1 !important; } #pcs-popup-checkout-modal #order_review table.shop_table td.product-total .pcs-review-product__btn--remove { display: none !important; }