.prescription-page .checkout-main { padding:80px 0; font-family:'Inter Tight',sans-serif; color:#292929; background:#fff; }
.prescription-page .checkout-shell { max-width:1000px; }
.prescription-page .checkout-prescription { display:flex; flex-direction:column; gap:40px; padding:0; border:0; box-shadow:none; background:#fff; }
.prescription-page .checkout-prescription__title { order:0; margin:0; font:700 48px/1.25 'Phudu',sans-serif; color:#3d7ca7; text-align:center; }
.prescription-page .checkout-prescription__meta { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding:20px; border:0; border-radius:8px; background:rgba(76,194,180,.08); font-size:18px; line-height:1.4; }
.prescription-page .checkout-prescription__company { max-width:575px; display:flex; flex-direction:column; gap:4px; }
.prescription-page .checkout-prescription__meta p { margin:0; }
.prescription-page .checkout-prescription__date { white-space:nowrap; }
.prescription-page .checkout-prescription__patient,.prescription-page .prescription-medicines { border:1px solid #bdbdbd; border-radius:8px; padding:20px; margin:0; }
.prescription-page .prescription-heading { margin:0 0 24px; font:700 24px/1.35 'Phudu',sans-serif; text-transform:uppercase; color:#3d7ca7; }
.prescription-page .checkout-prescription__patient-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.prescription-page .checkout-line-field { display:flex; flex-direction:column; gap:8px; align-items:stretch; margin:0; }
.prescription-page .checkout-line-field--full { grid-column: 1 / -1; }
.prescription-page .checkout-line-field[hidden] { display:none; }
.prescription-page .checkout-line-field>span:first-child { width:auto; font-size:16px; line-height:1.4; }
.prescription-page .checkout-line-field__input { width:100%; height:50px; min-height:50px; border:1px solid #292929; border-radius:8px; padding:12px 20px; background:#fff; font:700 18px/1.4 'Inter Tight',sans-serif; box-sizing:border-box; }
.prescription-page textarea.checkout-line-field__input { height:auto; min-height:120px; font-weight:400; font-size:16px; resize:vertical; }
.prescription-page textarea[name=diagnosis] { resize:vertical; }
.prescription-page .checkout-table-wrap { margin:0; border:0; overflow-x:auto; }
.prescription-page .checkout-table { width:100%; min-width:958px; table-layout:fixed; border-collapse:collapse; font-size:18px; line-height:25px; }
.prescription-page .checkout-table th,.prescription-page .checkout-table td { width:auto; padding:24px 4px; text-align:center; border:1px solid #f6f6f6; color:#292929; vertical-align:middle; }
.prescription-page .checkout-table th:nth-child(2),.prescription-page .checkout-table td:nth-child(2) { width:279px; }
.prescription-page .checkout-table th { padding:16px 4px; background:#f6f6f6; color:#001a36; font-weight:700; }
.prescription-page .checkout-table tbody tr:nth-child(even) { background:rgba(76,194,180,.08); }
.prescription-page .checkout-total-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:24px 0 0; padding:18px 20px; background:#4cc2b4; border:0; border-radius:8px; color:#fff; }
.prescription-page .checkout-total-row__left { display:contents; }
.prescription-page .checkout-total-row p,.prescription-page .checkout-dose-field { display:flex; align-items:center; gap:8px; margin:0; font-size:18px; color:inherit; }
.prescription-page .checkout-total-row strong { color:inherit; font-size:24px; white-space:nowrap; }
.prescription-page .prescription-dose { display:flex; }
.prescription-page .prescription-dose button,.prescription-page #checkoutDoseCountInput { width:40px; height:50px; border:1px solid #dcdcdc; padding:0; border-radius:0; text-align:center; font-size:16px; color:#464646; background:#fff; }
.prescription-page .prescription-dose button { background:#dcdcdc; cursor:pointer; }
.prescription-page .prescription-dose button:first-child { border-radius:4px 0 0 4px; }
.prescription-page .prescription-dose button:last-child { border-radius:0 4px 4px 0; }
.prescription-page #checkoutDoseCountInput { appearance:textfield; }
.prescription-page #checkoutDoseCountInput::-webkit-inner-spin-button { -webkit-appearance:none; }
.prescription-page .checkout-action-row { margin:-20px 0 0; display:flex; justify-content:space-between; gap:20px; position:relative; }
.prescription-page .checkout-action-row button,.prescription-page .checkout-bottom-actions button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid #3d7ca7; border-radius:80px; background:#fff; color:#3d7ca7; padding:12px 20px; font:700 16px/1.4 'Inter Tight',sans-serif; cursor:pointer; }
.prescription-page #openDrugListModalBtn,.prescription-page #checkoutPrintBtn,.prescription-page #guestInquiryBtn { background:#3d7ca7; color:#fff; }

/* Delivery Dropdown (Figma 40680:29530) */
.prescription-page .delivery-dropdown { position:relative; display:inline-block; }
.prescription-page .delivery-dropdown__trigger { border-radius:80px; display:inline-flex; align-items:center; gap:8px; }
.prescription-page .delivery-dropdown__trigger .fa-angle-down { transition:transform .2s ease; }
.prescription-page .delivery-dropdown.is-open .delivery-dropdown__trigger .fa-angle-down { transform:rotate(180deg); }
.prescription-page .delivery-dropdown.is-open .delivery-dropdown__trigger { border-color:#3d7ca7; background:#f6f6f6; }
.prescription-page .delivery-dropdown__menu { position:absolute; top:calc(100% + 8px); right:0; z-index:100; width:331px; max-width:calc(100vw - 32px); background:#fff; border:2px solid #3d7ca7; border-radius:8px; box-shadow:4px 8px 16px rgba(0,0,0,.12); padding:8px; display:flex; flex-direction:column; }
.prescription-page .delivery-dropdown__menu[hidden] { display:none; }
.prescription-page .delivery-dropdown__list { display:flex; flex-direction:column; gap:4px; padding:4px 0; margin:0; }
.prescription-page .delivery-dropdown__item { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-radius:6px; font:700 15px/1.4 'Inter Tight',sans-serif; color:#292929; cursor:pointer; transition:color .15s ease, background-color .15s ease; user-select:none; }
.prescription-page .delivery-dropdown__item input[type=radio] { display:none; }
.prescription-page .delivery-dropdown__item:hover { background-color:#f6f6f6; color:#3d7ca7; }
.prescription-page .delivery-dropdown__item.is-selected { background-color:rgba(76,194,180,.08); color:#3d7ca7; }
.prescription-page .delivery-dropdown__item.is-selected::after { content:'\f00c'; font-family:'Font Awesome 5 Pro'; font-weight:900; font-size:13px; color:#3d7ca7; }

/* Order Success Modal (Figma 40692:32924) */
.checkout-success-modal { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); opacity:0; pointer-events:none; transition:opacity .25s ease; }
.checkout-success-modal.is-open { opacity:1; pointer-events:auto; }
.checkout-success-modal__dialog { position:relative; width:740px; max-width:calc(100vw - 32px); background:#fff; border-radius:12px; box-shadow:0 16px 32px rgba(0,0,0,.15); padding:40px 32px; box-sizing:border-box; text-align:center; transform:translateY(16px); transition:transform .25s ease; }
.checkout-success-modal.is-open .checkout-success-modal__dialog { transform:translateY(0); }
.checkout-success-modal__close { position:absolute; top:16px; right:20px; border:0; background:none; font-size:20px; color:#292929; cursor:pointer; padding:4px; line-height:1; }
.checkout-success-modal__body { display:flex; flex-direction:column; align-items:center; gap:20px; }
.checkout-success-modal__graphic { display:flex; flex-direction:column; align-items:center; gap:12px; }
.checkout-success-modal__graphic img { width:225px; height:180px; display:block; object-fit:contain; }
.checkout-success-modal__title { margin:0; font-family:'Inter Tight',sans-serif; font-weight:700; font-size:20px; line-height:1.4; color:#4cc2b4; text-transform:uppercase; letter-spacing:.2px; }
.checkout-success-modal__info { display:flex; flex-direction:column; align-items:center; gap:20px; width:100%; }
.checkout-success-modal__msg { display:flex; align-items:center; justify-content:center; gap:12px; font-family:'Inter Tight',sans-serif; font-size:16px; line-height:1.4; color:#292929; }
.checkout-success-modal__msg p { margin:0; }
.checkout-success-modal__icon { font-size:36px; color:#00c900; }
.checkout-success-modal__actions { display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; }
.checkout-success-btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; border-radius:80px; font-family:'Inter Tight',sans-serif; font-weight:700; font-size:16px; line-height:1.4; text-decoration:none; cursor:pointer; transition:all .2s ease; }
.checkout-success-btn--primary { background:#3d7ca7; color:#fff; border:1px solid #3d7ca7; }
.checkout-success-btn--outline { background:#fff; color:#3d7ca7; border:1px solid #3d7ca7; }
.checkout-success-btn:hover { opacity:.9; transform:translateY(-1px); }

.prescription-page .checkout-note-block { margin:0; padding:0; border:0; }
.prescription-page .checkout-note-block .checkout-line-field>span { font-size:18px; }
.prescription-page textarea[name=reminder_text] { height:150px; min-height:150px; border-color:#bdbdbd; font-weight:400; resize:vertical; }
.prescription-page textarea::placeholder { color:#bdbdbd; }
.prescription-page #checkout-note-count { margin-top:8px; text-align:right; font-size:16px; color:#bdbdbd; }
.prescription-page .checkout-bottom-actions { display:flex; justify-content:flex-end; gap:20px; margin:-20px 0 0; padding:0; border:0; }
.prescription-page .checkout-bottom-actions i { order:-1; }
@media(max-width:1100px) { .prescription-page .checkout-total-row { flex-wrap:wrap; } }
@media(max-width:600px) { .prescription-page .checkout-main { padding:40px 0; } .prescription-page .checkout-prescription__title { font-size:32px; } .prescription-page .checkout-prescription__patient-grid { grid-template-columns:1fr; } .prescription-page .checkout-prescription__meta,.prescription-page .checkout-action-row { flex-direction:column; } }
@media print { .prescription-page .checkout-main { padding:0; } .prescription-page .checkout-prescription { gap:20px; } .prescription-page .checkout-action-row,.prescription-page .checkout-bottom-actions,.prescription-page .prescription-dose button,.prescription-page #checkout-note-count { display:none; } .prescription-page .checkout-table { min-width:0; font-size:12px; } .prescription-page .checkout-table th:nth-child(2),.prescription-page .checkout-table td:nth-child(2) { width:29%; } .prescription-page .checkout-table th,.prescription-page .checkout-table td { padding:8px 4px; } }
