/*
 * GLOMA CART + CHECKOUT PERMANENT REPAIR V6 — 2026-07-18
 * File: public_html/css/gloma-cart-blue-overlap-fix.css
 *
 * Scope:
 * - Cart dropdown always above the main menu
 * - Mini-cart images remain small
 * - Full cart page stays compact and responsive
 * - Update/Delete/Save/Clear controls remain visible
 * - Cash, BML and MIB checkout methods are visible
 * - Checkout and success pages receive complete styling
 */

/* =========================================================
   A. CART TOP-LAYER PORTAL
   ========================================================= */

.gloma-cart-area {
    position: relative !important;
    overflow: visible !important;
}

.gloma-cart-link {
    position: relative !important;
    cursor: pointer !important;
    user-select: none !important;
}

.gloma-cart-area > .cart-dropdown,
.gloma-cart-area > .gloma-pro-cart-dropdown {
    display: none !important;
}

.gloma-cart-permanent-backdrop {
    position: fixed !important;
    inset: 0 !important;
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: rgba(15, 23, 42, 0.08) !important;
    pointer-events: auto !important;
    z-index: 2147483645 !important;
}

body > .gloma-cart-permanent-layer {
    position: fixed !important;
    right: 8px !important;
    left: auto !important;
    display: none !important;
    float: none !important;
    width: 390px !important;
    min-width: 320px !important;
    max-width: calc(100vw - 16px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    border: 1px solid rgba(15, 23, 42, 0.18) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.46) !important;
    pointer-events: auto !important;
    isolation: isolate !important;
    z-index: 2147483647 !important;
}

body > .gloma-cart-permanent-layer.gloma-cart-permanent-open {
    display: block !important;
}

html.gloma-cart-permanent-active .gloma-amazon-nav,
body.gloma-cart-permanent-active .gloma-amazon-nav,
html.gloma-cart-permanent-active #gloma-submenu-strip,
body.gloma-cart-permanent-active #gloma-submenu-strip,
html.gloma-cart-permanent-active .gloma-submenu-strip,
body.gloma-cart-permanent-active .gloma-submenu-strip,
html.gloma-cart-permanent-active .gloma-side-drawer,
body.gloma-cart-permanent-active .gloma-side-drawer,
html.gloma-cart-permanent-active .gloma-drawer-backdrop,
body.gloma-cart-permanent-active .gloma-drawer-backdrop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* =========================================================
   B. MINI CART STRUCTURE
   ========================================================= */

body > .gloma-cart-permanent-layer #cart_product,
body > .gloma-cart-permanent-layer .cart-list {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

.gloma-mini-cart-shell {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-height: calc(100vh - 120px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}

.gloma-mini-cart-scroll {
    flex: 1 1 auto !important;
    min-height: 110px !important;
    max-height: min(50vh, 430px) !important;
    padding: 0 4px 0 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
}

.gloma-mini-cart-scroll::-webkit-scrollbar {
    width: 8px !important;
}

.gloma-mini-cart-scroll::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: rgba(15, 23, 42, 0.42) !important;
}

.gloma-mini-cart-item,
body > .gloma-cart-permanent-layer .product-widget {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    width: 100% !important;
    min-height: 84px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px 4px !important;
    gap: 10px !important;
    float: none !important;
    clear: both !important;
    overflow: hidden !important;
    transform: none !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.10) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.gloma-mini-cart-img,
body > .gloma-cart-permanent-layer .product-img {
    position: relative !important;
    display: flex !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    margin: 0 !important;
    padding: 4px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    float: none !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    border-radius: 11px !important;
    background: #f8fafc !important;
    transform: none !important;
}

body > .gloma-cart-permanent-layer img,
body > .gloma-cart-permanent-layer .product-img img,
body > .gloma-cart-permanent-layer .gloma-mini-cart-img img,
.gloma-mini-cart-img img {
    position: static !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 56px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 56px !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 8px !important;
    background: transparent !important;
    transform: none !important;
}

.gloma-mini-cart-body,
body > .gloma-cart-permanent-layer .product-body {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    float: none !important;
    background: transparent !important;
}

.gloma-mini-cart-title,
body > .gloma-cart-permanent-layer .product-name {
    display: block !important;
    max-height: 38px !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.gloma-mini-cart-title a,
body > .gloma-cart-permanent-layer .product-name a {
    color: #0f172a !important;
    text-decoration: none !important;
}

.gloma-mini-cart-price,
.gloma-mini-cart-line-total {
    display: inline-block !important;
    margin: 0 7px 4px 0 !important;
    color: #075f8d !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

.gloma-mini-cart-quantity,
.gloma-cart-qty-control {
    display: inline-flex !important;
    align-items: center !important;
    overflow: hidden !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

.gloma-mini-cart-quantity button,
.gloma-cart-qty-control button {
    display: inline-flex !important;
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: #eef2f7 !important;
    color: #0f172a !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.gloma-mini-cart-qty-value {
    min-width: 30px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.gloma-mini-cart-links {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 6px !important;
}

.gloma-mini-cart-links button {
    min-height: 28px !important;
    padding: 4px 8px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #334155 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.gloma-mini-cart-links .gloma-mini-cart-remove {
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

.gloma-mini-cart-summary {
    flex: 0 0 auto !important;
    display: flex !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border-top: 1px solid #dbe3ec !important;
    background: #ffffff !important;
}

.gloma-mini-cart-summary small {
    color: #475569 !important;
    font-weight: 700 !important;
}

.gloma-mini-cart-summary h5 {
    margin: 0 !important;
    color: #8a2f08 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: right !important;
}

/* =========================================================
   C. PAYMENT OPTIONS INSIDE OPEN CART
   ========================================================= */

.gloma-mini-payment-panel {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 10px !important;
    border-top: 1px solid #dbe3ec !important;
    background: #f8fafc !important;
}

.gloma-mini-payment-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
}

.gloma-mini-payment-head small,
.gloma-mini-payment-head strong {
    display: block !important;
}

.gloma-mini-payment-head small {
    color: #0b7a68 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

.gloma-mini-payment-head strong {
    color: #0f172a !important;
    font-size: 13px !important;
}

.gloma-mini-payment-head > span {
    padding: 3px 7px !important;
    border-radius: 999px !important;
    background: #e2e8f0 !important;
    color: #334155 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
}

.gloma-mini-payment-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

.gloma-mini-payment-choice {
    display: flex !important;
    min-height: 58px !important;
    padding: 7px !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .05) !important;
}

.gloma-mini-payment-choice:hover,
.gloma-mini-payment-choice:focus {
    color: #0f172a !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, .10) !important;
}

.gloma-mini-payment-choice i {
    flex: 0 0 auto !important;
    width: 24px !important;
    color: #0b7a68 !important;
    font-size: 18px !important;
    text-align: center !important;
}

.gloma-mini-payment-choice span,
.gloma-mini-payment-choice b,
.gloma-mini-payment-choice small {
    display: block !important;
    min-width: 0 !important;
}

.gloma-mini-payment-choice b {
    font-size: 10.5px !important;
    line-height: 1.15 !important;
}

.gloma-mini-payment-choice small {
    margin-top: 3px !important;
    color: #64748b !important;
    font-size: 8.5px !important;
    line-height: 1.15 !important;
}

.gloma-payment-cash { border-color: #bbf7d0 !important; }
.gloma-payment-bml { border-color: #bfdbfe !important; }
.gloma-payment-mib { border-color: #fde68a !important; }

.gloma-mini-payment-login-note {
    margin: 8px 0 0 !important;
    color: #7c2d12 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.gloma-mini-cart-bottom-menu {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 9px !important;
    border-top: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
}

.gloma-cart-bottom-button {
    display: flex !important;
    min-height: 38px !important;
    padding: 7px 6px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.gloma-cart-bottom-open { background: #0b79b7 !important; }
.gloma-cart-bottom-details { background: #2563eb !important; }
.gloma-cart-bottom-edit { background: #7c3aed !important; }
.gloma-cart-bottom-home { background: #0f766e !important; }

.gloma-cart-bottom-disabled {
    opacity: .45 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* =========================================================
   D. FULL CART PAGE — FIX HUGE IMAGES AND RAW TABLE
   ========================================================= */

.gloma-cart-main {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-height: 60vh !important;
    padding: 24px 0 40px !important;
    background: #f4f7fb !important;
}

.gloma-cart-section,
.gloma-cart-section .container-fluid {
    width: 100% !important;
    max-width: 1380px !important;
    margin: 0 auto !important;
}

.gloma-cart-page-heading {
    display: flex !important;
    margin: 0 auto 14px !important;
    padding: 18px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08) !important;
}

.gloma-cart-page-heading small {
    color: #0b79b7 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

.gloma-cart-page-heading h1 {
    margin: 4px 0 5px !important;
    color: #0f172a !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    font-weight: 900 !important;
}

.gloma-cart-page-heading p {
    margin: 0 !important;
    color: #64748b !important;
}

.gloma-cart-top-nav-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}

.gloma-cart-top-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06) !important;
}

.gloma-cart-top-link {
    display: flex !important;
    min-height: 46px !important;
    padding: 9px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.gloma-cart-top-home { background: #334155 !important; }
.gloma-cart-top-open { background: #f59e0b !important; color: #111827 !important; }
.gloma-cart-top-view { background: #2563eb !important; }
.gloma-cart-top-edit { background: #7c3aed !important; }
.gloma-cart-top-shop { background: #15803d !important; }

#cart_checkout {
    width: 100% !important;
    min-height: 160px !important;
}

.gloma-cart-page-shell {
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
}

.gloma-cart-page-navigation {
    display: flex !important;
    margin: 0 0 14px !important;
    padding: 10px !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
}

.gloma-cart-page-navigation .btn {
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 9px !important;
    font-weight: 800 !important;
}

.gloma-cart-page-summary-top {
    display: flex !important;
    margin-bottom: 14px !important;
    padding: 16px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}

.gloma-cart-page-summary-top h2 {
    margin: 0 0 4px !important;
    color: #0f172a !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.gloma-cart-page-summary-top p {
    margin: 0 !important;
    color: #64748b !important;
}

.gloma-cart-subtotal-box {
    min-width: 220px !important;
    text-align: right !important;
}

.gloma-cart-subtotal-box span,
.gloma-cart-subtotal-box strong {
    display: block !important;
}

.gloma-cart-subtotal-box strong {
    color: #0b5f8a !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.gloma-cart-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}

.gloma-cart-table {
    width: 100% !important;
    min-width: 860px !important;
    margin: 0 !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
}

.gloma-cart-table th,
.gloma-cart-table td {
    padding: 13px 12px !important;
    vertical-align: middle !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    font-size: 13px !important;
}

.gloma-cart-table thead th {
    border-top: 0 !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.gloma-cart-product-cell {
    display: grid !important;
    grid-template-columns: 88px minmax(180px, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 330px !important;
}

.gloma-cart-line-image {
    position: static !important;
    display: block !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
    margin: 0 !important;
    padding: 4px !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

.gloma-cart-line-title {
    margin: 0 0 6px !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

.gloma-cart-line-title a {
    color: #0f172a !important;
    text-decoration: none !important;
}

.gloma-cart-product-cell small {
    display: block !important;
    margin-top: 5px !important;
    color: #64748b !important;
}

.gloma-cart-stock-ok,
.gloma-cart-stock-low {
    display: inline-block !important;
    margin: 2px 0 !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.gloma-cart-stock-ok { background: #dcfce7 !important; color: #166534 !important; }
.gloma-cart-stock-low { background: #fee2e2 !important; color: #991b1b !important; }

.gloma-cart-qty-control .gloma-cart-qty-input {
    width: 58px !important;
    min-width: 58px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
}

.gloma-cart-row-actions,
.gloma-cart-page-actions,
.gloma-cart-empty-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.gloma-cart-row-actions .btn,
.gloma-cart-page-actions .btn,
.gloma-cart-page-actions a,
.gloma-cart-empty-actions .btn,
.gloma-cart-empty-actions a {
    min-height: 36px !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.gloma-cart-total-label {
    color: #475569 !important;
    font-weight: 800 !important;
    text-align: right !important;
}

.net_total,
.gloma-line-total-display,
.gloma-cart-unit-display {
    color: #0b5f8a !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.gloma-cart-loading,
.gloma-cart-empty-page {
    padding: 42px 20px !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #334155 !important;
    text-align: center !important;
}

/* Saved for later */
.gloma-saved-section {
    margin-top: 22px !important;
    padding: 18px !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 16px !important;
    background: #ffffff !important;
}

.gloma-saved-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.gloma-saved-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 14px !important;
}

.gloma-saved-card {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}

.gloma-saved-image {
    display: flex !important;
    width: 92px !important;
    height: 92px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
}

.gloma-saved-image img {
    width: auto !important;
    max-width: 86px !important;
    height: auto !important;
    max-height: 86px !important;
    object-fit: contain !important;
}

/* =========================================================
   E. CHECKOUT PAYMENT PAGE
   ========================================================= */

.gloma-checkout-main {
    min-height: 70vh !important;
    padding: 28px 0 45px !important;
    background: #f4f7fb !important;
}

.gloma-checkout-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
}

.gloma-checkout-card,
.gloma-checkout-summary {
    border: 1px solid #dbe3ec !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .09) !important;
}

.gloma-checkout-card {
    padding: 22px !important;
}

.gloma-checkout-card-head {
    margin-bottom: 18px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.gloma-checkout-card-head small {
    color: #0b79b7 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

.gloma-checkout-card-head h1 {
    margin: 5px 0 6px !important;
    color: #0f172a !important;
    font-size: clamp(25px, 3vw, 36px) !important;
    font-weight: 900 !important;
}

.gloma-checkout-card-head p {
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.55 !important;
}

.gloma-checkout-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.gloma-checkout-fields,
.gloma-payment-section {
    min-width: 0 !important;
}

.gloma-checkout-grid h3,
.gloma-payment-section h3 {
    margin: 0 0 14px !important;
    color: #0f172a !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.gloma-checkout-grid label {
    display: block !important;
    margin: 12px 0 5px !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.gloma-checkout-grid input[type="text"],
.gloma-checkout-grid input[type="email"],
.gloma-checkout-grid textarea,
.gloma-checkout-grid select {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

.gloma-checkout-grid textarea {
    min-height: 96px !important;
    resize: vertical !important;
}

.gloma-checkout-grid input:focus,
.gloma-checkout-grid textarea:focus,
.gloma-checkout-grid select:focus {
    border-color: #0b79b7 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(11, 121, 183, .12) !important;
}

.gloma-checkout-two {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.gloma-checkout-safe-note {
    display: flex !important;
    margin-bottom: 12px !important;
    padding: 10px 12px !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 10px !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.gloma-payment-choice-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
}

.gloma-payment-choice-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 26px 42px minmax(0, 1fr) !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 11px !important;
    align-items: center !important;
    gap: 10px !important;
    border: 2px solid #dbe3ec !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    cursor: pointer !important;
    transition: .16s ease !important;
}

.gloma-payment-choice-card:hover {
    border-color: #94a3b8 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
}

.gloma-payment-choice-card:has(input:checked) {
    border-color: #0b79b7 !important;
    background: #eff8ff !important;
    box-shadow: 0 0 0 3px rgba(11, 121, 183, .10) !important;
}

.gloma-payment-choice-card input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
}

.gloma-payment-choice-icon {
    display: flex !important;
    width: 40px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    background: #e2e8f0 !important;
    color: #0b5f8a !important;
    font-size: 20px !important;
}

.gloma-payment-choice-card strong,
.gloma-payment-choice-card small {
    display: block !important;
}

.gloma-payment-choice-card strong {
    color: #0f172a !important;
    font-size: 14px !important;
}

.gloma-payment-choice-card small {
    margin-top: 4px !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

.gloma-field-help {
    display: inline !important;
    margin-left: 5px !important;
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

.gloma-checkout-confirm {
    display: flex !important;
    margin-top: 15px !important;
    padding: 11px !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
}

.gloma-checkout-confirm input {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
}

.gloma-checkout-submit {
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    margin-top: 20px !important;
    padding: 12px 16px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #0b7a68, #10a37f) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px rgba(11, 122, 104, .22) !important;
}

.gloma-checkout-summary {
    align-self: start !important;
    position: sticky !important;
    top: 18px !important;
    padding: 18px !important;
}

.gloma-checkout-summary-title {
    display: flex !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.gloma-checkout-summary-title h2 {
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

.gloma-checkout-summary-title span {
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: #e2e8f0 !important;
    color: #334155 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.gloma-checkout-line {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    padding: 10px 0 !important;
    align-items: center !important;
    border-bottom: 1px solid #eef2f7 !important;
}

.gloma-checkout-line-number {
    display: flex !important;
    width: 26px !important;
    height: 26px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #e0f2fe !important;
    color: #075985 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.gloma-checkout-line strong,
.gloma-checkout-line small {
    display: block !important;
}

.gloma-checkout-line strong {
    color: #0f172a !important;
    font-size: 12px !important;
}

.gloma-checkout-line small {
    margin-top: 3px !important;
    color: #64748b !important;
    font-size: 10px !important;
}

.gloma-checkout-line b {
    color: #0b5f8a !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

.gloma-checkout-grand {
    display: flex !important;
    margin-top: 12px !important;
    padding: 13px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border-radius: 11px !important;
    background: #0f172a !important;
    color: #ffffff !important;
}

.gloma-checkout-grand strong {
    color: #fbbf24 !important;
    font-size: 18px !important;
}

.gloma-checkout-currency-note {
    margin-top: 10px !important;
    color: #64748b !important;
    font-size: 11px !important;
    text-align: center !important;
}

.gloma-checkout-edit {
    display: flex !important;
    min-height: 42px !important;
    margin-top: 12px !important;
    padding: 10px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 10px !important;
    background: #2563eb !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

/* =========================================================
   F. PAYMENT SUCCESS PAGE
   ========================================================= */

.gloma-success-main {
    min-height: 70vh !important;
    padding: 38px 0 55px !important;
    background: #f4f7fb !important;
}

.gloma-success-card {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 28px !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .11) !important;
    text-align: center !important;
}

.gloma-success-icon {
    display: flex !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 14px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #dcfce7 !important;
    color: #15803d !important;
    font-size: 34px !important;
}

.gloma-success-card > small {
    color: #0b7a68 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

.gloma-success-card h1 {
    margin: 6px 0 8px !important;
    color: #0f172a !important;
    font-size: clamp(28px, 4vw, 42px) !important;
    font-weight: 900 !important;
}

.gloma-success-card > p {
    max-width: 650px !important;
    margin: 0 auto 18px !important;
    color: #64748b !important;
    line-height: 1.65 !important;
}

.gloma-success-reference {
    display: inline-flex !important;
    margin-bottom: 18px !important;
    padding: 9px 14px !important;
    align-items: center !important;
    gap: 9px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.gloma-success-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
}

.gloma-success-grid > div {
    padding: 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 11px !important;
    background: #f8fafc !important;
    text-align: left !important;
}

.gloma-success-grid span,
.gloma-success-grid strong {
    display: block !important;
}

.gloma-success-grid span {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.gloma-success-grid strong {
    margin-top: 4px !important;
    color: #0f172a !important;
    font-size: 12px !important;
}

.gloma-success-payment-ref,
.gloma-success-payment-note {
    margin: 12px 0 !important;
    padding: 12px !important;
    border-radius: 11px !important;
}

.gloma-success-payment-ref {
    background: #fff7ed !important;
    color: #9a3412 !important;
}

.gloma-success-payment-note {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    border: 1px solid #bfdbfe !important;
    background: #eff6ff !important;
    color: #1e3a8a !important;
    text-align: left !important;
    line-height: 1.55 !important;
}

.gloma-success-items {
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid #e2e8f0 !important;
    text-align: left !important;
}

.gloma-success-items h2 {
    margin: 0 0 10px !important;
    color: #0f172a !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.gloma-success-item {
    display: flex !important;
    padding: 10px 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-bottom: 1px solid #eef2f7 !important;
}

.gloma-success-item strong,
.gloma-success-item small {
    display: block !important;
}

.gloma-success-item small {
    margin-top: 3px !important;
    color: #64748b !important;
}

.gloma-success-actions {
    display: flex !important;
    margin-top: 20px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.gloma-success-actions a {
    display: inline-flex !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.gloma-success-orders { background: #2563eb !important; }
.gloma-success-shop { background: #15803d !important; }
.gloma-success-home { background: #334155 !important; }

/* =========================================================
   G. RESPONSIVE RULES
   ========================================================= */

@media (max-width: 1050px) {
    .gloma-checkout-layout {
        grid-template-columns: 1fr !important;
    }

    .gloma-checkout-summary {
        position: static !important;
    }

    .gloma-success-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .gloma-cart-top-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .gloma-checkout-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body > .gloma-cart-permanent-layer {
        right: 6px !important;
        left: 6px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 8px !important;
        border-radius: 14px !important;
    }

    .gloma-mini-cart-scroll {
        max-height: 42vh !important;
    }

    .gloma-mini-payment-grid {
        grid-template-columns: 1fr !important;
    }

    .gloma-mini-payment-choice {
        min-height: 48px !important;
    }

    .gloma-cart-page-shell {
        padding: 10px !important;
    }

    .gloma-cart-table,
    .gloma-cart-table tbody,
    .gloma-cart-table tr,
    .gloma-cart-table td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .gloma-cart-table thead {
        display: none !important;
    }

    .gloma-cart-table tr.gloma-cart-row {
        margin-bottom: 12px !important;
        padding: 10px !important;
        border: 1px solid #dbe3ec !important;
        border-radius: 12px !important;
        background: #ffffff !important;
    }

    .gloma-cart-table td {
        display: grid !important;
        grid-template-columns: 115px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 9px 0 !important;
        border-top: 1px solid #eef2f7 !important;
    }

    .gloma-cart-table td::before {
        content: attr(data-th) !important;
        color: #64748b !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    .gloma-cart-table td:first-child {
        display: block !important;
        border-top: 0 !important;
    }

    .gloma-cart-table td:first-child::before {
        display: none !important;
    }

    .gloma-cart-product-cell {
        grid-template-columns: 76px minmax(0, 1fr) !important;
        min-width: 0 !important;
    }

    .gloma-cart-line-image {
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    }

    .gloma-cart-table tfoot,
    .gloma-cart-table tfoot tr,
    .gloma-cart-table tfoot td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .gloma-cart-page-actions,
    .gloma-cart-empty-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    .gloma-cart-page-actions .btn,
    .gloma-cart-page-actions a,
    .gloma-cart-empty-actions .btn,
    .gloma-cart-empty-actions a {
        width: 100% !important;
        white-space: normal !important;
    }

    .gloma-checkout-card {
        padding: 14px !important;
    }

    .gloma-success-card {
        padding: 18px !important;
    }
}

@media (max-width: 520px) {
    .gloma-cart-top-nav {
        grid-template-columns: 1fr !important;
    }

    .gloma-checkout-two {
        grid-template-columns: 1fr !important;
    }

    .gloma-success-grid {
        grid-template-columns: 1fr !important;
    }

    .gloma-cart-page-actions,
    .gloma-cart-empty-actions {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   G. GLOMA MARKETPLACE-STYLE CUSTOMER AUTH — V7
   ========================================================= */

body.modal-open {
    overflow: hidden !important;
}

.modal-backdrop,
.modal-backdrop.fade,
.modal-backdrop.in {
    z-index: 2147483600 !important;
    background: rgba(10, 18, 30, 0.72) !important;
    opacity: 1 !important;
}

#Modal_login,
#Modal_register,
#profile {
    z-index: 2147483646 !important;
    padding-right: 0 !important;
}

#Modal_login .modal-dialog,
#Modal_register .modal-dialog {
    width: min(94vw, 520px) !important;
    max-width: 520px !important;
    margin: 5vh auto !important;
}

#Modal_register .modal-dialog {
    width: min(96vw, 760px) !important;
    max-width: 760px !important;
    margin-top: 2.5vh !important;
}

#Modal_login .modal-content,
#Modal_register .modal-content,
#Modal_login .gloma-modal-card,
#Modal_register .gloma-modal-card {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42) !important;
}

#Modal_login .modal-header,
#Modal_register .modal-header {
    position: relative !important;
    min-height: 54px !important;
    padding: 16px 20px !important;
    border: 0 !important;
    border-bottom: 1px solid #e7edf3 !important;
    background: linear-gradient(135deg, #071522 0%, #11283c 100%) !important;
    color: #ffffff !important;
}

#Modal_login .modal-title,
#Modal_register .modal-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

#Modal_login .close,
#Modal_register .close {
    position: absolute !important;
    top: 10px !important;
    right: 13px !important;
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#Modal_login .close:hover,
#Modal_register .close:hover {
    background: rgba(255, 255, 255, 0.20) !important;
}

#Modal_login .modal-body,
#Modal_register .modal-body {
    padding: 0 !important;
    background: #ffffff !important;
}

.gloma-auth-shell {
    width: 100% !important;
    margin: 0 !important;
    padding: 25px 28px 24px !important;
    color: #13202c !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.gloma-auth-shell,
.gloma-auth-shell * {
    box-sizing: border-box !important;
}

.gloma-auth-assurance {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin-bottom: 18px !important;
}

.gloma-auth-brand-mark {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #0d6c59, #18a47f) !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px rgba(13, 108, 89, 0.24) !important;
}

.gloma-auth-assurance small,
.gloma-auth-assurance strong {
    display: block !important;
}

.gloma-auth-assurance small {
    margin-bottom: 2px !important;
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
}

.gloma-auth-assurance strong {
    color: #0d5d4d !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    letter-spacing: 0.03em !important;
}

.gloma-auth-copy {
    margin-bottom: 19px !important;
}

.gloma-auth-copy h2 {
    margin: 0 0 7px !important;
    color: #111827 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
}

.gloma-auth-copy p {
    margin: 0 !important;
    color: #5c6b7b !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.gloma-auth-form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gloma-auth-field {
    margin: 0 0 14px !important;
}

.gloma-auth-field label,
.gloma-auth-label-row label {
    display: block !important;
    margin: 0 0 6px !important;
    color: #243343 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.gloma-auth-label-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.gloma-forgot-link {
    color: #0873a9 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.gloma-forgot-link:hover {
    text-decoration: underline !important;
}

.gloma-auth-input-wrap {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    align-items: center !important;
    overflow: hidden !important;
    border: 1px solid #cbd5df !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.gloma-auth-input-wrap:focus-within {
    border-color: #15916f !important;
    box-shadow: 0 0 0 4px rgba(21, 145, 111, 0.12) !important;
}

.gloma-auth-input-wrap > i {
    flex: 0 0 43px !important;
    width: 43px !important;
    color: #5f7182 !important;
    font-size: 15px !important;
    text-align: center !important;
}

.gloma-auth-input-wrap input {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 12px 0 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #172333 !important;
    font-size: 14px !important;
    line-height: 46px !important;
    box-shadow: none !important;
}

.gloma-auth-input-wrap input::placeholder {
    color: #98a5b2 !important;
}

.gloma-password-toggle {
    display: inline-flex !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 46px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #667788 !important;
    cursor: pointer !important;
}

.gloma-auth-remember {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
    color: #506070 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.gloma-auth-remember input {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    accent-color: #118262 !important;
}

.gloma-auth-submit,
.gloma-auth-secondary {
    display: inline-flex !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 11px 16px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}

.gloma-auth-submit {
    border: 0 !important;
    background: linear-gradient(135deg, #0b6654, #15a47c) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(11, 102, 84, 0.24) !important;
}

.gloma-auth-submit:hover,
.gloma-auth-submit:focus {
    background: linear-gradient(135deg, #085342, #0d8e6b) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

.gloma-auth-submit[disabled] {
    opacity: 0.72 !important;
    cursor: wait !important;
    transform: none !important;
}

.gloma-auth-secondary {
    border: 1px solid #cbd5df !important;
    background: #ffffff !important;
    color: #203040 !important;
    box-shadow: none !important;
}

.gloma-auth-secondary:hover {
    border-color: #98a8b8 !important;
    background: #f7f9fb !important;
}

.gloma-auth-divider {
    position: relative !important;
    margin: 18px 0 !important;
    text-align: center !important;
}

.gloma-auth-divider::before {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    left: 0 !important;
    height: 1px !important;
    background: #e0e6ec !important;
    content: "" !important;
}

.gloma-auth-divider span {
    position: relative !important;
    display: inline-block !important;
    padding: 0 10px !important;
    background: #ffffff !important;
    color: #7a8794 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.gloma-auth-message {
    display: none !important;
    margin-top: 12px !important;
    padding: 11px 12px !important;
    border: 1px solid #fecaca !important;
    border-radius: 9px !important;
    background: #fff1f2 !important;
    color: #991b1b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.gloma-auth-message:not(:empty) {
    display: block !important;
}

.gloma-auth-message .alert {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
}

.gloma-auth-trust-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 15px !important;
    margin-top: 17px !important;
    color: #657486 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.gloma-auth-trust-row span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.gloma-auth-trust-row i {
    color: #118262 !important;
}

.gloma-auth-two-col {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.gloma-register-shell {
    max-height: calc(100vh - 105px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* =========================================================
   H. LOGIN-TO-CHECKOUT AND PAYMENT PANEL POLISH — V7
   ========================================================= */

.gloma-mini-payment-panel {
    margin: 9px 0 0 !important;
    padding: 12px !important;
    border: 1px solid #d8e2eb !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, #f8fbfd, #ffffff) !important;
}

.gloma-mini-payment-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.gloma-mini-payment-head small,
.gloma-mini-payment-head strong {
    display: block !important;
}

.gloma-mini-payment-head small {
    color: #768597 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.13em !important;
}

.gloma-mini-payment-head strong {
    margin-top: 2px !important;
    color: #172333 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.gloma-mini-payment-head > span {
    padding: 5px 8px !important;
    border-radius: 999px !important;
    background: #e8f6f1 !important;
    color: #0d7257 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
}

.gloma-mini-payment-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

.gloma-mini-payment-choice {
    display: flex !important;
    min-width: 0 !important;
    min-height: 66px !important;
    padding: 9px 7px !important;
    align-items: center !important;
    gap: 7px !important;
    border: 1px solid #d8e1e9 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #1a2a3a !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease !important;
}

.gloma-mini-payment-choice:hover,
.gloma-mini-payment-choice:focus {
    border-color: #0f8b69 !important;
    color: #102a24 !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(15, 139, 105, 0.13) !important;
}

.gloma-mini-payment-choice > i {
    flex: 0 0 25px !important;
    color: #0d7d60 !important;
    font-size: 18px !important;
    text-align: center !important;
}

.gloma-mini-payment-choice span {
    min-width: 0 !important;
}

.gloma-mini-payment-choice b,
.gloma-mini-payment-choice small {
    display: block !important;
}

.gloma-mini-payment-choice b {
    color: #172333 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.gloma-mini-payment-choice small {
    margin-top: 3px !important;
    overflow: hidden !important;
    color: #708092 !important;
    font-size: 8px !important;
    line-height: 1.25 !important;
}

.gloma-mini-payment-login-note {
    display: flex !important;
    margin: 9px 0 0 !important;
    padding: 8px 9px !important;
    align-items: center !important;
    gap: 7px !important;
    border-radius: 8px !important;
    background: #fff8e8 !important;
    color: #77510b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

@media (max-width: 640px) {
    #Modal_login .modal-dialog,
    #Modal_register .modal-dialog {
        width: calc(100vw - 18px) !important;
        max-width: none !important;
        margin: 9px auto !important;
    }

    .gloma-auth-shell {
        padding: 21px 18px 19px !important;
    }

    .gloma-auth-copy h2 {
        font-size: 22px !important;
    }

    .gloma-auth-two-col {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .gloma-register-shell {
        max-height: calc(100vh - 76px) !important;
    }

    .gloma-mini-payment-grid {
        grid-template-columns: 1fr !important;
    }

    .gloma-mini-payment-choice {
        min-height: 54px !important;
    }
}