/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
    font-size: 14px;
}

/* Global Logo & Image Protection */
img[src*="logo"],
img.logo-img,
img.logo,
.logo-img,
.client-sidebar-brand img,
.client-mobile-brand img,
.navbar-brand img,
.auth-brand-logo img {
    max-height: 40px !important;
    max-width: 200px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
}

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* ==========================================================================
   PutulHost Modern Split-Screen Auth Pages (Login, Register, Password Reset)
   ========================================================================== */

body.auth-body {
    background-color: #f8fafc !important;
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #1e293b;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body.auth-body #header,
body.auth-body .master-breadcrumb,
body.auth-body #footer,
body.auth-body #accountNotifications,
body.auth-body .topbar {
    display: none !important;
}

body.auth-body #main-body {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh;
    background: transparent !important;
}

body.auth-body #main-body > .container,
body.auth-body #main-body > .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.auth-body .primary-content,
body.auth-body .col-lg-8,
body.auth-body .col-xl-9 {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    flex: 0 0 100% !important;
}

body.auth-body .sidebar,
body.auth-body .col-lg-4,
body.auth-body .col-xl-3 {
    display: none !important;
}

body.auth-body p[style*="text-align:center"] {
    display: none !important;
}

/* Split Layout Container */
.auth-split-wrapper {
    display: flex;
    min-height: 100vh;
    width: 100%;
    position: relative;
}

/* ==========================================
   Left Hero Panel (Branded visual panel)
   ========================================== */
.auth-hero-panel {
    width: 44%;
    min-width: 400px;
    padding: 48px 48px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    z-index: 1;
}

@media (min-width: 881px) {
    .auth-hero-panel {
        position: sticky;
        top: 0;
        height: 100vh;
        overflow-y: auto;
    }
}

/* Green Theme (Login) */
.auth-hero-panel.theme-green {
    background: linear-gradient(155deg, #054029 0%, #032a1b 50%, #021a11 100%);
}

/* Blue Theme (Register & Password Reset) */
.auth-hero-panel.theme-blue {
    background: linear-gradient(155deg, #0a2f7c 0%, #082159 50%, #041233 100%);
}

/* Decorative Background Grid Pattern */
.auth-hero-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 36px 36px;
    z-index: -2;
    pointer-events: none;
}

/* Decorative Concentric Rings */
.auth-hero-panel::after {
    content: '';
    position: absolute;
    bottom: -150px;
    right: -150px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: 
        0 0 0 100px rgba(255, 255, 255, 0.04),
        0 0 0 200px rgba(255, 255, 255, 0.03),
        0 0 0 300px rgba(255, 255, 255, 0.02);
    z-index: -1;
    pointer-events: none;
}

/* Brand Logo */
.auth-brand-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    margin-bottom: 30px;
}

.auth-brand-text {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
}

.auth-brand-text .brand-host {
    color: #84cc16;
    margin-left: 2px;
}

.auth-brand-text .brand-icon-leaf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: #84cc16;
    color: #032a1b;
    border-radius: 50%;
    font-size: 13px;
    margin-left: 3px;
    margin-right: 2px;
}

.auth-hero-body {
    margin: auto 0;
    padding: 30px 0;
}

.auth-pill-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #4ade80;
    margin-bottom: 16px;
}

.auth-hero-panel.theme-blue .auth-pill-badge {
    color: #38bdf8;
}

.auth-hero-title {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.25;
    color: #ffffff;
    margin-bottom: 16px;
}

.auth-hero-title .highlight-green {
    color: #4ade80;
}

.auth-hero-title .highlight-blue {
    color: #38bdf8;
}

.auth-hero-desc {
    font-size: 14.5px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 36px;
    max-width: 420px;
}

/* Feature List */
.auth-feature-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.auth-feature-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.auth-feat-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #4ade80;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.auth-hero-panel.theme-blue .auth-feat-icon-box {
    color: #38bdf8;
}

.auth-feat-content h4 {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 3px 0;
}

.auth-feat-content p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    margin: 0;
}

.auth-hero-footer {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 30px;
}

/* ==========================================
   Right Form Panel
   ========================================== */
.auth-form-panel {
    width: 56%;
    flex-grow: 1;
    background-color: #f8fafc;
    padding: 48px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.auth-form-panel.panel-scrollable {
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 60px;
}

/* Auth Card (for Login & Password Reset) */
.auth-card-clean {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    border-radius: 18px;
    padding: 40px 36px;
    box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.02);
    border: 1px solid #e2e8f0;
}

.auth-card-header {
    margin-bottom: 26px;
}

.auth-card-title {
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 6px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.auth-card-subtitle {
    font-size: 14px;
    color: #64748b;
    margin: 0;
}

/* Auth Register Container */
.auth-register-card {
    width: 100%;
    max-width: 760px;
    background: #ffffff;
    border-radius: 18px;
    padding: 38px 40px;
    box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.02);
    border: 1px solid #e2e8f0;
}

/* Bengali NID Warning Box */
.auth-nid-alert {
    background-color: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13.5px;
    font-weight: 500;
    color: #065f46;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
}

.auth-nid-alert .alert-icon {
    font-size: 16px;
    color: #dc2626;
    flex-shrink: 0;
}

/* Form Section Header */
.auth-section-divider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin: 28px 0 18px 0;
    border-bottom: 1.5px solid #0284c7;
}

.auth-section-divider.no-top-margin {
    margin-top: 0;
}

.auth-section-title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #0284c7;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.auth-section-title i {
    font-size: 14px;
}

/* Form Controls & Inputs */
.auth-form-group {
    margin-bottom: 18px;
}

.auth-label {
    display: block;
    font-size: 13.5px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
}

.auth-input-wrapper {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.auth-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 14px;
    pointer-events: none;
    z-index: 2;
}

.auth-input {
    width: 100%;
    height: 44px;
    padding: 10px 14px 10px 38px;
    font-size: 14px;
    color: #0f172a;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.auth-input.no-icon {
    padding-left: 14px;
}

.auth-input:focus {
    background-color: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
    outline: none;
}

.auth-input::placeholder {
    color: #94a3b8;
    font-size: 13.5px;
}

select.auth-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2394a3b8'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 18px 18px;
    padding-right: 38px;
    cursor: pointer;
}

/* Password Reveal Button */
.auth-btn-reveal-pw {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px 6px;
    font-size: 14px;
    transition: color 0.2s;
    z-index: 3;
}

.auth-btn-reveal-pw:hover {
    color: #475569;
}

/* Generate Password Button */
.btn-auth-generate-pw {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #0284c7;
    background: #ffffff;
    border: 1px solid #0284c7;
    border-radius: 20px;
    padding: 4px 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none !important;
}

.btn-auth-generate-pw:hover {
    background: #0284c7;
    color: #ffffff;
}

/* Phone input & intl-tel-input styling */
.auth-phone-wrapper {
    width: 100%;
}

.auth-phone-wrapper .iti {
    width: 100% !important;
    display: block !important;
}

.auth-phone-wrapper .iti input[type="tel"] {
    width: 100% !important;
    height: 44px;
    padding-left: 52px !important;
}

.auth-phone-wrapper .iti__flag-container {
    z-index: 5;
}

.auth-phone-wrapper .iti__country-list {
    z-index: 100;
    max-width: 320px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-radius: 8px;
}

/* Bootstrap Switch Fix */
.bootstrap-switch {
    border-radius: 20px !important;
    border: 1px solid #cbd5e1 !important;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
    min-width: 52px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    background: #16a34a !important;
    color: #ffffff !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #e2e8f0 !important;
    color: #475569 !important;
}

/* Terms Acceptance Box */
.auth-terms-box {
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 14px 16px;
    margin: 22px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #166534;
}

.auth-terms-box label {
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.auth-terms-box a {
    color: #0284c7;
    font-weight: 600;
    text-decoration: underline;
}

.auth-terms-box a:hover {
    color: #0369a1;
}

/* Submit CTA Buttons */
.btn-auth-primary {
    width: 100%;
    height: 46px;
    background: #0284c7;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
}

.btn-auth-primary:hover {
    background: #0369a1;
    box-shadow: 0 6px 16px rgba(2, 132, 199, 0.35);
    color: #ffffff;
    transform: translateY(-1px);
}

.btn-auth-primary:active {
    transform: translateY(0);
}

/* Bottom Switch Links */
.auth-footer-link {
    text-align: center;
    margin-top: 22px;
    font-size: 13.5px;
    color: #64748b;
}

.auth-footer-link a {
    font-weight: 700;
    text-decoration: none;
}

.auth-footer-link a.link-green {
    color: #16a34a;
}

.auth-footer-link a.link-green:hover {
    color: #15803d;
    text-decoration: underline;
}

.auth-footer-link a.link-blue {
    color: #0284c7;
}

.auth-footer-link a.link-blue:hover {
    color: #0369a1;
    text-decoration: underline;
}

/* Captcha wrapper */
.auth-captcha-wrapper {
    margin: 18px 0;
    display: flex;
    justify-content: center;
}

/* Password Strength Bar */
.auth-pw-strength-wrapper {
    margin-top: 8px;
}

.auth-pw-strength-wrapper .progress {
    height: 6px;
    border-radius: 3px;
    background-color: #e2e8f0;
}

.auth-brand-text .brand-domain {
    color: #38bdf8;
    font-weight: 800;
}

.auth-logo-img {
    max-height: 48px;
    max-width: 240px;
    object-fit: contain;
}

/* ==========================================
   Responsive Breakpoints for All Screens
   ========================================== */

/* Large Tablets & Small Desktops */
@media (max-width: 1120px) {
    .auth-hero-panel {
        width: 40%;
        min-width: 320px;
        padding: 40px 32px;
    }
    .auth-hero-title {
        font-size: 28px;
    }
    .auth-form-panel {
        padding: 40px 24px;
    }
    .auth-register-card {
        padding: 32px 28px;
    }
}

/* Tablets (Portrait & Medium Screens) */
@media (max-width: 880px) {
    .auth-split-wrapper {
        flex-direction: column;
        min-height: auto;
    }
    .auth-hero-panel {
        width: 100% !important;
        min-width: 100% !important;
        padding: 32px 24px 28px;
        min-height: auto;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .auth-brand-logo {
        margin-bottom: 16px;
    }
    .auth-hero-body {
        padding: 10px 0 0;
        margin: 0;
    }
    .auth-hero-title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .auth-hero-desc {
        font-size: 13.5px;
        margin-bottom: 0;
        max-width: 100%;
    }
    .auth-feature-list {
        display: none !important;
    }
    .auth-hero-footer {
        display: none !important;
    }
    .auth-form-panel {
        width: 100% !important;
        padding: 28px 20px 48px;
        min-height: auto;
        align-items: flex-start;
    }
    .auth-card-clean {
        max-width: 520px;
        margin: 0 auto;
        padding: 30px 24px;
    }
    .auth-register-card {
        max-width: 100%;
        padding: 30px 24px;
    }
}

/* Mobile Phones (< 576px) */
@media (max-width: 576px) {
    .auth-hero-panel {
        padding: 24px 18px 22px;
    }
    .auth-brand-text {
        font-size: 22px;
    }
    .auth-hero-title {
        font-size: 21px;
    }
    .auth-form-panel {
        padding: 20px 12px 36px;
    }
    .auth-card-clean,
    .auth-register-card {
        padding: 24px 16px;
        border-radius: 14px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    }
    .auth-card-title {
        font-size: 21px;
    }
    .auth-section-divider {
        margin: 22px 0 14px 0;
    }
    .auth-section-title {
        font-size: 12px;
    }
    .btn-auth-generate-pw {
        font-size: 11px;
        padding: 3px 10px;
    }
    .auth-nid-alert {
        font-size: 12px;
        padding: 10px 12px;
        line-height: 1.4;
    }
    .auth-phone-code {
        width: 90px;
        font-size: 12.5px;
    }
    .auth-input {
        font-size: 14px; /* prevents iOS safari zoom */
        height: 42px;
    }
    .btn-auth-primary {
        height: 44px;
        font-size: 14.5px;
    }
    .auth-terms-box {
        font-size: 12px;
        padding: 12px 14px;
    }
}

/* ==========================================================================
   CLIENT PORTAL & DASHBOARD STYLES (100% Screenshot Matching)
   ========================================================================== */

/* Main Layout Wrapper */
.client-portal-layout {
    display: flex !important;
    min-height: 100vh !important;
    background-color: #f8fafc !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

/* Dark Green Sidebar */
.client-sidebar {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    background-color: #134828 !important;
    background-image: linear-gradient(180deg, #16522e 0%, #0e3b20 100%) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1040 !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.08) !important;
    flex-shrink: 0 !important;
}

.client-sidebar-header {
    padding: 20px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.client-sidebar-brand {
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.client-sidebar-brand img,
.client-sidebar-brand .logo-img,
.client-mobile-brand img,
.client-mobile-brand .logo-img {
    max-height: 38px !important;
    max-width: 190px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
    border-radius: 4px !important;
}

.client-sidebar-brand .brand-text {
    font-size: 19px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
    color: #ffffff !important;
}

.client-sidebar-brand .brand-gsm {
    color: #ffffff !important;
}

.client-sidebar-brand .brand-host {
    background-color: #61b834 !important;
    color: #ffffff !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    margin: 0 2px !important;
}

.client-sidebar-brand .brand-domain {
    color: #a3e635 !important;
    font-weight: 700 !important;
}

.btn-sidebar-close {
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 18px !important;
    padding: 4px 8px !important;
    cursor: pointer !important;
}

/* Sidebar Menu Area */
.client-sidebar-menu {
    flex: 1;
    overflow-y: auto;
    padding: 14px 12px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.client-sidebar-menu::-webkit-scrollbar {
    width: 5px;
}

.client-sidebar-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.sidebar-category {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.9px;
    color: rgba(255, 255, 255, 0.45);
    padding: 14px 12px 6px;
    text-transform: uppercase;
}

.client-sidebar-menu .nav-link {
    display: flex;
    align-items: center;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    transition: all 0.2s ease;
    margin-bottom: 2px;
    text-decoration: none !important;
}

.client-sidebar-menu .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.client-sidebar-menu .nav-link.active {
    background-color: #1e6b3e;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.client-sidebar-menu .nav-icon {
    width: 20px;
    font-size: 14px;
    margin-right: 12px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
}

.client-sidebar-menu .nav-link.active .nav-icon,
.client-sidebar-menu .nav-link:hover .nav-icon {
    color: #61b834;
}

/* Sticky Bottom User Profile Bar */
.client-sidebar-user {
    padding: 14px 16px;
    background-color: #0d341d;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.user-profile-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
}

.user-avatar-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.user-info-text {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
}

.user-name {
    font-size: 13.5px;
    font-weight: 700;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.user-balance {
    font-size: 12px;
    font-weight: 700;
    color: #61b834;
}

.user-toggle-arrow {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
}

/* User Dropdown Menu (Dark Slate Theme matching Screenshot) */
.user-dropdown-menu {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important;
    padding: 10px 6px !important;
    min-width: 250px !important;
    width: 250px !important;
    margin-bottom: 8px !important;
}

.user-dropdown-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 10px 10px 10px !important;
}

.user-dropdown-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
    color: #475569 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    flex-shrink: 0 !important;
}

.user-dropdown-meta {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    flex: 1 !important;
}

.user-dropdown-name {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

.user-dropdown-email {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    margin-top: 2px !important;
}

.user-dropdown-nav {
    display: flex !important;
    flex-direction: column !important;
}

.user-dropdown-menu .dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin: 5px 6px !important;
}

.user-dropdown-menu .dropdown-item {
    display: flex !important;
    align-items: center !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    padding: 6.5px 12px !important;
    border-radius: 7px !important;
    color: #cbd5e1 !important;
    transition: all 0.15s ease !important;
    text-decoration: none !important;
    background: transparent !important;
}

.user-dropdown-menu .dropdown-item i {
    width: 18px !important;
    font-size: 13.5px !important;
    color: #94a3b8 !important;
    margin-right: 10px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    transition: color 0.15s ease !important;
}

.user-dropdown-menu .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.user-dropdown-menu .dropdown-item:hover i {
    color: #60a5fa !important;
}

.user-dropdown-menu .dropdown-item.dropdown-item-logout {
    color: #f87171 !important;
}

.user-dropdown-menu .dropdown-item.dropdown-item-logout i {
    color: #f87171 !important;
}

.user-dropdown-menu .dropdown-item.dropdown-item-logout:hover {
    background-color: rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
}

.user-dropdown-menu .dropdown-item.dropdown-item-logout:hover i {
    color: #ef4444 !important;
}

/* Mobile Topbar */
.client-mobile-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background-color: #134828;
    color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 1030;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.btn-sidebar-toggle {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 20px;
    padding: 4px 8px;
    cursor: pointer;
}

.client-mobile-brand {
    text-decoration: none !important;
}

.client-mobile-brand .brand-text {
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
}

.client-mobile-brand .brand-host {
    background-color: #61b834;
    color: #ffffff;
    padding: 1px 5px;
    border-radius: 3px;
    margin: 0 2px;
}

.client-mobile-brand .brand-domain {
    color: #a3e635;
}

.client-mobile-btn {
    color: #ffffff;
    font-size: 18px;
    position: relative;
    padding: 4px 6px;
}

.client-sidebar-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    z-index: 1035;
    backdrop-filter: blur(2px);
}

/* Main Content Area */
.client-main-content {
    flex: 1;
    min-width: 0;
    padding: 16px 20px;
    background-color: #f8fafc;
}

/* ==========================================================================
   CLIENT DASHBOARD - ULTRA MODERN COMPACT SAAS UI
   ========================================================================== */
.dash-page-wrapper {
    width: 100%;
    margin-bottom: 16px;
}

/* 1. Welcome Greeting Header (Compact) */
.dash-greeting-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.dash-greeting-left {
    display: flex;
    flex-direction: column;
}

.dash-greeting-title {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 2px 0;
    letter-spacing: -0.3px;
}

.dash-greeting-title .highlight-green {
    color: #134828;
    background: linear-gradient(135deg, #16522e 0%, #10b981 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dash-greeting-subtitle {
    font-size: 12px;
    color: #64748b;
    margin: 0;
}

.dash-greeting-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11.5px;
    font-weight: 700;
}

/* 2. 4 Key Stat Cards (Ultra Compact) */
.dash-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 12px;
}

.dash-stat-card {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    border: 1px solid #e2e8f0;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.15s ease;
}

.dash-stat-card:hover {
    border-color: #cbd5e1;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.dash-stat-top-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.dash-stat-card.theme-blue .dash-stat-top-bar { background: #2563eb; }
.dash-stat-card.theme-green .dash-stat-top-bar { background: #059669; }
.dash-stat-card.theme-purple .dash-stat-top-bar { background: #7c3aed; }
.dash-stat-card.theme-red .dash-stat-top-bar { background: #dc2626; }

.dash-stat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.dash-stat-icon-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dash-stat-icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.dash-stat-icon.icon-blue { background: #eff6ff; color: #2563eb; border: 1px solid #dbeafe; }
.dash-stat-icon.icon-green { background: #ecfdf5; color: #059669; border: 1px solid #d1fae5; }
.dash-stat-icon.icon-purple { background: #f5f3ff; color: #7c3aed; border: 1px solid #ede9fe; }
.dash-stat-icon.icon-red { background: #fef2f2; color: #dc2626; border: 1px solid #fee2e2; }

.dash-stat-label {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.dash-stat-number {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1;
}

.dash-stat-footer {
    border-top: 1px solid #f1f5f9;
    padding-top: 6px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    white-space: nowrap;
}

.dash-stat-action {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 700;
    font-size: 11px;
    text-decoration: none !important;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.dash-stat-action.link-blue { color: #2563eb; }
.dash-stat-action.link-green { color: #059669; }
.dash-stat-action.link-purple { color: #7c3aed; }
.dash-stat-action.link-red { color: #dc2626; }
.dash-stat-action:hover { opacity: 0.85; }

.dash-invoice-pill {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 10px;
    font-weight: 700;
    color: #dc2626;
    background: #fef2f2;
    padding: 1.5px 5px;
    border-radius: 5px;
    border: 1px solid #fecaca;
    white-space: nowrap;
    line-height: 1.2;
}

/* 3. 2 Expiring Soon Cards (Compact Row) */
.dash-expiring-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 12px;
}

.dash-expiring-card {
    background: #ffffff;
    border-radius: 8px;
    padding: 7px 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dash-expiring-left {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.dash-expiring-badge {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 10.5px;
    font-weight: 700;
}

.dash-expiring-badge.badge-green { background: #ecfdf5; color: #059669; border: 1px solid #a7f3d0; }
.dash-expiring-badge.badge-blue { background: #eff6ff; color: #2563eb; border: 1px solid #bfdbfe; }

/* 4. Quick Links Section (Compact Chips) */
.dash-quicklinks-wrapper {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    border: 1px solid #e2e8f0;
    margin-bottom: 12px;
}

.dash-section-header {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.dash-section-title {
    font-size: 12.5px;
    font-weight: 700;
    color: #0f172a;
}

.dash-quicklinks-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
}

.dash-quicklink-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 8px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    font-size: 11.5px;
    font-weight: 600;
    color: #334155;
    text-decoration: none !important;
    transition: all 0.15s ease;
    text-align: center;
    white-space: nowrap;
}

.dash-quicklink-btn:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.dash-quicklink-btn i {
    font-size: 12px;
    color: #134828;
}

/* 5. WHMCS Home Cards / Panels Overrides */
.client-home-cards .card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.client-home-cards .card-header {
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 9px 13px !important;
}

.client-home-cards .card-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.client-home-cards .card-body {
    padding: 10px 13px !important;
    font-size: 12px !important;
    color: #334155 !important;
}

.client-home-cards .list-group-item {
    padding: 8px 13px !important;
    font-size: 12px !important;
    border-color: #f1f5f9 !important;
    color: #334155 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
}

.client-home-cards .list-group-item:hover {
    background: #f8fafc !important;
    color: #0f172a !important;
}

.client-home-cards .card-footer {
    background: #f8fafc !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 7px 13px !important;
    font-size: 11.5px !important;
}

.client-home-cards .btn-xs,
.client-home-cards .btn-sm {
    padding: 3px 8px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
}

.client-home-cards .btn-default,
.client-home-cards .btn-primary,
.client-home-cards .btn-success {
    background: #134828 !important;
    border-color: #134828 !important;
    color: #ffffff !important;
}

.client-home-cards .btn-default:hover,
.client-home-cards .btn-primary:hover,
.client-home-cards .btn-success:hover {
    background: #1e6b3e !important;
    border-color: #1e6b3e !important;
    color: #ffffff !important;
}

.client-home-cards input.form-control {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
}

.client-home-cards input.form-control:focus {
    border-color: #134828 !important;
    box-shadow: 0 0 0 2px rgba(19, 72, 40, 0.1) !important;
}

/* Responsive Portal Styles */
@media (max-width: 1320px) {
    .dash-quicklinks-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1140px) {
    .dash-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .client-sidebar {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        transform: translateX(-100%);
        z-index: 1050;
        width: 270px;
    }
    .client-sidebar.mobile-open {
        transform: translateX(0);
    }
    .client-sidebar-backdrop.show {
        display: block;
    }
    .client-main-content {
        padding: 14px 12px;
    }
    .dash-quicklinks-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .dash-stats-grid,
    .dash-expiring-grid,
    .dash-quicklinks-grid {
        grid-template-columns: 1fr;
    }
    .dash-greeting-title {
        font-size: 18px;
    }
    .dash-greeting-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .client-main-content {
        padding: 12px 10px;
    }
}

/* ==========================================================================
   GLOBAL SUBPAGE MODERN SAAS STYLES
   ========================================================================== */
.client-subpage-header {
    margin-bottom: 12px !important;
}

.client-subpage-header .breadcrumb {
    background: transparent !important;
    padding: 0 0 4px 0 !important;
    margin: 0 !important;
    font-size: 11.5px !important;
}

.client-subpage-header .breadcrumb-item a {
    color: #64748b !important;
    text-decoration: none !important;
}

.client-subpage-header .breadcrumb-item.active {
    color: #134828 !important;
    font-weight: 600 !important;
}

.client-page-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.3px !important;
    margin: 0 !important;
}

/* Global Button & Input Modern Overrides */
.btn-primary, .btn-success {
    background: #134828 !important;
    border-color: #134828 !important;
    color: #ffffff !important;
}

.btn-primary:hover, .btn-success:hover {
    background: #1e6b3e !important;
    border-color: #1e6b3e !important;
    color: #ffffff !important;
}

.btn-default {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

.btn-default:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

/* Global Left-Aligned Table Headers */
.table-list th,
.table-striped th,
.table th {
    text-align: left !important;
}

/* ==========================================================================
   MODERN COMPACT NAVBAR & DROPDOWN STYLING
   ========================================================================== */
.site-guest-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.site-guest-header .navbar-nav .nav-link {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    padding: 6px 11px !important;
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.site-guest-header .navbar-nav .nav-link:hover,
.site-guest-header .navbar-nav .nav-item.show .nav-link {
    background-color: #f1f5f9 !important;
    color: #134828 !important;
}

.site-guest-header .dropdown-menu {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04) !important;
    padding: 6px !important;
    min-width: 200px !important;
    margin-top: 4px !important;
}

.site-guest-header .dropdown-item {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
}

.site-guest-header .dropdown-item:hover {
    background-color: #f1f5f9 !important;
    color: #134828 !important;
}

.site-guest-header .dropdown-divider {
    margin: 4px 0 !important;
    border-color: #f1f5f9 !important;
}

/* Fullpage Overlay Protection */
#fullpage-overlay.w-hidden,
#fullpage-overlay.hidden,
#fullpage-overlay:not(.show):not(.active) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    z-index: -1 !important;
}

#fullpage-overlay.show,
#fullpage-overlay.active {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

.hero-search-pill {
    position: relative;
    z-index: 10;
}

/* Dropdown Show & Hover Enhancements */
.site-guest-header .dropdown-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (min-width: 1200px) {
    .site-guest-header .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 1199px) {
    .site-guest-header .navbar-collapse.show {
        display: block !important;
        background: #ffffff !important;
        padding: 12px 16px !important;
        border-top: 1px solid #f1f5f9 !important;
        border-radius: 0 0 10px 10px !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    }
}

/* ==========================================================================
   DOMAIN REGISTRATION, TRANSFER & PRICING STYLES
   ========================================================================== */
.domain-pricing .featured-tld {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 12px 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
}

#tableDomainPricing th,
#tableDomainPricing td {
    text-align: left !important;
    vertical-align: middle !important;
}

.tld-filters .badge {
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

.tld-filters .badge:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Domain Cart & Orderform Enhancements */
.domain-checker-result-matched,
.domain-lookup-result {
    border-radius: 8px !important;
    padding: 14px 16px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 12px !important;
}

.domain-checker-available {
    border-color: #10b981 !important;
    background: #ecfdf5 !important;
}

.domain-checker-unavailable {
    border-color: #ef4444 !important;
    background: #fef2f2 !important;
}

/* ==========================================================================
   DOMAIN REGISTRATION & TRANSFER CART FULL-WIDTH & COMPACT UI
   ========================================================================== */
#Secondary_Sidebar-Categories,
#Primary_Sidebar-Categories,
#Secondary_Sidebar-Actions,
#Primary_Sidebar-Actions,
#Secondary_Sidebar-Choose_Currency,
#Primary_Sidebar-Choose_Currency,
#Secondary_Sidebar-Currency,
#Primary_Sidebar-Currency,
div[id*="Sidebar-Categories"],
div[id*="Sidebar-Actions"],
div[id*="Sidebar-Choose_Currency"],
div[id*="Sidebar-Currency"],
[menuitemname="Categories"],
[menuitemname="Actions"],
[menuitemname="Choose Currency"],
[menuitemname="Currency"],
#main-body .sidebar,
#main-body .sidebar-primary,
#main-body .sidebar-secondary,
#main-body .col-lg-4.col-xl-3,
#main-body .col-md-4.col-lg-3,
#order-standard_cart .sidebar,
#order-standard_cart .cart-sidebar,
#order-standard_cart .col-md-4,
#order-standard_cart .col-lg-3,
#order-standard_cart .col-xl-3,
#order-standard_cart .sidebar-d-md-none,
#order-standard_cart .sidebar-collapse-toggle,
#order-standard_cart .sidebar-collapsed,
.sidebar-d-md-none,
.sidebar-collapse-toggle,
.sidebar-collapsed,
.domain-pricing-page .sidebar,
.cart-body .sidebar,
.cart-sidebar,
.master-breadcrumb,
#order-standard_cart .master-breadcrumb,
.cart-body .master-breadcrumb {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.domain-cart-fullwidth,
#main-body .domain-cart-fullwidth,
#main-body .col-lg-8.col-xl-9.primary-content,
#main-body .primary-content,
#main-body .col-lg-8,
#main-body .col-xl-9,
#order-standard_cart .col-md-8,
#order-standard_cart .col-lg-9,
#order-standard_cart .col-xl-9,
#order-standard_cart .col-12,
#order-standard_cart .field-container,
#order-standard_cart .cart-body {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
}

/* ==========================================================================
   PUTULHOST EXACT STYLE DOMAIN TRANSFER & REGISTRATION CART UI
   ========================================================================== */

/* Transfer Form Unified Card */
#frmDomainTransfer,
.domain-transfer-container {
    max-width: 680px !important;
    width: 100% !important;
    margin: 0 auto 36px auto !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 16px 36px -10px rgba(15, 23, 42, 0.08), 0 0 1px 1px rgba(15, 23, 42, 0.03) !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
}

#frmDomainTransfer::before,
.domain-transfer-container::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #10b981 0%, #059669 50%, #047857 100%) !important;
    z-index: 2 !important;
}

#frmDomainTransfer .card,
.domain-transfer-container .card {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

#frmDomainTransfer .card-header,
.domain-transfer-container .card-header {
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 26px 28px 20px 28px !important;
    text-align: center !important;
}

#frmDomainTransfer .card-body,
.domain-transfer-container .card-body {
    padding: 28px 32px 24px 32px !important;
}

/* Full Width Form Columns Layout (Eliminates Empty Side Spaces) */
#frmDomainTransfer .row,
.domain-transfer-container .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    display: block !important;
}

#frmDomainTransfer .row > [class*="col-"],
#frmDomainTransfer .col-sm-7,
#frmDomainTransfer .col-md-7,
#frmDomainTransfer .col-sm-8,
#frmDomainTransfer .col-md-8,
#frmDomainTransfer .col-7,
#frmDomainTransfer .col-8,
.domain-transfer-container .row > [class*="col-"],
.domain-transfer-container .col-sm-7,
.domain-transfer-container .col-md-7 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}

#frmDomainTransfer .col-sm-5,
#frmDomainTransfer .col-md-5,
#frmDomainTransfer .col-sm-4,
#frmDomainTransfer .col-md-4,
#frmDomainTransfer .col-5,
#frmDomainTransfer .col-4,
.domain-transfer-container .col-sm-5,
.domain-transfer-container .col-md-5 {
    display: none !important;
}

@media (max-width: 575px) {
    #frmDomainTransfer,
    .domain-transfer-container {
        border-radius: 16px !important;
        margin: 0 auto 24px auto !important;
    }
    #frmDomainTransfer .card-header,
    .domain-transfer-container .card-header {
        padding: 20px 16px 14px 16px !important;
    }
    #frmDomainTransfer .card-body,
    .domain-transfer-container .card-body {
        padding: 18px 16px 16px 16px !important;
    }
}

#frmDomainTransfer .form-group,
.domain-transfer-container .form-group {
    width: 100% !important;
    margin-bottom: 18px !important;
}

#frmDomainTransfer label,
.domain-transfer-container label {
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    color: #334155 !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#frmDomainTransfer .form-control,
.domain-transfer-container input[type="text"],
.domain-transfer-container input[type="password"] {
    height: 52px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
    padding: 10px 16px !important;
    color: #0f172a !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

#frmDomainTransfer .form-control:focus,
.domain-transfer-container input[type="text"]:focus {
    border-color: #10b981 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.14) !important;
    outline: none !important;
}

#frmDomainTransfer .btn-primary,
#frmDomainTransfer .btn-success,
#frmDomainTransfer button[type="submit"],
.domain-transfer-container .btn-primary {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.28) !important;
    margin-top: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

#frmDomainTransfer .btn-primary:hover,
#frmDomainTransfer .btn-success:hover,
#frmDomainTransfer button[type="submit"]:hover,
.domain-transfer-container .btn-primary:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px rgba(16, 185, 129, 0.36) !important;
}

/* Domain Registration Container & Search */
/* 11. DOMAIN SEARCH & REGISTRATION (cart.php?a=add&domain=register)
   ========================================================================== */
#order-standard_cart .domain-promo-box,
#order-standard_cart .domain-banner,
#order-standard_cart .domain-checker-bg,
#order-standard_cart .domain-checker-advanced,
.domain-promo-box,
.domain-banner,
.domain-checker-bg,
.domain-checker-advanced,
.home-domain-search {
    background: linear-gradient(135deg, #134828 0%, #0e3b20 100%) !important;
    border-radius: 14px !important;
    padding: 10px 14px !important; /* Compact capsule: completely eliminates excess top & bottom space */
    margin: 8px auto 16px auto !important;
    max-width: 860px !important;
    box-shadow: 0 8px 24px -5px rgba(19, 72, 40, 0.3) !important;
    text-align: center !important;
    position: relative !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: auto !important;
    box-sizing: border-box !important;
}

.domain-promo-box::before,
.domain-banner::before,
.domain-checker-bg::before,
.home-domain-search::before {
    display: none !important;
}

#order-standard_cart .domain-promo-box::after,
.domain-promo-box::after,
.home-domain-search::after {
    display: none !important;
}

.domain-promo-box h2,
.domain-banner h2,
.domain-checker-bg h2,
.domain-checker-advanced h2,
.home-domain-search h2,
.ph-reg-hero-header,
.ph-reg-title,
.ph-reg-subtitle,
.ph-reg-perks,
.domain-promo-box .p-5,
.domain-checker-bg .p-5,
.domain-checker-advanced .p-5,
.home-domain-search .p-5 {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

.domain-promo-box .container,
.domain-checker-bg .container,
.home-domain-search .container,
.domain-promo-box .clearfix,
.domain-checker-bg .clearfix,
.home-domain-search .clearfix,
.input-group-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
}

#frmDomainChecker,
#frmDomainRegister,
#frmDomainTransfer,
#frmDomainHomepage,
.domain-checker-container {
    max-width: 840px !important;
    margin: 0 auto !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#frmDomainChecker .row,
#frmDomainRegister .row,
#frmDomainHomepage .row,
#order-standard_cart #frmDomainChecker .row,
#order-standard_cart #frmDomainRegister .row,
.domain-checker-bg .row,
.domain-checker-advanced .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

#frmDomainChecker [class*="col-"],
#frmDomainRegister [class*="col-"],
#frmDomainHomepage [class*="col-"],
.domain-checker-bg [class*="col-"],
.domain-checker-advanced [class*="col-"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: 840px !important;
    flex: 1 1 100% !important;
}

/* Exact White Pill Search Box Styling */
.ph-search-glass-icon {
    color: #94a3b8 !important;
    font-size: 1.15rem !important;
    margin-left: 14px !important;
    margin-right: 6px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

#frmDomainChecker .input-group,
#frmDomainRegister .input-group,
#frmDomainHomepage .input-group,
#order-standard_cart #frmDomainChecker .input-group,
#order-standard_cart #frmDomainRegister .input-group,
.domain-checker-container .input-group,
#order-standard_cart .domain-search-input-group,
#order-standard_cart .domain-input-group,
.domain-input-group,
.domain-promo-box .input-group,
.domain-checker-bg .input-group,
.domain-checker-advanced .input-group,
.home-domain-search .input-group,
.input-group-box,
.input-group-wrapper .input-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 820px !important;
    background: #ffffff !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    padding: 4px 5px 4px 12px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    overflow: visible !important;
    position: relative !important;
    min-height: 52px !important;
    height: auto !important;
}

#frmDomainChecker input[type="text"],
#frmDomainRegister input[type="text"],
#frmDomainHomepage input[type="text"],
#order-standard_cart #frmDomainChecker input[type="text"],
#order-standard_cart #frmDomainRegister input[type="text"],
#order-standard_cart input[name="domain"],
#validateDomain,
#inputSearchTerm,
#frmDomainRegister .form-control,
#frmDomainChecker .form-control,
.domain-checker-container input[type="text"],
#order-standard_cart .domain-search-input-group input,
#order-standard_cart .domain-input-group input,
#order-standard_cart input[type="text"].form-control,
#order-standard_cart textarea.domain-lookup-search-box,
#order-standard_cart textarea.search-box,
#order-standard_cart textarea[name="domain"],
.domain-promo-box textarea,
.domain-promo-box input,
.domain-checker-bg textarea,
.domain-checker-bg input,
.home-domain-search textarea,
.home-domain-search input,
.form-controls,
input.form-controls,
textarea.form-controls,
textarea#message,
#order-standard_cart textarea,
#order-standard_cart .form-controls,
#order-standard_cart input.form-controls {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 0.96rem !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    padding: 0 10px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    resize: none !important;
    line-height: 44px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

#frmDomainChecker input[type="text"]::placeholder,
#frmDomainRegister input[type="text"]::placeholder,
#frmDomainHomepage input[type="text"]::placeholder,
#order-standard_cart input[name="domain"]::placeholder,
#validateDomain::placeholder,
#inputSearchTerm::placeholder,
#order-standard_cart textarea.domain-lookup-search-box::placeholder,
.domain-promo-box textarea::placeholder,
.domain-checker-bg textarea::placeholder,
.home-domain-search textarea::placeholder {
    color: #64748b !important;
    font-weight: 400 !important;
    opacity: 0.9 !important;
}

#frmDomainChecker input[type="text"]:focus,
#frmDomainRegister input[type="text"]:focus,
#frmDomainHomepage input[type="text"]:focus,
.domain-checker-container input[type="text"]:focus,
#validateDomain:focus,
#inputSearchTerm:focus,
.domain-promo-box textarea:focus,
.domain-checker-bg textarea:focus,
.home-domain-search textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* OVERRIDE WHMCS ABSOLUTE TOP:74px POSITIONING ON INPUT-GROUP-APPEND & FORCE VISIBILITY */
.input-group-append,
.input-group-btn,
.input-group-append.d-none,
.input-group-append.d-sm-block,
.home-domain-search .input-group-wrapper .advanced-input .input-group-append,
.advanced-input .input-group-append,
#order-standard_cart .domain-search-input-group .input-group-append,
#order-standard_cart .domain-input-group .input-group-append,
.domain-promo-box .input-group-append,
.domain-checker-bg .input-group-append,
.domain-checker-advanced .input-group-append {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    z-index: 10 !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
}

.input-group-append .btn,
.input-group-btn .btn,
.ph-domain-search-btn-exact,
.ph-domain-search-btn-custom,
#frmDomainChecker .btn-primary,
#frmDomainChecker button[type="submit"],
#frmDomainRegister .btn-primary,
#frmDomainHomepage .btn-primary,
#order-standard_cart #frmDomainChecker .btn-primary,
#order-standard_cart #frmDomainChecker button[type="submit"],
#order-standard_cart #frmDomainRegister .btn-primary,
#order-standard_cart #frmDomainRegister button[type="submit"],
.domain-checker-container button[type="submit"],
.domain-checker-container .btn-primary,
#order-standard_cart .domain-search-input-group .btn,
#order-standard_cart .domain-input-group .btn,
.domain-input-group .btn,
.domain-promo-box .btn,
.domain-promo-box button,
.domain-checker-bg button,
.home-domain-search button,
#btnCheckAvailability,
#btnDomainSearch,
#btnDomainSearch2,
#phInjectedDomainSearchBtn,
#useOwnDomain,
#btnTransferDomain,
#order-standard_cart .btn-primarys,
#order-standard_cart .btn-primary {
    position: static !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 42px !important;
    min-height: 42px !important;
    min-width: 105px !important;
    border-radius: 50px !important;
    background: #10b981 !important;
    background-color: #10b981 !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    padding: 0 24px !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
    transition: all 0.2s ease !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
    z-index: 10 !important;
}

.input-group-append .btn:hover,
.input-group-btn .btn:hover,
.ph-domain-search-btn-exact:hover,
.ph-domain-search-btn-custom:hover,
#btnCheckAvailability:hover,
#btnDomainSearch:hover,
#btnDomainSearch2:hover,
#phInjectedDomainSearchBtn:hover {
    background: #059669 !important;
    background-color: #059669 !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4) !important;
}

@media (max-width: 767px) {
    .domain-promo-box,
    .domain-banner,
    .domain-checker-bg,
    .home-domain-search {
        padding: 8px 10px !important;
        border-radius: 14px !important;
    }
    #order-standard_cart .domain-search-input-group,
    #order-standard_cart .domain-input-group,
    .domain-promo-box .input-group,
    .home-domain-search .input-group {
        border-radius: 50px !important;
        padding: 4px 5px 4px 10px !important;
        background: #ffffff !important;
    }
    .ph-domain-search-btn-exact,
    .ph-domain-search-btn-custom,
    #order-standard_cart .domain-search-input-group button,
    #btnCheckAvailability,
    #btnDomainSearch,
    #btnDomainSearch2,
    #phInjectedDomainSearchBtn {
        min-width: 85px !important;
        padding: 0 16px !important;
        height: 38px !important;
        font-size: 0.88rem !important;
    }
}

/* Hide all sub-filters and checkboxes */
#frmDomainChecker .custom-checkbox,
#frmDomainChecker .checkbox,
#frmDomainChecker .custom-control,
#frmDomainChecker label:has(input[type="checkbox"]),
#frmDomainChecker input[type="checkbox"],
#frmDomainChecker .row.mt-2,
#frmDomainChecker .domain-filters,
#frmDomainChecker .tld-filters,
#frmDomainRegister .custom-checkbox,
#frmDomainRegister .checkbox,
#frmDomainRegister .custom-control,
#frmDomainRegister label:has(input[type="checkbox"]),
#frmDomainRegister input[type="checkbox"],
#frmDomainRegister .row.mt-2,
#frmDomainRegister .domain-filters,
#frmDomainRegister .tld-filters,
.domain-checker-advanced > .row.mt-2,
.domain-checker-advanced .multiselect-native-select,
.domain-checker-advanced .multiselect,
.domain-checker-advanced .domain-filters,
.domain-checker-advanced .tld-filters {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Domain Checker Search Results Container (Exact Match) */
.domain-checker-result-matched,
.domain-lookup-result,
#order-standard_cart .domain-checker-result-matched,
#order-standard_cart .domain-lookup-result,
#primaryLookupResult {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 18px 24px !important;
    margin: 18px auto 22px auto !important;
    max-width: 860px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
    border: 1.5px solid #e2e8f0 !important;
    box-sizing: border-box !important;
}

/* Strictly hide prototype/inactive template items */
.domain-checker-result-matched .domain-available.w-hidden,
.domain-checker-result-matched .domain-unavailable.w-hidden,
.domain-checker-result-matched .domain-available.d-none,
.domain-checker-result-matched .domain-unavailable.d-none,
.domain-checker-result-matched .domain-available[style*="none"],
.domain-checker-result-matched .domain-unavailable[style*="none"],
.domain-checker-result-matched .domain-available[style*="display: none"],
.domain-checker-result-matched .domain-unavailable[style*="display: none"],
.domain-checker-result-matched .domain-available[style*="display:none"],
.domain-checker-result-matched .domain-unavailable[style*="display:none"],
.domain-checker-result-matched .domain-available:empty,
.domain-checker-result-matched .domain-unavailable:empty {
    display: none !important;
}

/* AVAILABLE STATE (Exact Match) */
.domain-checker-result-matched:has(.domain-available:not([style*="none"])),
.domain-checker-result-matched.domain-checker-available,
.domain-checker-available {
    border-color: #86efac !important;
    background: #f0fdf4 !important;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.1) !important;
}

.domain-checker-result-matched .domain-available:not([style*="none"]),
.domain-checker-available .domain-available:not([style*="none"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    width: 100% !important;
}

.domain-checker-result-matched .domain-available .headline,
.domain-checker-available .headline {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #065f46 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.domain-checker-result-matched .domain-available .headline b,
.domain-checker-result-matched .domain-available .headline strong {
    color: #059669 !important;
    font-weight: 800 !important;
}

.domain-checker-result-matched .price,
.domain-lookup-result .price {
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}

.domain-checker-result-matched .btn-add-to-cart,
.domain-lookup-result .btn-add-to-cart,
#order-standard_cart .btn-add-to-cart {
    background: #10b981 !important;
    background-color: #10b981 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 10px 24px !important;
    cursor: pointer !important;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.3) !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.domain-checker-result-matched .btn-add-to-cart:hover,
#order-standard_cart .btn-add-to-cart:hover {
    background: #059669 !important;
    background-color: #059669 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 14px rgba(16, 185, 129, 0.4) !important;
}

/* UNAVAILABLE STATE (Exact Match) */
.domain-checker-result-matched:has(.domain-unavailable:not([style*="none"])),
.domain-checker-result-matched.domain-checker-unavailable,
.domain-checker-unavailable {
    border-color: #fecaca !important;
    background: #fffbfb !important;
    box-shadow: 0 4px 16px rgba(239, 68, 68, 0.06) !important;
}

.domain-checker-result-matched .domain-unavailable:not([style*="none"]),
.domain-checker-unavailable .domain-unavailable:not([style*="none"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    width: 100% !important;
}

.domain-checker-result-matched .domain-unavailable .headline,
.domain-checker-unavailable .headline {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #991b1b !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.domain-checker-result-matched .domain-unavailable .headline b,
.domain-checker-result-matched .domain-unavailable .headline strong {
    color: #b91c1c !important;
    font-weight: 800 !important;
}

.domain-checker-result-matched .domain-unavailable .btn,
.domain-checker-result-matched .domain-unavailable a.btn,
.domain-checker-result-matched a[href*="contact.php"],
.domain-checker-result-matched .btn-contact {
    background: #10b981 !important;
    background-color: #10b981 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    padding: 10px 22px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.domain-checker-result-matched .domain-unavailable .btn:hover,
.domain-checker-result-matched a[href*="contact.php"]:hover,
.domain-checker-result-matched .btn-contact:hover {
    background: #059669 !important;
    background-color: #059669 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
}

/* Spotlight TLD Cards (.com, .org, .site, .xyz) - CSS GRID 4-Column Layout */
#order-standard_cart .spotlight-tlds,
.spotlight-tlds,
.domain-checker-spotlight {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    max-width: 860px !important;
    margin: 20px auto 28px auto !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Remove any Bootstrap float / column styles that cause misalignment or empty slots */
#order-standard_cart .spotlight-tlds > [class*="col-"],
.spotlight-tlds > [class*="col-"],
#order-standard_cart .spotlight-tlds > div,
.spotlight-tlds > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* Strictly hide empty, template, or invisible prototype elements */
#order-standard_cart .spotlight-tlds > .w-hidden,
#order-standard_cart .spotlight-tlds > .d-none,
#order-standard_cart .spotlight-tlds > [style*="display: none"],
#order-standard_cart .spotlight-tlds > [style*="display:none"],
#order-standard_cart .spotlight-tlds > :empty,
.spotlight-tlds > .w-hidden,
.spotlight-tlds > .d-none,
.spotlight-tlds > [style*="display: none"],
.spotlight-tlds > [style*="display:none"],
.spotlight-tlds > :empty {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart .spotlight-tld-container,
.spotlight-tld-container {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* Card Container */
#order-standard_cart .spotlight-tld,
.spotlight-tld {
    width: 100% !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 18px 14px 14px 14px !important;
    text-align: center !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    min-height: 165px !important;
}

#order-standard_cart .spotlight-tld:hover,
.spotlight-tld:hover {
    border-color: #10b981 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.12) !important;
}

/* Strictly hide hidden states inside spotlight cards */
.spotlight-tld .w-hidden,
.spotlight-tld .d-none,
.spotlight-tld [style*="display: none"],
.spotlight-tld [style*="display:none"] {
    display: none !important;
}

.spotlight-tld-container img,
.spotlight-tld img,
.spotlight-tlds img {
    max-height: 24px !important;
    max-width: 90px !important;
    width: auto !important;
    object-fit: contain !important;
    margin: 0 auto 6px auto !important;
    display: block !important;
}

/* TLD Name (.com, .org, etc.) */
.spotlight-tld-container .tld,
.spotlight-tld .tld,
.spotlight-tld-container .extension,
.spotlight-tld .extension,
.spotlight-tld span.extension,
.spotlight-tld span:first-child {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: -0.3px !important;
    line-height: 1.2 !important;
    display: block !important;
}

/* Pricing Wrapper - Vertical Stack */
.spotlight-tld .pricing,
.spotlight-tld .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 12px auto !important;
    width: 100% !important;
    flex: 1 1 auto !important;
}

/* Available Price ($13.11 USD) */
.spotlight-tld .pricing .available:not(.w-hidden):not([style*="none"]),
.spotlight-tld .price .available:not(.w-hidden):not([style*="none"]),
.spotlight-tld .pricing span:not(.unavailable):not(.w-hidden):not([style*="none"]),
.spotlight-tld .price span:not(.unavailable):not(.w-hidden):not([style*="none"]) {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    color: #059669 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    display: block !important;
}

.spotlight-tld .ph-tld-price {
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    color: #059669 !important;
    line-height: 1.15 !important;
}

.spotlight-tld .ph-tld-curr {
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    color: #64748b !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin-top: 2px !important;
}

/* Unavailable status badge */
.spotlight-tld .pricing .unavailable:not(.w-hidden):not([style*="none"]),
.spotlight-tld .price .unavailable:not(.w-hidden):not([style*="none"]),
.spotlight-tld span.unavailable:not(.w-hidden):not([style*="none"]) {
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #ef4444 !important;
    background: #fef2f2 !important;
    border: 1px solid #fee2e2 !important;
    padding: 3px 12px !important;
    border-radius: 20px !important;
    display: inline-block !important;
    margin: 4px 0 !important;
}

/* Button when Available */
.spotlight-tld .btn,
.spotlight-tld .btn-info,
.spotlight-tld .btn-primary,
.spotlight-tld .btn-add-to-cart,
.spotlight-tld button,
.spotlight-tld a.btn,
.spotlight-tlds .btn {
    background: #10b981 !important;
    background-color: #10b981 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25) !important;
    transition: all 0.2s ease !important;
    margin: auto 0 0 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.spotlight-tld .btn:hover,
.spotlight-tld .btn-add-to-cart:hover,
.spotlight-tlds .btn:hover {
    background: #059669 !important;
    background-color: #059669 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.35) !important;
}

/* Button when Unavailable */
.spotlight-tld .btn.unavailable,
.spotlight-tld .btn[disabled],
.spotlight-tld button[disabled],
.spotlight-tld .btn:has(.unavailable:not(.w-hidden):not([style*="none"])),
.spotlight-tld button.unavailable {
    background: #f1f5f9 !important;
    background-color: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #94a3b8 !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    box-shadow: none !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* Responsive Grid Breakpoints */
@media (max-width: 991px) {
    #order-standard_cart .spotlight-tlds,
    .spotlight-tlds,
    .domain-checker-spotlight {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

@media (max-width: 480px) {
    #order-standard_cart .spotlight-tlds,
    .spotlight-tlds,
    .domain-checker-spotlight {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

/* Category Filter Badges / Pills ("Browse extensions by category") */
#order-standard_cart #tld-category-nav,
#order-standard_cart .tld-filters,
.tld-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 16px auto 24px auto !important;
    max-width: 860px !important;
    padding: 0 !important;
}

#order-standard_cart .tld-filters a.badge,
.tld-filters a.badge,
#order-standard_cart #tld-category-nav a {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    text-decoration: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

#order-standard_cart .tld-filters a.badge:hover,
.tld-filters a.badge:hover,
#order-standard_cart #tld-category-nav a:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    transform: translateY(-1px) !important;
}

#order-standard_cart .tld-filters a.badge.active,
#order-standard_cart .tld-filters a.badge.badge-success,
#order-standard_cart .tld-filters a.badge.badge-primary,
.tld-filters a.badge.active,
.tld-filters a.badge.badge-success,
#order-standard_cart #tld-category-nav a.active {
    background: #10b981 !important;
    color: #ffffff !important;
    border-color: #10b981 !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25) !important;
    font-weight: 700 !important;
}

/* Domain TLD Pricing DataTable Styling */
#order-standard_cart .tld-pricing,
#order-standard_cart #tableDomainPricing_wrapper,
.tld-pricing {
    max-width: 900px !important;
    margin: 0 auto 30px auto !important;
}

#order-standard_cart #tableDomainPricing,
#tableDomainPricing {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

#order-standard_cart #tableDomainPricing thead th,
#tableDomainPricing thead th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 16px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    border-top: none !important;
    letter-spacing: 0.02em !important;
}

#order-standard_cart #tableDomainPricing tbody td,
#tableDomainPricing tbody td {
    padding: 12px 16px !important;
    vertical-align: middle !important;
    border-top: 1px solid #f1f5f9 !important;
    border-bottom: none !important;
    font-size: 13.5px !important;
    color: #1e293b !important;
}

#order-standard_cart #tableDomainPricing tbody tr:hover,
#tableDomainPricing tbody tr:hover {
    background-color: #f0fdf4 !important;
}

#order-standard_cart #tableDomainPricing tbody td:first-child,
#tableDomainPricing tbody td:first-child {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

#order-standard_cart #tableDomainPricing .btn,
#tableDomainPricing .btn {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-size: 12.5px !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.2) !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart #tableDomainPricing .btn:hover,
#tableDomainPricing .btn:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3) !important;
}

/* ==========================================================================
   VIEW CART & REVIEW CHECKOUT PAGE STYLING (cart.php?a=view)
   ========================================================================== */

#order-standard_cart .view-cart-items,
.view-cart-container {
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* Cart Items Table Card */
#order-standard_cart .view-cart-items .card,
.view-cart-items .card {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    background: #ffffff !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .view-cart-items thead th {
    background: #f8fafc !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #475569 !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

#order-standard_cart .view-cart-items tbody td {
    padding: 14px 16px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

#order-standard_cart .item-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

#order-standard_cart .item-domain {
    font-size: 12.5px !important;
    color: #64748b !important;
    display: inline-block !important;
    margin-top: 2px !important;
}

#order-standard_cart .item-price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #10b981 !important;
}

#order-standard_cart .item-cycle {
    font-size: 11.5px !important;
    color: #94a3b8 !important;
    display: block !important;
}

/* Remove item & Empty cart buttons */
#order-standard_cart .btn-remove-from-cart,
.btn-remove-from-cart {
    color: #ef4444 !important;
    background: #fee2e2 !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

#order-standard_cart .btn-remove-from-cart:hover,
.btn-remove-from-cart:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
}

#btnEmptyCart,
.btn-empty-cart {
    border-radius: 6px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    border: 1px solid #cbd5e1 !important;
    padding: 5px 12px !important;
}

#btnEmptyCart:hover {
    background: #f1f5f9 !important;
    color: #ef4444 !important;
    border-color: #fca5a5 !important;
}

/* Order Summary Box (View Cart & Checkout) */
#order-standard_cart .order-summary,
#orderSummary,
.order-summary-card {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    background: #ffffff !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .order-summary .header,
#orderSummary .header {
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 12px 18px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

#order-standard_cart .order-summary .summary-container,
#orderSummary .summary-container {
    padding: 16px 18px !important;
}

#order-standard_cart .total-due-today {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #10b981 !important;
}

#checkout,
#order-standard_cart .btn-checkout {
    background: #10b981 !important;
    border: 1px solid #10b981 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    padding: 10px 20px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
    transition: all 0.2s ease !important;
}

#checkout:hover,
#order-standard_cart .btn-checkout:hover {
    background: #059669 !important;
    border-color: #059669 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.35) !important;
}

/* Recommended Addons Grid */
#order-standard_cart .recommended-addons,
.recommended-addons-grid {
    margin-top: 20px !important;
}

#order-standard_cart .addon-item,
.addon-card {
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    background: #ffffff !important;
    padding: 12px 14px !important;
    transition: all 0.2s ease !important;
    margin-bottom: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

#order-standard_cart .addon-item:hover {
    border-color: #10b981 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.1) !important;
}

#order-standard_cart .addon-item .btn-add,
.addon-card .btn-add {
    border-radius: 6px !important;
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
}

#order-standard_cart .addon-item .btn-add:hover {
    background: #059669 !important;
    border-color: #059669 !important;
}

/* Promo Code Container */
#order-standard_cart .promo-code-container,
.promo-code-box {
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
}

#order-standard_cart .promo-code-container input[type="text"] {
    border-radius: 6px 0 0 6px !important;
    border: 1px solid #cbd5e1 !important;
    height: 40px !important;
    font-size: 13px !important;
}

#order-standard_cart .promo-code-container .btn {
    border-radius: 0 6px 6px 0 !important;
    height: 40px !important;
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

/* ==========================================================================
   PUTULHOST 100% SHOPPING CART & CHECKOUT STYLING (VIEW, CHECKOUT, CONFPRODUCT, DOMAIN)
   ========================================================================== */

#btnAlreadyRegistered,
button#btnAlreadyRegistered,
.btn-already-registered,
.btn-create-account,
[id="btnAlreadyRegistered"],
button[id*="AlreadyRegistered"],
button[id*="alreadyRegistered"],
#product-recommendations,
.product-recommendations,
.product-promos,
.product-promo,
.marketconnect-promo,
.marketconnect-promos,
.marketconnect-addon,
.marketconnect-addons,
.addon-promo-container,
.addon-promo,
.addon-products,
.addon-product,
.recommended-addons,
.last-chance,
#containerLastChance,
.cross-sell,
.cross-sell-options,
.cross-sells,
.addons-container,
.addons,
.addon-promo-box,
.promo-slider,
#order-standard_cart #product-recommendations,
#order-standard_cart .product-recommendations,
#order-standard_cart .addon-promo-container,
#order-standard_cart .recommended-addons,
#order-standard_cart .addon-products,
#order-standard_cart .last-chance,
#order-standard_cart .cross-sell,
#order-standard_cart .addons,
#frmCheckout #product-recommendations,
#frmCheckout .product-recommendations,
#frmCheckout .addon-promo-container,
#frmCheckout .recommended-addons,
#frmCheckout .addon-products,
#frmCheckout .last-chance,
#frmCheckout .cross-sell,
#frmCheckout .addons,
#frmCheckout .notes-container,
#frmCheckout .marketing-email-optin,
#frmCheckout .checkout-security-notice,
#frmCheckout .alert-warning,
#frmCheckout .alert-info,
#frmCheckout .alert-success,
#frmCheckout .bootstrap-switch-container,
#frmCheckout .bootstrap-switch,
#frmCheckout .total-due-today-banner,
#frmCheckout #inputCompanyName,
#frmCheckout #inputAddress2 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#order-standard_cart .checkout-container,
#order-standard_cart .view-cart-container,
#frmCheckout,
.checkout-container,
#order-standard_cart {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 920px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

#containerExistingUserSignin {
    max-width: 460px !important;
    margin: 10px auto 24px auto !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 6px -1px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
}

#containerExistingUserSignin.ph-login-hidden {
    display: none !important;
}

#containerExistingUserSignin.ph-login-visible {
    display: block !important;
}

.ph-signup-hidden {
    display: none !important;
}

.ph-signup-visible {
    display: block !important;
}

.ph-signup-visible.row {
    display: flex !important;
    flex-wrap: wrap !important;
}

#paymentGatewaysContainer,
.payment-methods,
.payment-methods-grid {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 1. Step Wizard Bar (3-step and 4-step) */
.ph-step-wizard {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 14px auto 18px !important;
    max-width: 600px !important;
    width: 100% !important;
    padding: 0 10px !important;
}

.ph-step-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    white-space: nowrap !important;
}

.ph-step-num {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}

.ph-step-label {
    color: #065f46 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
}

.ph-step-item.inactive .ph-step-num {
    background: #e2e8f0 !important;
    color: #94a3b8 !important;
}

.ph-step-item.inactive .ph-step-label {
    color: #94a3b8 !important;
}

.ph-step-line {
    flex: 1 !important;
    max-width: 48px !important;
    min-width: 20px !important;
    height: 2px !important;
    background: #10b981 !important;
    margin: 0 10px !important;
    border-radius: 2px !important;
}

.ph-step-line.inactive {
    background: #e2e8f0 !important;
}

@media (max-width: 600px) {
    .ph-step-wizard { margin: 12px auto 16px !important; }
    .ph-step-item { font-size: 12px !important; gap: 4px !important; }
    .ph-step-num { width: 20px !important; height: 20px !important; font-size: 11px !important; }
    .ph-step-label { font-size: 12px !important; }
    .ph-step-line { margin: 0 5px !important; min-width: 12px !important; }
}

/* 2. Top Right Account Toggle Button (Single Sleek Pill) */
.ph-account-switch-bar {
    display: flex !important;
    justify-content: flex-end !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

.btn-ph-green-pill,
#phTopAccountToggle {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 7px 18px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

.btn-ph-green-pill:hover,
#phTopAccountToggle:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
    color: #ffffff !important;
}

/* 3. Bengali NID / Birth Certificate Warning Notice */
.ph-nid-notice {
    border: 1px dashed #f87171 !important;
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 10px auto 18px auto !important;
    max-width: 920px !important;
    width: 100% !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

/* 4. Centered Section Dividers & Headings */
.ph-section-divider,
#frmCheckout .sub-heading,
#containerNewUserSecurity .sub-heading,
#containerExistingUserSignin .sub-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    color: #065f46 !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    margin: 20px 0 16px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.ph-section-divider::before,
.ph-section-divider::after,
#frmCheckout .sub-heading::before,
#frmCheckout .sub-heading::after,
#containerNewUserSecurity .sub-heading::before,
#containerNewUserSecurity .sub-heading::after,
#containerExistingUserSignin .sub-heading::before,
#containerExistingUserSignin .sub-heading::after {
    content: '' !important;
    flex: 1 !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
}

.ph-section-divider span,
#frmCheckout .sub-heading span,
#containerNewUserSecurity .sub-heading span,
#containerExistingUserSignin .sub-heading span {
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #065f46 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Hide superfluous raw headers */
#containerNewUserSecurity > h3,
#containerNewUserSecurity > h2,
#containerNewUserSecurity > .sub-heading:first-of-type,
#containerExistingUserSignin > h3,
#containerExistingUserSignin > h2,
#frmCheckout > h3,
#frmCheckout > h2 {
    display: none !important;
}

/* 5. Existing Customer Login Box Redesign */
#containerExistingUserSignin {
    max-width: 460px !important;
    margin: 10px auto 24px auto !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 6px -1px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
}

#containerExistingUserSignin .sub-heading,
#containerExistingUserSignin .ph-login-header-badge {
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    border-radius: 30px !important;
    color: #065f46 !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding: 6px 18px !important;
    margin: 0 auto 18px auto !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: fit-content !important;
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.08) !important;
}

#containerExistingUserSignin .sub-heading::before,
#containerExistingUserSignin .sub-heading::after {
    display: none !important;
}

#containerExistingUserSignin .sub-heading span {
    padding: 0 !important;
    color: #065f46 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

/* Stack inputs vertically in existing login */
#containerExistingUserSignin .row {
    margin: 0 !important;
}

#containerExistingUserSignin .row > div,
#containerExistingUserSignin .col-sm-6,
#containerExistingUserSignin .col-md-6,
#containerExistingUserSignin .col-sm-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
}

#containerExistingUserSignin .form-group {
    margin-bottom: 0 !important;
    position: relative !important;
    width: 100% !important;
}

#containerExistingUserSignin #inputCustEmail,
#containerExistingUserSignin #inputCustPassword {
    background-color: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 10px !important;
    height: 44px !important;
    min-height: 44px !important;
    font-size: 13.5px !important;
    color: #0f172a !important;
    padding: 0 14px 0 42px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

#containerExistingUserSignin #inputCustEmail:focus,
#containerExistingUserSignin #inputCustPassword:focus {
    background-color: #ffffff !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
    outline: none !important;
}

#containerExistingUserSignin .field-icon,
#containerExistingUserSignin .prepend-icon i,
#containerExistingUserSignin .field-icon-container i {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

#containerExistingUserSignin #btnLogin,
#containerExistingUserSignin .btn-primary,
#containerExistingUserSignin button[type="submit"],
#btnLogin {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    height: 44px !important;
    min-height: 44px !important;
    width: 100% !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 3px 12px rgba(16, 185, 129, 0.28) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin: 8px 0 0 0 !important;
}

#containerExistingUserSignin #btnLogin:hover,
#btnLogin:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 16px rgba(16, 185, 129, 0.38) !important;
}

/* OR divider */
.ph-login-or-divider {
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    margin: 14px 0 !important;
    width: 100% !important;
}

.ph-login-or-divider::before,
.ph-login-or-divider::after {
    content: '' !important;
    flex: 1 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.ph-login-or-divider span {
    padding: 0 12px !important;
    color: #94a3b8 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

#containerExistingUserSignin .btn-social,
#containerExistingUserSignin .btn-google,
.btn-social.btn-google {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    color: #334155 !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    height: 42px !important;
    min-height: 42px !important;
    width: 100% !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.15s ease !important;
    text-decoration: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

#containerExistingUserSignin .btn-social:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06) !important;
}

/* 6. Form Inputs & Icon Positioning */
#frmCheckout .form-group {
    margin-bottom: 12px !important;
}

#frmCheckout label {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

#frmCheckout .form-control,
#frmCheckout input[type="text"],
#frmCheckout input[type="email"],
#frmCheckout input[type="password"],
#frmCheckout input[type="tel"],
#frmCheckout select,
#order-standard_cart .form-control,
#inputCustEmail,
#inputCustPassword {
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    height: 42px !important;
    min-height: 42px !important;
    font-size: 13.5px !important;
    color: #0f172a !important;
    padding: 0 14px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

#frmCheckout .field-icon-container,
#order-standard_cart .field-icon-container,
.prepend-icon {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

#frmCheckout .field-icon,
#frmCheckout .field-icon-container i,
#order-standard_cart .field-icon,
.prepend-icon i {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

#frmCheckout .field-icon-container input,
#frmCheckout .field-icon-container select,
#frmCheckout .prepend-icon input,
#frmCheckout .prepend-icon select,
#containerExistingUserSignin input {
    padding-left: 36px !important;
}

.iti {
    width: 100% !important;
}

.iti input,
.iti input[type="tel"],
#inputPhone {
    padding-left: 54px !important;
}

#frmCheckout .form-control:focus,
#frmCheckout input:focus,
#frmCheckout select:focus,
#order-standard_cart .form-control:focus,
#inputCustEmail:focus,
#inputCustPassword:focus {
    background-color: #ffffff !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
    outline: none !important;
}

/* Password Generate Button & Strength */
#frmCheckout .btn-generate-password,
.btn-generate-password {
    background: #10b981 !important;
    border: none !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.2) !important;
    cursor: pointer !important;
}

#frmCheckout .btn-generate-password:hover {
    background: #059669 !important;
}

/* 7. Premium Payment Details Card & Gateway List */
.ph-payment-card,
.ph-mint-payment-box {
    max-width: 540px !important;
    width: 100% !important;
    margin: 24px auto 16px auto !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px 26px !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 6px -1px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.ph-payment-header-badge {
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    border-radius: 30px !important;
    color: #065f46 !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding: 6px 18px !important;
    margin: 0 auto 16px auto !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: fit-content !important;
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.08) !important;
}

.ph-payment-total-banner {
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%) !important;
    border: 1.5px solid #a7f3d0 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    margin-bottom: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

.ph-total-left {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #065f46 !important;
}

.ph-total-amount,
.ph-amount-highlight {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #047857 !important;
    letter-spacing: -0.02em !important;
}

.ph-payment-subtitle,
.ph-mint-subtitle {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    margin-bottom: 14px !important;
    text-align: left !important;
}

/* Payment Gateway Stacked Full-Width Cards */
#paymentGatewaysContainer,
.payment-methods,
.payment-methods-grid,
.ph-gateway-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#paymentGatewaysContainer .radio,
#paymentGatewaysContainer > div {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

#frmCheckout .payment-method,
#frmCheckout .radio-inline,
#frmCheckout .payment-method,
#frmCheckout .radio-inline,
#paymentGatewaysContainer label,
.payment-method-item {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 18px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    user-select: none !important;
    text-align: left !important;
}

#frmCheckout .payment-method:hover,
#frmCheckout .radio-inline:hover,
#paymentGatewaysContainer label:hover {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-1px) !important;
}

#frmCheckout .payment-method.active,
#frmCheckout .radio-inline.active,
#frmCheckout .payment-method:has(input[type="radio"]:checked),
#frmCheckout .radio-inline:has(input[type="radio"]:checked),
#paymentGatewaysContainer label.active,
#paymentGatewaysContainer label:has(input[type="radio"]:checked),
#paymentGatewaysContainer .radio.active {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 1.5px #10b981, 0 4px 14px rgba(16, 185, 129, 0.12) !important;
    background: #f0fdf4 !important;
    color: #065f46 !important;
}

#paymentGatewaysContainer input[type="radio"] {
    accent-color: #10b981 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

#paymentGatewaysContainer .iradio_square-blue,
#paymentGatewaysContainer [class*="iradio"] {
    margin: 0 !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

#paymentGatewaysContainer label .ph-gw-check,
#paymentGatewaysContainer .payment-method .ph-gw-check,
.ph-gw-check {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    transition: all 0.2s ease !important;
}

#paymentGatewaysContainer label.active .ph-gw-check,
#paymentGatewaysContainer label:has(input[type="radio"]:checked) .ph-gw-check,
#paymentGatewaysContainer .payment-method.active .ph-gw-check,
#paymentGatewaysContainer .payment-method:has(input[type="radio"]:checked) .ph-gw-check {
    display: inline-flex !important;
}

/* Align Notes & Terms of Service with Payment Card */
#frmCheckout .notes-container,
#frmCheckout textarea[name="notes"],
#frmCheckout .form-group:has(textarea[name="notes"]),
#frmCheckout #inputOrderNotes {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.ph-terms-box,
#btnCompleteOrder {
    max-width: 540px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* 8. Green Dashed Terms of Service Box */
.ph-terms-box {
    border: 1.5px dashed #10b981 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    padding: 12px 18px !important;
    text-align: center !important;
    margin: 18px auto !important;
    max-width: 920px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.ph-terms-label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.ph-terms-label a {
    color: #047857 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.ph-terms-label a:hover {
    text-decoration: underline !important;
}

.ph-checkbox {
    accent-color: #10b981 !important;
    width: 17px !important;
    height: 17px !important;
    cursor: pointer !important;
}

/* Hide native TOS container on checkout to avoid duplicate box */
#frmCheckout .accept-tos,
#frmCheckout #containerAcceptTos,
#frmCheckout .accept-tos-container {
    display: none !important;
}

/* 9. Centered Large Green Complete Order Button */
.ph-styled-btn,
#btnCompleteOrder,
#frmCheckout .btn-complete-order {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 36px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 auto !important;
    max-width: 270px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ph-styled-btn:hover,
#btnCompleteOrder:hover,
#frmCheckout .btn-complete-order:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.45) !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   9. Cart View Page Styling (cart.php?a=view)
   -------------------------------------------------------------------------- */
/* Left Cart Item Card */
#order-standard_cart .view-cart-items .item,
.cart-item-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 22px 24px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .view-cart-items .item:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

#order-standard_cart .item-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#order-standard_cart .item-group {
    background: #f1f5f9 !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#order-standard_cart .item-domain {
    color: #059669 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 4px !important;
}

#order-standard_cart .item-actions a {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-right: 14px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

#order-standard_cart .item-actions a:hover {
    color: #0f172a !important;
}

#order-standard_cart .item-price {
    text-align: right !important;
}

#order-standard_cart .item-price .price {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #059669 !important;
}

#order-standard_cart .item-price .cycle {
    font-size: 12.5px !important;
    color: #64748b !important;
}

/* Right Dark Order Summary Box on cart.php?a=view */
#order-standard_cart .order-summary,
#orderSummary {
    background: #111827 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
}

#order-standard_cart .order-summary .header,
#orderSummary .header {
    background: transparent !important;
    border-bottom: 1px solid #1f2937 !important;
    padding: 0 0 16px 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
}

#order-standard_cart .order-summary .summary-container,
#orderSummary .summary-container {
    padding: 16px 0 0 0 !important;
    color: #e2e8f0 !important;
}

#order-standard_cart .order-summary .subtotal-line {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 14px !important;
    color: #e2e8f0 !important;
    margin-bottom: 12px !important;
}

#order-standard_cart .order-summary .recurring-totals {
    font-size: 11.5px !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    margin-top: 14px !important;
    border-top: 1px solid #1f2937 !important;
    padding-top: 12px !important;
}

#order-standard_cart .total-due-today,
#orderSummary .total-due-today {
    background: #064e3b !important;
    border: 1px solid #047857 !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    text-align: center !important;
    margin: 16px 0 !important;
    color: #34d399 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

#order-standard_cart .total-due-today .amt {
    color: #34d399 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

#order-standard_cart .promo-code-container,
.promo-code-box {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
}

#order-standard_cart .promo-code-container input[type="text"] {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    color: #ffffff !important;
    border-radius: 6px 0 0 6px !important;
    height: 42px !important;
}

#order-standard_cart .promo-code-container .btn {
    background: #059669 !important;
    border: 1px solid #059669 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 0 6px 6px 0 !important;
    height: 42px !important;
}

#checkout,
#order-standard_cart .btn-checkout {
    background: #059669 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    height: 46px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.3) !important;
    transition: all 0.2s ease !important;
}

#checkout:hover,
#order-standard_cart .btn-checkout:hover {
    background: #047857 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(5, 150, 105, 0.4) !important;
}

/* --------------------------------------------------------------------------
   10. Product Configuration & Billing Cycle (cart.php?a=confproduct)
   -------------------------------------------------------------------------- */
#order-standard_cart .field-container,
.product-configure-card {
    background: #ffffff !important;
    border: 2px solid #059669 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
}

.product-configure-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 6px !important;
}

/* Billing Cycle Selection Tiles */
#order-standard_cart .cycle-option,
.billing-cycle-tiles .tile {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 10px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #1e293b !important;
}

#order-standard_cart .cycle-option:hover {
    border-color: #059669 !important;
    background: #f0fdf4 !important;
}

#order-standard_cart .cycle-option.selected,
#order-standard_cart input[type="radio"]:checked + .cycle-option {
    background: #f0fdf4 !important;
    border-color: #059669 !important;
    box-shadow: 0 0 0 1px #059669 !important;
    color: #047857 !important;
    font-weight: 700 !important;
}

/* Confproduct Order Summary Solid Green Header */
#order-standard_cart .summary-panel-header,
.confproduct-summary .header {
    background: #059669 !important;
    color: #ffffff !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    font-size: 16px !important;
}

#btnCompleteProductConfig,
#order-standard_cart .btn-continue {
    background: #059669 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    height: 46px !important;
    width: 100% !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

#btnCompleteProductConfig:hover,
#order-standard_cart .btn-continue:hover {
    background: #047857 !important;
    transform: translateY(-1px) !important;
}

/* --------------------------------------------------------------------------
   11. Domain Selection Radio Tiles (cart.php?a=add)
   -------------------------------------------------------------------------- */
#order-standard_cart .domain-options .option,
.domain-selection-tiles .option-tile {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 12px 18px !important;
    margin-bottom: 10px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
}

#order-standard_cart .domain-options .option:hover {
    border-color: #059669 !important;
    background: #f0fdf4 !important;
}

#order-standard_cart .domain-options .option.selected,
#order-standard_cart .domain-options input[type="radio"]:checked + label {
    border-color: #059669 !important;
    box-shadow: 0 0 0 1px #059669 !important;
    background: #f0fdf4 !important;
    color: #047857 !important;
}

#order-standard_cart .domain-input-group .btn-search {
    background: #059669 !important;
    border: 1px solid #059669 !important;
    border-radius: 0 8px 8px 0 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 0 24px !important;
}

/* --------------------------------------------------------------------------
   12. Complete PutulHost Cart & Checkout UI Overrides & Cleanup
   -------------------------------------------------------------------------- */

/* Hide default unstyled WHMCS cart headers, breadcrumbs, sidebars */
#order-standard_cart .header-lined,
#order-standard_cart > h1,
#order-standard_cart > p,
#order-standard_cart .sidebar,
#order-standard_cart .cart-sidebar,
#order-standard_cart .cart-sidebar-steps,
#Secondary_Sidebar-Order_Summary,
.order-breadcrumbs,
#order-standard_cart .sidebar-primary,
#order-standard_cart .sidebar-secondary,
.order-summary-sidebar {
    display: none !important;
}

/* Checkout Cleanliness (Match Screenshot 1 & 2) */
#containerNewUserSecurity .social-signin-container,
#providerLinkingRegistration,
.login-provider-container,
#containerNewUserSecurity .alert-info,
#frmCheckout .last-chance,
#frmCheckout .recommended-addons,
#order-standard_cart .last-chance,
#order-standard_cart .recommended-addons,
#frmCheckout .notes-container,
#frmCheckout .marketing-email-optin,
#frmCheckout .checkout-security-notice,
#frmCheckout .alert-warning,
#frmCheckout .bootstrap-switch-container,
#frmCheckout .bootstrap-switch {
    display: none !important;
}

/* Hide optional redundant fields from checkout to match PutulHost */
#frmCheckout #inputCompanyName,
#frmCheckout #inputAddress2,
#frmCheckout div:has(> #inputCompanyName),
#frmCheckout div:has(> #inputAddress2),
#frmCheckout .form-group:has(#inputCompanyName),
#frmCheckout .form-group:has(#inputAddress2) {
    display: none !important;
}

/* View Cart Cleanliness (Match Screenshot 3) */
.view-cart-container .header-lined,
#order-standard_cart .view-cart-container > h1,
#order-standard_cart .view-cart-container > p,
.view-cart-container .recommended-addons,
#order-standard_cart .recommended-addons,
#order-standard_cart .table-responsive thead {
    display: none !important;
}

/* View Cart Items Modern Card Layout */
#order-standard_cart .view-cart-items,
#order-standard_cart .table-responsive {
    border: none !important;
    background: transparent !important;
}

#order-standard_cart .view-cart-items .item,
#order-standard_cart .table-responsive tbody tr {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}

#order-standard_cart .table-responsive tbody td {
    border: none !important;
    padding: 0 !important;
}

/* Dark Order Summary on View Cart */
.order-summary-dark {
    background: #111827 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.order-summary-dark .order-summary-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
}

.order-summary-dark .subtotal-row {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 14.5px !important;
    color: #e2e8f0 !important;
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #1f2937 !important;
}

.order-summary-dark .renew-info-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
    margin-bottom: 4px !important;
}

.order-summary-dark .renew-info-val {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    margin-bottom: 16px !important;
}

.order-summary-dark .dark-total-box {
    background: #064e3b !important;
    border: 1px solid #047857 !important;
    border-radius: 10px !important;
    padding: 16px !important;
    text-align: center !important;
    margin-bottom: 18px !important;
}

.order-summary-dark .dark-total-label {
    font-size: 13px !important;
    color: #a7f3d0 !important;
    margin-bottom: 4px !important;
}

.order-summary-dark .dark-total-amt {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #34d399 !important;
}

.order-summary-dark .dark-promo-group {
    display: flex !important;
    margin-bottom: 16px !important;
}

.order-summary-dark .dark-promo-input {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    color: #ffffff !important;
    border-radius: 8px 0 0 8px !important;
    height: 42px !important;
    padding: 8px 14px !important;
    flex: 1 !important;
    font-size: 13px !important;
}

.order-summary-dark .dark-promo-btn {
    background: #059669 !important;
    border: 1px solid #059669 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 0 20px !important;
    height: 42px !important;
    cursor: pointer !important;
}

.order-summary-dark .dark-checkout-btn {
    background: #059669 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15.5px !important;
    height: 48px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.order-summary-dark .dark-checkout-btn:hover {
    background: #047857 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(5, 150, 105, 0.45) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   PUTULHOST 100% CHECKOUT & VIEW CART COMPREHENSIVE STYLES
   ========================================================================== */

#order-standard_cart .header-lined,
#order-standard_cart > .header-lined,
#order-standard_cart > h1,
#order-standard_cart > p,
#order-standard_cart .sidebar,
#order-standard_cart .cart-sidebar,
#order-standard_cart .cart-sidebar-steps,
#Secondary_Sidebar-Order_Summary,
.order-summary-sidebar,
.order-breadcrumbs,
.master-breadcrumb,
#order-standard_cart p.lead,
#order-standard_cart p:first-of-type,
#btnAlreadyRegistered,
#containerNewUserSecurity .social-signin-container,
#containerNewUserSecurity > div:has(.btn-social),
#providerLinkingRegistration,
.login-provider-container,
#containerNewUserSecurity .alert-info,
#containerNewUserSecurity > p,
.last-chance,
.recommended-addons,
.addon-promo-container,
#order-standard_cart .last-chance,
#order-standard_cart .recommended-addons,
#order-standard_cart .addon-promo-container,
#frmCheckout .last-chance,
#frmCheckout .recommended-addons,
#frmCheckout .addon-promo-container,
#frmCheckout .notes-container,
#frmCheckout .marketing-email-optin,
#frmCheckout .checkout-security-notice,
#frmCheckout .alert-warning,
#frmCheckout .alert-info,
#frmCheckout .alert-success,
#frmCheckout .bootstrap-switch-container,
#frmCheckout .bootstrap-switch,
#frmCheckout .total-due-today-banner,
#frmCheckout #inputCompanyName,
#frmCheckout #inputAddress2,
.view-cart-empty {
    display: none !important;
}

#order-standard_cart,
#order-standard_cart .checkout-container,
#order-standard_cart .view-cart-container,
#frmCheckout {
    max-width: 960px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* 1. Step Wizard Bar */
.ph-step-wizard {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 25px auto 30px !important;
    max-width: 680px !important;
    width: 100% !important;
    padding: 0 10px !important;
}

.ph-step-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
}

.ph-step-num {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #059669 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}

.ph-step-label {
    color: #065f46 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
}

.ph-step-item.inactive .ph-step-num {
    background: #e2e8f0 !important;
    color: #94a3b8 !important;
}

.ph-step-item.inactive .ph-step-label {
    color: #94a3b8 !important;
}

.ph-step-line {
    flex: 1 !important;
    max-width: 50px !important;
    min-width: 25px !important;
    height: 2.5px !important;
    background: #059669 !important;
    margin: 0 12px !important;
    border-radius: 2px !important;
}

.ph-step-line.inactive {
    background: #e2e8f0 !important;
}

@media (max-width: 600px) {
    .ph-step-wizard { margin: 15px auto 20px !important; }
    .ph-step-item { font-size: 12px !important; gap: 4px !important; }
    .ph-step-num { width: 22px !important; height: 22px !important; font-size: 11px !important; }
    .ph-step-label { font-size: 12px !important; }
    .ph-step-line { margin: 0 5px !important; min-width: 12px !important; }
}

/* 2. Top Right Switch Button */
.ph-account-switch-bar {
    display: flex !important;
    justify-content: flex-end !important;
    margin-bottom: 14px !important;
}

.btn-ph-green-pill,
#phTopAccountToggle {
    background: #059669 !important;
    border: none !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding: 7px 18px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(5, 150, 105, 0.2) !important;
}

.btn-ph-green-pill:hover,
#phTopAccountToggle:hover {
    background: #047857 !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
}

/* 3. Bengali NID Warning Notice */
.ph-nid-notice {
    border: 1px dashed #fca5a5 !important;
    background-color: #fff5f5 !important;
    color: #dc2626 !important;
    border-radius: 8px !important;
    padding: 12px 18px !important;
    text-align: center !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    margin-bottom: 24px !important;
    width: 100% !important;
    line-height: 1.5 !important;
}

/* 4. Centered Section Dividers */
.ph-section-divider,
#frmCheckout .sub-heading,
#containerNewUserSecurity .sub-heading,
#containerExistingUserSignin .sub-heading {
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    margin: 28px 0 20px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.ph-section-divider::before,
.ph-section-divider::after,
#frmCheckout .sub-heading::before,
#frmCheckout .sub-heading::after,
#containerNewUserSecurity .sub-heading::before,
#containerNewUserSecurity .sub-heading::after,
#containerExistingUserSignin .sub-heading::before,
#containerExistingUserSignin .sub-heading::after {
    content: '' !important;
    flex: 1 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.ph-section-divider span,
#frmCheckout .sub-heading span,
#containerNewUserSecurity .sub-heading span,
#containerExistingUserSignin .sub-heading span {
    padding: 0 18px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    white-space: nowrap !important;
}

/* 5. Checkout Inputs & Icon Alignment */
#frmCheckout .form-control,
#frmCheckout input[type="text"],
#frmCheckout input[type="email"],
#frmCheckout input[type="password"],
#frmCheckout input[type="tel"],
#frmCheckout select {
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    height: 44px !important;
    font-size: 13.5px !important;
    color: #0f172a !important;
    padding: 8px 14px 8px 44px !important;
    transition: all 0.2s ease !important;
}

#frmCheckout .field-icon-container,
.prepend-icon {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

#frmCheckout .field-icon,
#frmCheckout .field-icon-container i,
.prepend-icon i {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

#frmCheckout .field-icon-container input,
#frmCheckout .field-icon-container select,
#frmCheckout .prepend-icon input,
#frmCheckout .prepend-icon select,
#containerExistingUserSignin input {
    padding-left: 44px !important;
}

.iti {
    width: 100% !important;
}

.iti input,
.iti input[type="tel"],
#inputPhone {
    padding-left: 56px !important;
}

#frmCheckout .form-control:focus,
#frmCheckout input:focus,
#frmCheckout select:focus {
    background-color: #ffffff !important;
    border-color: #059669 !important;
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15) !important;
    outline: none !important;
}

/* Password Generate Button */
#frmCheckout .btn-generate-password,
.btn-generate-password {
    background: #059669 !important;
    border: 1px solid #059669 !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    box-shadow: 0 2px 6px rgba(5, 150, 105, 0.2) !important;
    cursor: pointer !important;
}

#frmCheckout .btn-generate-password:hover {
    background: #047857 !important;
}

/* 6. Premium Payment Details Card Alignment */
.ph-payment-card,
.ph-mint-payment-box,
.ph-terms-box,
#btnCompleteOrder,
#frmCheckout .notes-container {
    max-width: 540px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ph-terms-label {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.ph-terms-label a {
    color: #047857 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.ph-terms-label a:hover {
    text-decoration: underline !important;
}

.ph-checkbox {
    accent-color: #059669 !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

#frmCheckout .accept-tos,
#frmCheckout #containerAcceptTos,
#frmCheckout .accept-tos-container {
    display: none !important;
}

/* 8. Centered Large Green Complete Order Button */
.ph-styled-btn,
#btnCompleteOrder,
#frmCheckout .btn-complete-order {
    background: #059669 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 13px 36px !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 auto !important;
    max-width: 260px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.ph-styled-btn:hover,
#btnCompleteOrder:hover,
#frmCheckout .btn-complete-order:hover {
    background: #047857 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(5, 150, 105, 0.45) !important;
    color: #ffffff !important;
}

/* 9. View Cart (cart.php?a=view) */
.view-cart-container .header-lined,
#order-standard_cart .view-cart-container > h1,
#order-standard_cart .view-cart-container > p,
.view-cart-container .recommended-addons,
#order-standard_cart .recommended-addons,
#order-standard_cart .table-responsive thead,
.view-cart-items-header,
.empty-cart-container,
#order-standard_cart .btn-empty-cart {
    display: none !important;
}

/* Cart item card */
.ph-cart-item-card {
    background: #ffffff !important;
    border: 1px solid #f3f4f6 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05) !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

.ph-cart-item-left {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    flex: 1 !important;
}

.ph-item-icon-box {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: #d1fae5 !important;
    color: #059669 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.ph-item-details {
    flex: 1 !important;
}

.ph-item-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 6px !important;
    flex-wrap: wrap !important;
}

.ph-item-name {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #111827 !important;
    margin: 0 !important;
}

.ph-item-badge {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 9999px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.ph-item-domain {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #059669 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 14px !important;
}

.ph-item-domain i {
    color: #10b981 !important;
}

.ph-item-actions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    border-top: 1px solid #f3f4f6 !important;
    padding-top: 12px !important;
}

.ph-action-link {
    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    transition: color 0.15s ease !important;
}

.ph-action-link:hover {
    color: #111827 !important;
    text-decoration: none !important;
}

.ph-cart-item-right {
    text-align: right !important;
    flex-shrink: 0 !important;
}

.ph-item-price {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #10b981 !important;
    line-height: 1.2 !important;
}

.ph-item-cycle {
    font-size: 13px !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
}

/* Dark Order Summary */
#order-standard_cart .order-summary,
#orderSummary,
.order-summary-dark {
    background: #111827 !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
}

#order-standard_cart .order-summary .header,
#orderSummary .header,
.order-summary-dark .order-summary-title {
    background: transparent !important;
    border-bottom: 1px solid #1f2937 !important;
    padding: 0 0 16px 0 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
}

#order-standard_cart .order-summary .summary-container,
#orderSummary .summary-container {
    padding: 16px 0 0 0 !important;
    color: #e2e8f0 !important;
}

#order-standard_cart .total-due-today,
#orderSummary .total-due-today,
.dark-total-box {
    background: #064e3b !important;
    border: 1px solid #047857 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    text-align: center !important;
    margin: 16px 0 !important;
    color: #a7f3d0 !important;
}

#order-standard_cart .total-due-today .amt,
.dark-total-amt {
    color: #34d399 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    display: block !important;
    margin-top: 4px !important;
}

#order-standard_cart .promo-code-container,
.promo-code-box {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
}

#order-standard_cart .promo-code-container input[type="text"],
.dark-promo-input {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    color: #ffffff !important;
    border-radius: 8px 0 0 8px !important;
    height: 42px !important;
}

#order-standard_cart .promo-code-container .btn,
.dark-promo-btn {
    background: #10b981 !important;
    border: 1px solid #10b981 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 0 8px 8px 0 !important;
    height: 42px !important;
}

#checkout,
#order-standard_cart .btn-checkout,
.dark-checkout-btn {
    background: #10b981 !important;
    border: none !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    height: 48px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

#checkout:hover,
#order-standard_cart .btn-checkout:hover,
.dark-checkout-btn:hover {
    background: #059669 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.45) !important;
}

/* ==========================================================================
   10. PRODUCT CONFIGURATION & BILLING CYCLES (cart.php?a=confproduct)
   2-Column Layout: Left (Product Details + Billing Cycle), Right (Order Summary)
   ========================================================================== */

#order-standard_cart:has(#frmConfigureProduct),
#order-standard_cart:has(.product-info),
#frmConfigureProduct {
    max-width: 1140px !important;
    margin: 15px auto 30px auto !important;
    width: 100% !important;
}

/* 2-Column Horizontal Row */
#order-standard_cart form#frmConfigureProduct > .row,
#frmConfigureProduct > .row,
#order-standard_cart .row:has(.product-info):has(#orderSummary) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* LEFT COLUMN: Product Details & Billing Cycle */
#order-standard_cart form#frmConfigureProduct > .row > .col-md-8,
#order-standard_cart form#frmConfigureProduct > .row > .col-lg-8,
#order-standard_cart form#frmConfigureProduct > .row > div:first-child,
#frmConfigureProduct > .row > .col-md-8,
#frmConfigureProduct > .row > .col-lg-8,
#frmConfigureProduct > .row > div:first-child {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 370px) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    box-sizing: border-box !important;
}

/* RIGHT COLUMN: Order Summary Sidebar */
#order-standard_cart form#frmConfigureProduct > .row > .col-md-4,
#order-standard_cart form#frmConfigureProduct > .row > .col-lg-4,
#order-standard_cart form#frmConfigureProduct > .row > #scrollingPanelContainer,
#order-standard_cart form#frmConfigureProduct > .row > div:last-child,
#frmConfigureProduct > .row > .col-md-4,
#frmConfigureProduct > .row > .col-lg-4,
#frmConfigureProduct > .row > #scrollingPanelContainer,
#frmConfigureProduct > .row > div:last-child {
    flex: 0 0 350px !important;
    width: 350px !important;
    max-width: 350px !important;
    min-width: 340px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: sticky !important;
    top: 25px !important;
    z-index: 20 !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* 1. Product Details Card */
#order-standard_cart .product-info,
#frmConfigureProduct .product-info {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
}

#order-standard_cart .product-info .product-title,
#frmConfigureProduct .product-info .product-title,
#order-standard_cart .product-info h3 {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 10px !important;
}

#order-standard_cart .product-info ul,
#frmConfigureProduct .product-info ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

#order-standard_cart .product-info li,
#frmConfigureProduct .product-info li {
    font-size: 13.5px !important;
    color: #334155 !important;
    line-height: 1.6 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 4px !important;
}

#order-standard_cart .product-info li i,
#frmConfigureProduct .product-info li i {
    color: #10b981 !important;
    font-size: 12px !important;
}

/* 2. Choose Billing Cycle Card */
#order-standard_cart .field-container,
#frmConfigureProduct .field-container {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
}

#order-standard_cart .field-container h3,
#order-standard_cart .field-container h4,
#order-standard_cart .field-container .sub-heading,
#frmConfigureProduct .field-container .sub-heading {
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

#order-standard_cart select[name="billingcycle"],
#frmConfigureProduct select[name="billingcycle"],
.product-cycle-select {
    height: 42px !important;
    border: 1.5px solid #10b981 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 14px !important;
    background: #ffffff !important;
    color: #065f46 !important;
    width: 100% !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#order-standard_cart select[name="billingcycle"]:focus,
#frmConfigureProduct select[name="billingcycle"]:focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.2) !important;
    outline: none !important;
}

/* 3. Right Side: Order Summary Card */
#order-standard_cart #orderSummary,
#order-standard_cart .order-summary,
#frmConfigureProduct #orderSummary,
.order-summary {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    margin: 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

#order-standard_cart #orderSummary .header,
#order-standard_cart .order-summary .header {
    background: transparent !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 0 0 10px 0 !important;
    margin-bottom: 12px !important;
    text-align: center !important;
}

#order-standard_cart #orderSummary .header h2,
#order-standard_cart #orderSummary .header h3,
#order-standard_cart .order-summary .header h2,
#order-standard_cart .order-summary h2 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
}

#order-standard_cart #orderSummary .product-name {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 2px !important;
}

#order-standard_cart #orderSummary .product-group {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    margin-bottom: 8px !important;
}

#order-standard_cart #orderSummary .total-due-today {
    background: #ecfdf5 !important;
    border: 1.5px solid #a7f3d0 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    margin: 14px 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#order-standard_cart #orderSummary .total-due-today span:first-child,
#order-standard_cart #orderSummary .total-due-today span:not(.amt) {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: #065f46 !important;
    text-transform: uppercase !important;
}

#order-standard_cart #orderSummary .total-due-today .amt {
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #047857 !important;
}

/* Order Summary Checkout Button */
#order-standard_cart #orderSummary #btnCompleteProductConfig,
#order-standard_cart #orderSummary .btn-checkout,
#order-standard_cart #btnCompleteProductConfig,
#frmConfigureProduct #btnCompleteProductConfig,
#frmConfigureProduct button[type="submit"].btn-primary {
    width: 100% !important;
    height: 44px !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.3) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin-top: 12px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

#order-standard_cart #orderSummary #btnCompleteProductConfig:hover,
#order-standard_cart #orderSummary .btn-checkout:hover,
#order-standard_cart #btnCompleteProductConfig:hover,
#frmConfigureProduct #btnCompleteProductConfig:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 5px 15px rgba(16, 185, 129, 0.4) !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
}

/* Responsive Mobile Layout */
@media (max-width: 991px) {
    #order-standard_cart form#frmConfigureProduct > .row,
    #frmConfigureProduct > .row {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
    }

    #order-standard_cart form#frmConfigureProduct > .row > .col-md-8,
    #order-standard_cart form#frmConfigureProduct > .row > .col-lg-8,
    #order-standard_cart form#frmConfigureProduct > .row > div:first-child,
    #frmConfigureProduct > .row > .col-md-8,
    #frmConfigureProduct > .row > div:first-child,
    #order-standard_cart form#frmConfigureProduct > .row > .col-md-4,
    #order-standard_cart form#frmConfigureProduct > .row > .col-lg-4,
    #order-standard_cart form#frmConfigureProduct > .row > #scrollingPanelContainer,
    #order-standard_cart form#frmConfigureProduct > .row > div:last-child,
    #frmConfigureProduct > .row > .col-md-4,
    #frmConfigureProduct > .row > div:last-child {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        position: static !important;
    }
}

/* ==========================================================================
   11. DOMAIN SEARCH & TRANSFER PAGES (cart.php?a=add)
   ========================================================================== */
#order-standard_cart .domain-selection-type {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
    justify-content: center !important;
}

#order-standard_cart .domain-selection-type label {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 9px 18px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

#order-standard_cart .domain-selection-type label:hover {
    border-color: #10b981 !important;
    background: #f0fdf4 !important;
}

#order-standard_cart .domain-selection-type label.active,
#order-standard_cart .domain-selection-type input[type="radio"]:checked + label {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25) !important;
}

#order-standard_cart .domain-search-input-group,
#order-standard_cart .domain-input-group {
    max-width: 720px !important;
    margin: 0 auto 24px !important;
}

#order-standard_cart .domain-search-input-group input,
#order-standard_cart .domain-input-group input {
    height: 48px !important;
    border-radius: 10px 0 0 10px !important;
    border: 1px solid #cbd5e1 !important;
    font-size: 15px !important;
    padding-left: 16px !important;
}

#order-standard_cart .domain-search-input-group .btn,
#order-standard_cart .domain-input-group .btn {
    height: 48px !important;
    background: #10b981 !important;
    border: none !important;
    border-radius: 0 10px 10px 0 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    padding: 0 24px !important;
    color: #ffffff !important;
}

/* Domain Search Results */
#order-standard_cart .domain-checker-result-matched,
#order-standard_cart .domain-lookup-result {
    background: #ffffff !important;
    border: 1.5px solid #a7f3d0 !important;
    border-radius: 14px !important;
    padding: 18px 24px !important;
    margin: 20px 0 !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#order-standard_cart .domain-checker-available {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #059669 !important;
}

#order-standard_cart .domain-suggestion-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 18px !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: all 0.15s ease !important;
}

#order-standard_cart .domain-suggestion-item:hover {
    border-color: #10b981 !important;
    background: #f8fafc !important;
}

/* ==========================================================================
   12. DOMAIN CONFIGURATION & ADDONS (cart.php?a=confdomains)
   ========================================================================== */
#order-standard_cart .domain-config-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .domain-config-addon {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
}

#order-standard_cart .domain-config-addon:hover {
    border-color: #10b981 !important;
    background: #f0fdf4 !important;
}

/* ==========================================================================
   13. ORDER COMPLETE / CONFIRMATION (cart.php?a=complete)
   ========================================================================== */
#order-standard_cart .order-confirmation-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 36px 24px !important;
    text-align: center !important;
    margin: 20px auto !important;
    max-width: 680px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

#order-standard_cart .order-confirmation-container .order-icon {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: #ecfdf5 !important;
    color: #10b981 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 28px !important;
    margin-bottom: 16px !important;
}

#order-standard_cart .order-confirmation-container h2 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 8px !important;
}

#order-standard_cart .order-confirmation-container .order-number {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #059669 !important;
    margin-bottom: 20px !important;
}

/* ==========================================================================
   14. PUTULHOST STORE & PRODUCT CATALOG STYLING (index.php?rp=/store/ & cart.php)
   ========================================================================== */
:root {
    --pro-primary: #10b981;
    --pro-primary-hover: #059669;
    --pro-primary-soft: #ecfdf5;
    --pro-text: #020617;
    --pro-slate: #64748b;
    --pro-bg: #ffffff;
    --pro-border: #e2e8f0;
    --pro-radius: 12px;
    --pro-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.02);
}

#order-standard_cart,
.store-container-wrap {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #ffffff;
    color: #020617;
    padding: 6px 0 20px 0;
    min-height: 100vh;
    width: 100%;
}

.pro-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .pro-container {
        padding: 0 10px;
    }
}

/* Page Header */
.catalog-header {
    margin: 4px 0 12px 0;
    padding-bottom: 0;
    text-align: left;
}

.catalog-header h1 {
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 2px 0;
    color: #020617;
    text-transform: uppercase;
}

.catalog-header p {
    font-size: 13px;
    color: #64748b;
    margin: 0;
    font-weight: 400;
}

/* Full Width Catalog Layout */
.catalog-layout {
    display: block;
    width: 100%;
}

.pro-sidebar {
    display: none !important;
}

/* Horizontal Category Navigation on All Screens */
.pro-category-nav {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding: 2px 2px 10px 2px;
    margin-bottom: 12px;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    justify-content: flex-start;
    scrollbar-width: none;
}

.pro-category-nav::-webkit-scrollbar {
    display: none;
    height: 0;
}

.pro-category-card {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    height: 62px;
    padding: 6px 10px;
    background: #f8fafc;
    color: #0f172a;
    border-radius: 8px;
    font-size: 10.5px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    flex-shrink: 0;
    text-align: center;
}

.pro-category-card i {
    font-size: 16px;
    margin-bottom: 4px;
    color: #10b981;
}

.pro-category-card span {
    font-size: 10.5px;
    font-weight: 700;
    color: #0f172a;
    white-space: normal;
    line-height: 1.15;
}

.pro-category-card:hover {
    background: #ffffff;
    border-color: #10b981;
    transform: translateY(-2px);
}

.pro-category-card.active {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.28) !important;
}

.pro-category-card.active i,
.pro-category-card.active span {
    color: #ffffff !important;
}

/* Products Grid */
.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    width: 100%;
    align-items: stretch;
}

.pro-card {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
    position: relative;
    box-sizing: border-box;
}

.pro-card:hover {
    border-color: #cbd5e1;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.07), 0 3px 6px -2px rgba(0, 0, 0, 0.03);
}

.pro-card.featured {
    border: 2px solid #10b981;
}

.badge-featured {
    position: absolute;
    top: -10px;
    left: 20px;
    background: #10b981;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
}

.pro-item-header {
    margin-bottom: 8px;
}

.pro-tag-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    gap: 6px;
}

.pro-badge-group {
    font-size: 10px;
    font-weight: 800;
    color: #059669;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    padding: 2px 8px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}

.pro-selector-wrap {
    flex-shrink: 0;
}

.pro-cycle-dropdown {
    border: 1px solid #10b981;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 600;
    color: #0f172a;
    background: #ffffff;
    cursor: pointer;
    outline: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    transition: all 0.2s ease;
    height: 28px;
}

.pro-cycle-dropdown:hover,
.pro-cycle-dropdown:focus {
    border-color: #059669;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.15);
}

.pro-item-name {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 4px 0;
    letter-spacing: -0.02em;
}

.pro-pricing {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
}

.pro-price-row {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.pro-amount {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.03em;
    line-height: 1;
}

.pro-cycle {
    font-size: 12.5px;
    font-weight: 500;
    color: #64748b;
}

.pro-features {
    flex-grow: 1;
    margin-bottom: 12px;
}

.pro-featuresdesc {
    font-size: 12.5px;
    color: #334155;
    line-height: 1.45;
}

.pro-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 2px 0;
    font-size: 12.5px;
    color: #334155;
    line-height: 1.4;
}

.pro-feature-icon {
    color: #10b981;
    font-size: 12px;
    margin-top: 2px;
    flex-shrink: 0;
}

.pro-feature-label {
    font-weight: 700;
    color: #0f172a;
    margin-right: 4px;
}

.pro-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    height: 38px;
    border-radius: 7px;
    font-weight: 700;
    font-size: 13.5px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
}

.pro-btn-primary {
    background: #10b981;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.2);
}

.pro-btn-primary:hover {
    background: #059669;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

/* Responsive Breakpoints */
@media (max-width: 991px) {
    .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 12px;
    }
}

@media (max-width: 600px) {
    .products-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .pro-category-card {
        min-width: 88px;
        height: 58px;
        padding: 5px 6px;
        font-size: 10px;
    }
    .pro-category-card i {
        font-size: 15px;
        margin-bottom: 3px;
    }
    .pro-amount {
        font-size: 22px;
    }
    .catalog-header h1 {
        font-size: 18px;
    }
    .pro-card {
        padding: 14px 14px;
    }
}


/* ==========================================================================
   15. GLOBAL COMPACT SPACING (Ultra-Low Margins & Paddings for Tight UI)
   ========================================================================== */
#order-standard_cart .form-group,
.store-order-container .form-group {
    margin-bottom: 10px !important;
}

#order-standard_cart .card-body,
.store-order-container .card-body {
    padding: 14px 16px !important;
}

#order-standard_cart .row {
    margin-left: -6px !important;
    margin-right: -6px !important;
}

#order-standard_cart .row > [class*="col-"] {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

@media (max-width: 768px) {
    #order-standard_cart .field-container,
    #order-standard_cart .product-info,
    #order-standard_cart .ph-cart-item-card {
        padding: 12px !important;
        margin-bottom: 12px !important;
    }
}
/* ==========================================================================
   16. STANDARD CART PRODUCT CARDS & DETAILS VISIBILITY
   ========================================================================== */
#order-standard_cart .products,
#products,
.products {
    margin-top: 10px !important;
}

#order-standard_cart .products .product,
#products .product,
.product-box,
.package {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    min-height: auto !important;
}

#order-standard_cart .products .product:hover,
#products .product:hover,
.product-box:hover {
    border-color: #cbd5e1 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 24px -4px rgba(0, 0, 0, 0.07), 0 4px 8px -2px rgba(0, 0, 0, 0.03) !important;
}

/* Product Header */
#order-standard_cart .product header,
#products .product header,
.product-header,
#order-standard_cart .product .header {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 14px 0 !important;
    border-radius: 0 !important;
}

#order-standard_cart .product header span,
#products .product header span,
.product-header span,
.product-header h3,
.product-title,
#order-standard_cart .product header .product-name {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    display: block !important;
    letter-spacing: -0.03em !important;
}


/* Product Description & Features */
#order-standard_cart .product .product-desc,
#products .product .product-desc,
.product-desc,
.product-description,
.package-features {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #334155 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 14px !important;
    flex-grow: 1 !important;
}

#order-standard_cart .product .product-desc p,
#products .product .product-desc p,
.product-desc p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #475569 !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
}

#order-standard_cart .product .product-desc ul,
#products .product .product-desc ul,
.product-desc ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 8px 0 !important;
}

#order-standard_cart .product .product-desc ul li,
#products .product .product-desc ul li,
.product-desc ul li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 4px 0 !important;
    font-size: 13px !important;
    color: #334155 !important;
    border: none !important;
    background: transparent !important;
}

#order-standard_cart .product .product-desc ul li:before,
#products .product .product-desc ul li:before,
.product-desc ul li:before {
    content: "✓" !important;
    color: #10b981 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    display: inline-block !important;
}

/* Product Pricing */
#order-standard_cart .product footer,
#products .product footer,
.product-pricing {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: auto !important;
}

#order-standard_cart .product .product-pricing,
#products .product .product-pricing,
.product-pricing {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 12px !important;
    padding: 10px 0 !important;
    border-top: 1px solid #f1f5f9 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

#order-standard_cart .product .product-pricing .price,
#products .product .product-pricing .price,
.product-pricing .price {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em !important;
}

#order-standard_cart .product .product-pricing .cycle,
#products .product .product-pricing .cycle,
.product-pricing .cycle {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    margin-top: 2px !important;
}

/* Order Now Button */
#order-standard_cart .product .btn-order-now,
#products .product .btn-order-now,
.btn-order-now,
.btn-signup {
    background: #10b981 !important;
    background-color: #10b981 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 16px !important;
    border: none !important;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25) !important;
    text-decoration: none !important;
}

#order-standard_cart .product .btn-order-now:hover,
#products .product .btn-order-now:hover,
.btn-order-now:hover,
.btn-signup:hover {
    background: #059669 !important;
    background-color: #059669 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   VIEW CART, CONFPRODUCT & DOMAIN SELECTION STYLES (PutulHost Compact)
   ========================================================================== */
.view-cart-container .header-lined,
#order-standard_cart .view-cart-container > h1,
#order-standard_cart .view-cart-container > p,
.view-cart-container .recommended-addons,
#order-standard_cart .recommended-addons,
.addon-promo-container,
#order-standard_cart .addon-promo-container,
#order-standard_cart .table-responsive thead,
.view-cart-items-header,
.empty-cart-container,
#order-standard_cart .btn-empty-cart {
    display: none !important;
}

#order-standard_cart .view-cart-container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 10px !important;
}

.ph-cart-item-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    padding: 16px 18px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#order-standard_cart .order-summary,
#orderSummary,
.order-summary-dark {
    background: #0f172a !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
    width: 100% !important;
}

#order-standard_cart .order-summary .header,
#orderSummary .header {
    background: transparent !important;
    border-bottom: 1px solid #1e293b !important;
    padding: 0 0 10px 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
}

/* Cart item card */
.ph-cart-item-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.ph-cart-item-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

.ph-cart-item-left {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 1 !important;
}

.ph-item-icon-box {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    background: #ecfdf5 !important;
    color: #10b981 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.ph-item-details {
    flex: 1 !important;
}

.ph-item-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 3px !important;
    flex-wrap: wrap !important;
}

.ph-item-name {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
}

.ph-item-badge {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

.ph-item-domain {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #059669 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin: 3px 0 6px 0 !important;
}

.ph-item-domain i {
    color: #10b981 !important;
    font-size: 12px !important;
}

.ph-item-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 4px !important;
}

.ph-action-link {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.15s ease !important;
}

.ph-action-link:hover {
    color: #0f172a !important;
    text-decoration: none !important;
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}

.ph-action-link.ph-action-edit:hover,
a[href*="a=confproduct"].ph-action-link:hover {
    color: #0284c7 !important;
    background: #f0f9ff !important;
    border-color: #bae6fd !important;
}

.ph-action-link.ph-action-remove:hover,
a[href*="a=remove"].ph-action-link:hover {
    color: #e11d48 !important;
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
}

.ph-cart-item-right {
    text-align: right !important;
    flex-shrink: 0 !important;
}

.ph-item-price {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
}

.ph-item-cycle {
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    margin-top: 3px !important;
}

/* Dark Order Summary */
#order-standard_cart .order-summary,
#orderSummary,
.order-summary-dark {
    background: #0f172a !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    padding: 20px 22px !important;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    width: 100% !important;
    position: sticky !important;
    top: 90px !important;
    z-index: 10 !important;
}

#order-standard_cart .order-summary .header,
#orderSummary .header,
.order-summary-dark .order-summary-title {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 0 0 12px 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 14px !important;
    letter-spacing: -0.01em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#order-standard_cart .order-summary .summary-container,
#orderSummary .summary-container {
    padding: 0 !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

#order-standard_cart .order-summary .summary-container .product-name,
#orderSummary .summary-container .product-name,
#orderSummary .summary-container strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

#order-standard_cart .total-due-today,
#orderSummary .total-due-today,
.dark-total-box {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(5, 150, 105, 0.3) 100%) !important;
    border: 1px solid rgba(16, 185, 129, 0.45) !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    text-align: center !important;
    margin: 16px 0 !important;
    color: #e2e8f0 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#order-standard_cart .total-due-today .amt,
#orderSummary .total-due-today .amt,
#orderSummary .total-due-today span,
#orderSummary #totalDueToday,
.dark-total-amt {
    color: #34d399 !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    display: block !important;
    margin-top: 3px !important;
    text-shadow: 0 0 16px rgba(52, 211, 153, 0.35) !important;
    letter-spacing: -0.02em !important;
}

#order-standard_cart .promo-code-container,
.promo-code-box {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 3px !important;
    margin-bottom: 14px !important;
    display: flex !important;
}

#order-standard_cart .promo-code-container input[type="text"],
.dark-promo-input {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    height: 38px !important;
    font-size: 13px !important;
    padding: 0 12px !important;
    flex: 1 !important;
    box-shadow: none !important;
}

#order-standard_cart .promo-code-container input[type="text"]::placeholder {
    color: #64748b !important;
}

#order-standard_cart .promo-code-container .btn,
.dark-promo-btn {
    background: #10b981 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    height: 38px !important;
    font-size: 12.5px !important;
    padding: 0 16px !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
}

#order-standard_cart .promo-code-container .btn:hover,
.dark-promo-btn:hover {
    background: #059669 !important;
}

#checkout,
#order-standard_cart .btn-checkout,
.dark-checkout-btn {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    height: 46px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    text-transform: none !important;
}

#checkout:hover,
#order-standard_cart .btn-checkout:hover,
.dark-checkout-btn:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5) !important;
    color: #ffffff !important;
}

/* Domain Search & Transfer */
#order-standard_cart .domain-selection-type,
#order-standard_cart .domain-options,
#order-standard_cart .domain-selection-options {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
    justify-content: center !important;
}

#order-standard_cart .domain-selection-type label,
#order-standard_cart .domain-options .option,
#order-standard_cart .domain-selection-options label,
.domain-selection-type label {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 10px 18px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important;
}

#order-standard_cart .domain-selection-type label:hover,
#order-standard_cart .domain-options .option:hover,
#order-standard_cart .domain-selection-options label:hover {
    border-color: #10b981 !important;
    background: #f0fdf4 !important;
    color: #065f46 !important;
    transform: translateY(-1px) !important;
}

#order-standard_cart .domain-selection-type label.active,
#order-standard_cart .domain-selection-type input[type="radio"]:checked + label,
#order-standard_cart .domain-options .option.selected,
#order-standard_cart .domain-options input[type="radio"]:checked + label,
#order-standard_cart .domain-selection-options input[type="radio"]:checked + label {
    background: #ecfdf5 !important;
    border-color: #10b981 !important;
    color: #065f46 !important;
    font-weight: 700 !important;
    box-shadow: 0 0 0 1.5px #10b981, 0 3px 8px rgba(16, 185, 129, 0.15) !important;
}

#order-standard_cart .domain-search-input-group,
#order-standard_cart .domain-input-group,
.domain-input-group {
    max-width: 680px !important;
    margin: 0 auto 16px !important;
    display: flex !important;
    align-items: stretch !important;
}

#order-standard_cart .domain-search-input-group input,
#order-standard_cart .domain-input-group input,
#order-standard_cart input[type="text"].form-control,
#order-standard_cart textarea.domain-lookup-search-box,
#order-standard_cart textarea.search-box,
#order-standard_cart textarea[name="domain"],
.form-controls,
input.form-controls,
textarea.form-controls,
textarea#message,
#order-standard_cart textarea,
#order-standard_cart .form-controls,
#order-standard_cart input.form-controls {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 8px 0 0 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    font-size: 14px !important;
    padding: 8px 14px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important;
    resize: none !important;
    line-height: 26px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    color: #0f172a !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#order-standard_cart .domain-search-input-group select,
#order-standard_cart .domain-input-group select,
.domain-input-group select {
    height: 44px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-left: none !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 0 12px !important;
    background: #ffffff !important;
}

#order-standard_cart .domain-search-input-group .btn,
#order-standard_cart .domain-input-group .btn,
.domain-input-group .btn,
.btn-primarys,
.btn.btn-primarys,
#btnCheckAvailability,
#useOwnDomain,
#btnTransferDomain,
#order-standard_cart .btn-primarys,
#order-standard_cart .btn-primary {
    height: 44px !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 24px !important;
    color: #ffffff !important;
    box-shadow: 0 3px 8px rgba(16, 185, 129, 0.25) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

#order-standard_cart .domain-search-input-group .btn:hover,
#order-standard_cart .domain-input-group .btn:hover,
.domain-input-group .btn:hover,
.btn-primarys:hover,
.btn.btn-primarys:hover,
#btnCheckAvailability:hover,
#useOwnDomain:hover,
#btnTransferDomain:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
    color: #ffffff !important;
}

#btnCompleteProductConfig,
#order-standard_cart .btn-continue,
.btn-order-continue {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    height: 46px !important;
    padding: 0 28px !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
}

#btnCompleteProductConfig:hover,
#order-standard_cart .btn-continue:hover,
.btn-order-continue:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   PUTULHOST 100% SHOPPING CART & STORE CONFIGURATION (3 PAGES)
   ========================================================================== */

/* 1. Step Progress Bar (domain-steps & ph-step-wizard) */
#phStepWizard,
#order-standard_cart:has(.domain-steps) #phStepWizard,
#order-standard_cart .ph-step-wizard,
.ph-step-wizard:has(+ * .domain-steps),
.ph-step-wizard:has(~ * .domain-steps),
.ph-step-wizard:has(~ .domain-steps) {
    display: none !important;
}

.view-cart-container #phStepWizard,
#frmCheckout #phStepWizard {
    display: flex !important;
}

.domain-steps {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 14px auto 22px !important;
    max-width: 600px !important;
    width: 100% !important;
    padding: 0 10px !important;
}

.dstep,
.ph-step-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    white-space: nowrap !important;
    color: #94a3b8 !important;
}

.dstep.active,
.ph-step-item.active {
    color: #065f46 !important;
    font-weight: 700 !important;
}

.dstep-num,
.ph-step-num {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
    color: #64748b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.dstep.active .dstep-num,
.ph-step-item.active .ph-step-num,
.ph-step-item .ph-step-num {
    background: #10b981 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3) !important;
}

.ph-step-item.inactive .ph-step-num {
    background: #e2e8f0 !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

.dstep-label,
.ph-step-label {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
}

.ph-step-item.inactive .ph-step-label {
    color: #94a3b8 !important;
}

.dstep-line,
.ph-step-line {
    flex: 1 !important;
    max-width: 45px !important;
    min-width: 18px !important;
    height: 2.5px !important;
    background: #e2e8f0 !important;
    margin: 0 10px !important;
    border-radius: 2px !important;
}

.dstep-line.active,
.ph-step-line.active {
    background: #10b981 !important;
}

.ph-step-line.inactive {
    background: #e2e8f0 !important;
}

/* 2. Domain Selection & Search (store/basic-web-hosting/5gb-plan & cart.php?a=add) */
#order-standard_cart .catalog-layout {
    display: block !important;
    width: 100% !important;
}

#order-standard_cart .pro-sidebar,
#order-standard_cart aside.pro-sidebar,
#order-standard_cart:has(#frmProductDomain) .pro-sidebar,
#order-standard_cart:has(.domain-selection-options) .pro-sidebar,
.domain-cart-fullwidth .pro-sidebar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart .catalog-main,
#order-standard_cart main.catalog-main,
#order-standard_cart:has(#frmProductDomain) .catalog-main,
#order-standard_cart:has(.domain-selection-options) .catalog-main,
.domain-cart-fullwidth .catalog-main {
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 !important;
}

#order-standard_cart .pro-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    padding: 22px 24px !important;
    margin-bottom: 20px !important;
}

/* ==========================================================================
   DOMAIN SELECTION OPTIONS (cart.php?a=add & configureproductdomain.tpl)
   Ultra-Compact, Modern SaaS Redesign with Buttons on RIGHT SIDE
   ========================================================================== */

#order-standard_cart .domain-selection-options,
.domain-selection-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 820px !important;
    margin: 15px auto 25px auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#order-standard_cart .domain-selection-options .option,
.domain-selection-options .option {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 13px 18px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#order-standard_cart .domain-selection-options .option:hover,
.domain-selection-options .option:hover {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

#order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked),
#order-standard_cart .domain-selection-options .option.active,
.domain-selection-options .option:has(input[type="radio"]:checked),
.domain-selection-options .option.active {
    background: #ffffff !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 0 1.5px #10b981, 0 4px 16px rgba(16, 185, 129, 0.12) !important;
}

#order-standard_cart .domain-selection-options .option > label,
.domain-selection-options .option > label,
#order-standard_cart .domain-selection-options .option label.radio-inline,
.domain-selection-options .option label.radio-inline {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    line-height: 1.4 !important;
    user-select: none !important;
}

#order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked) > label,
.domain-selection-options .option:has(input[type="radio"]:checked) > label {
    color: #065f46 !important;
    font-weight: 700 !important;
}

#order-standard_cart .domain-selection-options .option input[type="radio"],
.domain-selection-options .option input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #10b981 !important;
    margin: 0 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Domain Input Group (Container inside active card - Hidden by default!) */
#order-standard_cart .domain-selection-options .domain-input-group,
.domain-selection-options .domain-input-group,
#domainincart,
#domainregister,
#domaintransfer,
#domainowndomain,
#domainsubdomain {
    display: none !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #f1f5f9 !important;
    background: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ONLY display the input group for the ACTIVE / CHECKED option card */
#order-standard_cart .domain-selection-options .option.active .domain-input-group,
.domain-selection-options .option.active .domain-input-group,
#order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked) .domain-input-group,
.domain-selection-options .option:has(input[type="radio"]:checked) .domain-input-group {
    display: block !important;
}

/* Strictly hide inactive domain input groups */
#order-standard_cart .domain-selection-options .option:not(.active):not(:has(input[type="radio"]:checked)) .domain-input-group,
.domain-selection-options .option:not(.active):not(:has(input[type="radio"]:checked)) .domain-input-group,
.domain-selection-options .domain-input-group.hidden,
.domain-selection-options .domain-input-group.w-hidden,
.domain-selection-options .domain-input-group.d-none {
    display: none !important;
}

/* Inner Panels / Cards Reset */
#order-standard_cart .domain-selection-options .panel,
#order-standard_cart .domain-selection-options .panel-body,
#order-standard_cart .domain-selection-options .card,
#order-standard_cart .domain-selection-options .card-body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide Clutter */
#order-standard_cart #domainregister .row.mt-2,
#domainregister .row.mt-2,
#order-standard_cart .safe-search,
.safe-search,
#order-standard_cart #safeSearch,
#safeSearch,
#order-standard_cart .multiselect-native-select,
.multiselect-native-select,
#order-standard_cart .multiselect,
.multiselect,
#order-standard_cart .btn-group:has(.multiselect),
.btn-group:has(.multiselect),
#order-standard_cart .custom-checkbox,
.custom-checkbox,
#domainregister .checkbox,
#domainregister .checkbox-inline,
#domainregister label:has(input[type="checkbox"]),
.domain-checker-advanced .row.mt-2 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   HORIZONTAL FLEX ROW (Forces Input on LEFT, Action Button on RIGHT)
   ========================================================================== */

#order-standard_cart .domain-input-group > .row,
.domain-selection-options .domain-input-group > .row,
#order-standard_cart #domainincart > .row,
#domainincart > .row,
#order-standard_cart #domainregister > .row:first-child,
#domainregister > .row:first-child,
#order-standard_cart #domaintransfer > .row,
#domaintransfer > .row,
#order-standard_cart #domainowndomain > .row,
#domainowndomain > .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Left Input Columns */
#order-standard_cart .domain-input-group > .row > div:first-child,
.domain-selection-options .domain-input-group > .row > div:first-child,
#order-standard_cart .domain-input-group .col-sm-8,
#order-standard_cart .domain-input-group .offset-sm-1,
#order-standard_cart .domain-input-group .col-sm-offset-1,
.domain-selection-options .domain-input-group .col-sm-8,
.domain-selection-options .domain-input-group .offset-sm-1,
.domain-selection-options .domain-input-group .col-sm-offset-1,
#domainincart .col-sm-8,
#domainincart .offset-sm-1,
#domainincart .col-sm-offset-1,
#domainregister .col-sm-8,
#domainregister .offset-sm-1,
#domainregister .col-sm-offset-1,
#domaintransfer .col-sm-8,
#domaintransfer .offset-sm-1,
#domaintransfer .col-sm-offset-1,
#domainowndomain .col-sm-8,
#domainowndomain .offset-sm-1,
#domainowndomain .col-sm-offset-1 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Right Button Columns */
#order-standard_cart .domain-input-group > .row > div:last-child:not(:first-child),
.domain-selection-options .domain-input-group > .row > div:last-child:not(:first-child),
#order-standard_cart .domain-input-group .col-sm-2,
.domain-selection-options .domain-input-group .col-sm-2,
#domainincart .col-sm-2,
#domainregister .col-sm-2,
#domaintransfer .col-sm-2,
#domainowndomain .col-sm-2 {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Universal Action Button Styling (Right Side) */
#order-standard_cart .domain-input-group button[type="submit"],
#order-standard_cart .domain-input-group .btn-primary,
#order-standard_cart .domain-input-group .btn-primarys,
#order-standard_cart .domain-input-group #btnCheckAvailability,
#order-standard_cart .domain-input-group #btnTransferCheck,
#order-standard_cart .domain-input-group #btnUseOwnDomain,
#order-standard_cart .domain-input-group #useOwnDomain,
.domain-selection-options .domain-input-group button[type="submit"],
.domain-selection-options .domain-input-group .btn-primary,
.domain-selection-options .domain-input-group .btn-primarys,
#domainincart button[type="submit"],
#domainregister #btnCheckAvailability,
#domainregister button[type="submit"],
#domaintransfer button[type="submit"],
#domainowndomain button[type="submit"],
#useOwnDomain {
    height: 42px !important;
    min-height: 42px !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.28) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 95px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

#order-standard_cart .domain-input-group button[type="submit"]:hover,
#order-standard_cart .domain-input-group .btn-primary:hover,
#order-standard_cart .domain-input-group #btnCheckAvailability:hover,
#domainincart button[type="submit"]:hover,
#domainregister #btnCheckAvailability:hover,
#domaintransfer button[type="submit"]:hover,
#domainowndomain button[type="submit"]:hover,
#useOwnDomain:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.38) !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
}

#order-standard_cart .domain-input-group button[type="submit"]:active,
#order-standard_cart .domain-input-group #btnCheckAvailability:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(16, 185, 129, 0.25) !important;
}

/* 1. In-Cart Selection Details */
#order-standard_cart #domainincart select,
#domainincart select {
    height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#order-standard_cart #domainincart select:focus,
#domainincart select:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
    background: #ffffff !important;
    outline: none !important;
}

/* 2. Register Search Bar Details */
#order-standard_cart #domainregister .domains-row,
#domainregister .domains-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart #domainregister .domains-row > div,
#domainregister .domains-row > div {
    padding: 0 !important;
    margin: 0 !important;
}

#order-standard_cart #domainregister .domains-row > div:first-child,
#domainregister .domains-row > div:first-child {
    flex: 1 1 auto !important;
    max-width: none !important;
    width: auto !important;
    min-width: 0 !important;
}

#order-standard_cart #domainregister .domains-row > div:last-child:not(:first-child),
#domainregister .domains-row > div:last-child:not(:first-child) {
    flex: 0 0 100px !important;
    max-width: 100px !important;
    width: 100px !important;
    min-width: 80px !important;
}

#order-standard_cart textarea#message,
#domainregister textarea#message,
#order-standard_cart .domain-input-group textarea,
.domain-input-group textarea,
#order-standard_cart input#registersld,
#domainregister input#registersld {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 14px !important;
    box-shadow: none !important;
    resize: none !important;
    line-height: 40px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    background: #ffffff !important;
    color: #0f172a !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#order-standard_cart textarea#message:focus,
#domainregister textarea#message:focus,
#order-standard_cart input#registersld:focus,
#domainregister input#registersld:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
    outline: none !important;
}

#order-standard_cart #registertld,
#domainregister #registertld {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease !important;
}

#order-standard_cart #registertld:focus,
#domainregister #registertld:focus {
    border-color: #10b981 !important;
    outline: none !important;
}

/* 3. Transfer & Own Domain Details */
#order-standard_cart #domaintransfer .domains-row,
#order-standard_cart #domainowndomain .domains-row,
#domaintransfer .domains-row,
#domainowndomain .domains-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart #domaintransfer .domains-row > div,
#order-standard_cart #domainowndomain .domains-row > div,
#domaintransfer .domains-row > div,
#domainowndomain .domains-row > div {
    padding: 0 !important;
    margin: 0 !important;
}

#order-standard_cart #domaintransfer .domains-row > div:first-child,
#order-standard_cart #domainowndomain .domains-row > div:first-child,
#domaintransfer .domains-row > div:first-child,
#domainowndomain .domains-row > div:first-child {
    flex: 1 1 auto !important;
    max-width: none !important;
    width: auto !important;
    min-width: 0 !important;
}

#order-standard_cart #domaintransfer .domains-row > div:last-child,
#domaintransfer .domains-row > div:last-child {
    flex: 0 0 100px !important;
    max-width: 100px !important;
    width: 100px !important;
    min-width: 80px !important;
}

#order-standard_cart #domainowndomain .domains-row > div:last-child,
#domainowndomain .domains-row > div:last-child {
    flex: 0 0 80px !important;
    max-width: 80px !important;
    width: 80px !important;
    min-width: 70px !important;
}

#order-standard_cart .input-group,
.domain-selection-options .input-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
}

#order-standard_cart span.input-group-addon,
.domain-selection-options span.input-group-addon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-right: none !important;
    border-radius: 8px 0 0 8px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    height: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

#order-standard_cart #transfersld,
#transfersld,
#order-standard_cart #owndomainsld,
#owndomainsld {
    height: 42px !important;
    border-radius: 0 8px 8px 0 !important;
    border: 1.5px solid #cbd5e1 !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 100% !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#order-standard_cart #transfersld:focus,
#transfersld:focus,
#order-standard_cart #owndomainsld:focus,
#owndomainsld:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
    outline: none !important;
}

#order-standard_cart #transfertld,
#transfertld {
    height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    padding: 0 10px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#order-standard_cart #owndomaintld,
#owndomaintld {
    height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #cbd5e1 !important;
    padding: 0 8px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Hide multi-select TLD clutter */
.domain-checker-advanced .row.mt-2 {
    display: none !important;
}

/* Domain Search Results */
#order-standard_cart .domain-checker-result-matched,
#order-standard_cart .domain-lookup-result,
#primaryLookupResult:not(.w-hidden) {
    background: #ffffff !important;
    border: 1.5px solid #a7f3d0 !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
    margin: 16px 0 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#order-standard_cart .domain-checker-available {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #059669 !important;
}

#order-standard_cart .domain-checker-unavailable {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #dc2626 !important;
}

#order-standard_cart .domain-suggestion-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: all 0.15s ease !important;
}

#order-standard_cart .domain-suggestion-item:hover {
    border-color: #10b981 !important;
    background: #f8fafc !important;
}

/* 3. Shopping Cart Review Page (cart.php?a=view) */
.ph-cart-content-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 360px !important;
    gap: 20px !important;
    align-items: flex-start !important;
    margin-top: 12px !important;
    width: 100% !important;
}

.ph-cart-main {
    width: 100% !important;
}

.ph-cart-sidebar {
    width: 100% !important;
    position: sticky !important;
    top: 90px !important;
    z-index: 10 !important;
}

/* Cart Item Card */
.ph-cart-item-card,
.ph-cart-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.ph-cart-item-card:hover,
.ph-cart-item:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

.ph-cart-item-left {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 1 !important;
}

.ph-item-icon-box {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    background: #ecfdf5 !important;
    color: #10b981 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.ph-item-details {
    flex: 1 !important;
}

.ph-item-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 3px !important;
    flex-wrap: wrap !important;
}

.ph-item-name {
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
}

.ph-item-badge {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

.ph-item-domain {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #059669 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin: 3px 0 6px 0 !important;
}

.ph-item-domain i {
    color: #10b981 !important;
    font-size: 12px !important;
}

.ph-item-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 4px !important;
}

.ph-action-link {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.15s ease !important;
}

.ph-action-link:hover {
    color: #0f172a !important;
    text-decoration: none !important;
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}

.ph-action-link.ph-action-edit:hover,
a[href*="a=confproduct"].ph-action-link:hover {
    color: #0284c7 !important;
    background: #f0f9ff !important;
    border-color: #bae6fd !important;
}

.ph-action-link.ph-action-remove:hover,
a[href*="a=remove"].ph-action-link:hover {
    color: #e11d48 !important;
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
}

.ph-cart-item-right {
    text-align: right !important;
    flex-shrink: 0 !important;
}

.ph-item-price {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
}

.ph-item-cycle {
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    margin-top: 3px !important;
}

/* Empty Cart State */
.ph-empty-cart {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 40px 20px !important;
    text-align: center !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

.ph-empty-cart i {
    color: #cbd5e1 !important;
}

.ph-empty-cart h3 {
    color: #0f172a !important;
}

.ph-btn-primary {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding: 9px 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.ph-btn-primary:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Order Summary Card (Matching White Background SaaS Theme) */
.ph-summary-card,
#order-standard_cart .order-summary,
#orderSummary,
.order-summary,
.order-summary-dark {
    background: #ffffff !important;
    color: #0f172a !important;
    border-radius: 14px !important;
    padding: 22px 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #e2e8f0 !important;
    width: 100% !important;
    overflow: visible !important;
    height: auto !important;
    box-sizing: border-box !important;
    margin-bottom: 16px !important;
}

.ph-summary-header,
#order-standard_cart .order-summary .header,
#orderSummary .header,
.order-summary-title {
    background: transparent !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 0 0 14px 0 !important;
    font-size: 16.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 14px !important;
    letter-spacing: -0.01em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.ph-summary-header h2,
#order-standard_cart .order-summary .header h2,
#orderSummary .header h2 {
    color: #0f172a !important;
    font-size: 16.5px !important;
    font-weight: 800 !important;
    margin: 0 !important;
}

.ph-summary-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
}

.ph-summary-row .value {
    color: #0f172a !important;
    font-weight: 700 !important;
}

.ph-summary-divider {
    border-bottom: 1px solid #f1f5f9 !important;
    margin: 10px 0 !important;
}

.ph-recurring-totals {
    color: #64748b !important;
}

.ph-section-title {
    color: #64748b !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

#order-standard_cart .order-summary .summary-container,
#orderSummary .summary-container,
#orderSummary .content,
#orderSummary .product-info {
    padding: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    border: none !important;
}

#order-standard_cart .order-summary .summary-container .product-name,
#orderSummary .summary-container .product-name,
#orderSummary .product-name,
#orderSummary .summary-container strong,
#orderSummary strong {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 14.5px !important;
}

#orderSummary .product-group,
#orderSummary .product-group-title,
#order-standard_cart .order-summary .product-group {
    color: #059669 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    display: inline-block !important;
    margin-top: 2px !important;
    margin-bottom: 8px !important;
}

#orderSummary .clearfix {
    display: flex !important;
    justify-content: space-between !important;
    padding: 4px 0 !important;
    border-bottom: 1px dashed #f1f5f9 !important;
    color: #64748b !important;
    font-size: 13px !important;
}

#orderSummary .clearfix .pull-right,
#orderSummary .clearfix .float-right {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Total Box */
.ph-total-box,
#order-standard_cart .total-due-today,
#orderSummary .total-due-today,
.dark-total-box {
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%) !important;
    border: 1.5px solid #a7f3d0 !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    text-align: center !important;
    margin: 16px 0 !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.08) !important;
}

#order-standard_cart .total-due-today span:not(.amt):not([id*="total"]),
#orderSummary .total-due-today span:not(.amt):not([id*="total"]),
.ph-total-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #059669 !important;
    display: block !important;
    margin-bottom: 2px !important;
    line-height: 1.3 !important;
}

.ph-total-amount,
#order-standard_cart .total-due-today .amt,
#orderSummary .total-due-today .amt,
#orderSummary #totalDueToday,
.dark-total-amt {
    color: #059669 !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    display: block !important;
    margin-top: 2px !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

.ph-sidebar-promo,
#order-standard_cart .promo-code-container,
.promo-code-box {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 3px !important;
    margin-bottom: 14px !important;
    display: flex !important;
}

.ph-input-group.sidebar {
    display: flex !important;
    align-items: stretch !important;
    gap: 4px !important;
    width: 100% !important;
}

.ph-sidebar-promo-input,
#order-standard_cart .promo-code-container input[type="text"],
.dark-promo-input {
    background: transparent !important;
    border: none !important;
    color: #0f172a !important;
    border-radius: 6px !important;
    height: 38px !important;
    font-size: 13px !important;
    padding: 0 12px !important;
    flex: 1 !important;
    box-shadow: none !important;
    outline: none !important;
}

.ph-sidebar-promo-input::placeholder,
#order-standard_cart .promo-code-container input[type="text"]::placeholder {
    color: #94a3b8 !important;
}

.ph-btn-promo-apply,
#order-standard_cart .promo-code-container .btn,
.dark-promo-btn {
    background: #10b981 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    height: 38px !important;
    font-size: 12.5px !important;
    padding: 0 16px !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
    white-space: nowrap !important;
}

.ph-btn-promo-apply:hover,
#order-standard_cart .promo-code-container .btn:hover,
.dark-promo-btn:hover {
    background: #059669 !important;
}

.ph-btn-checkout,
#checkout,
#order-standard_cart .btn-checkout,
.dark-checkout-btn,
#btnCompleteProductConfig,
#order-standard_cart .btn-continue,
#orderSummary .btn-continue,
.btn-order-continue {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    height: 46px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    text-transform: none !important;
    text-decoration: none !important;
    margin-top: 10px !important;
}

.ph-btn-checkout:hover,
#checkout:hover,
#order-standard_cart .btn-checkout:hover,
.dark-checkout-btn:hover,
#btnCompleteProductConfig:hover,
#order-standard_cart .btn-continue:hover,
#orderSummary .btn-continue:hover,
.btn-order-continue:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 4. Product Configuration Page (cart.php?a=confproduct) */
#order-standard_cart .field-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

#order-standard_cart .field-container h3,
#order-standard_cart .field-container h4,
#order-standard_cart .product-info h3 {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

#order-standard_cart select[name="billingcycle"],
.product-cycle-select {
    height: 42px !important;
    border: 1.5px solid #10b981 !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    width: 100% !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
}

/* 5. Mobile & Responsive Layouts */
@media (max-width: 991px) {
    .ph-cart-content-wrapper {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    #order-standard_cart .col-md-8,
    #order-standard_cart .col-lg-8,
    .view-cart-container .col-md-8,
    .view-cart-container .col-lg-8,
    #order-standard_cart .col-md-4,
    #order-standard_cart .col-lg-4,
    .view-cart-container .col-md-4,
    .view-cart-container .col-lg-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #order-standard_cart {
        padding: 0 4px !important;
    }
    
    .domain-steps,
    .ph-step-wizard {
        margin: 10px auto 14px !important;
        padding: 0 4px !important;
        gap: 0 !important;
    }
    
    .dstep,
    .ph-step-item {
        font-size: 11.5px !important;
        gap: 4px !important;
    }
    
    .dstep-num,
    .ph-step-num {
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
    }
    
    .dstep-label,
    .ph-step-label {
        font-size: 11.5px !important;
    }
    
    .dstep-line,
    .ph-step-line {
        margin: 0 4px !important;
        min-width: 10px !important;
    }
    
    .ph-cart-item-card {
        padding: 12px 14px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    
    .ph-cart-item-left {
        width: 100% !important;
    }
    
    .ph-cart-item-right {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-top: 1px dashed #e2e8f0 !important;
        padding-top: 8px !important;
        margin-top: 4px !important;
        text-align: left !important;
    }
    
    #orderSummary,
    #order-standard_cart .order-summary {
        padding: 14px 16px !important;
        margin-top: 14px !important;
    }
    
    .domain-input-group .row {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .domain-input-group input.form-controls,
    .domain-input-group textarea.form-controls,
    #order-standard_cart textarea#message,
    .domain-input-group select.form-controls,
    .btn-primarys,
    #btnCheckAvailability,
    #useOwnDomain {
        border-radius: 8px !important;
        border: 1.5px solid #cbd5e1 !important;
        width: 100% !important;
        height: 44px !important;
    }
    
    .domain-selection-options .option > label {
        width: 100% !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    
    #phFloatingCartFab {
        display: none !important;
    }
}

/* Universal Seamless Background Unification (Pure White Matching Navbar & Content) */
html,
body,
body.primary-bg-color,
section#main-body,
#main-body,
.main-content,
.primary-content,
.domain-cart-fullwidth,
#order-standard_cart,
.store-container-wrap,
.pro-container,
.view-cart-container,
.checkout-container,
#frmCheckout {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Refined Order Summary & Sidebar (PutulHost SaaS Theme) */
#order-standard_cart .secondary-cart-sidebar,
#order-standard_cart #scMainSidebar,
#order-standard_cart .cart-sidebar,
#order-standard_cart .order-summary-sidebar,
#order-standard_cart div:has(> #orderSummary),
#order-standard_cart div:has(> .order-summary),
#order-standard_cart .col-md-4 > div:not(#orderSummary):not(.text-center):has(#orderSummary) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#order-standard_cart .order-summary,
#orderSummary,
.order-summary,
.order-summary-dark,
.ph-summary-card {
    background: #ffffff !important;
    color: #0f172a !important;
    border-radius: 14px !important;
    padding: 20px 22px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #e2e8f0 !important;
    width: 100% !important;
    overflow: visible !important;
    height: auto !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
}

#order-standard_cart .order-summary .header,
#orderSummary .header,
.order-summary-title {
    background: transparent !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 0 0 12px 0 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 14px !important;
    letter-spacing: -0.01em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#order-standard_cart .order-summary .header h2,
#orderSummary .header h2 {
    color: #0f172a !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
}

#orderSummary .product-name,
#orderSummary strong {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 14.5px !important;
    display: block !important;
    margin-bottom: 2px !important;
}

#orderSummary .product-group {
    color: #059669 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    display: inline-block !important;
    margin-top: 2px !important;
    margin-bottom: 10px !important;
}

/* Order Summary Breakdown Rows (Strictly 1 Item Per Full Line) */
#orderSummary .summary-container,
#orderSummary .product-info,
#order-standard_cart .order-summary .summary-container {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

#orderSummary .summary-totals,
#order-standard_cart .order-summary .summary-totals,
.summary-totals {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    row-gap: 8px !important;
    column-gap: 12px !important;
    width: 100% !important;
    padding: 8px 0 !important;
    margin: 6px 0 !important;
    border-top: 1px dashed #f1f5f9 !important;
    border-bottom: 1px dashed #f1f5f9 !important;
}

#orderSummary .summary-totals > span,
#order-standard_cart .order-summary .summary-totals > span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

#orderSummary .summary-totals > span.pull-left,
#orderSummary .summary-totals > span.float-left,
#orderSummary .summary-totals > span:nth-child(odd) {
    color: #475569 !important;
    font-weight: 500 !important;
    text-align: left !important;
    justify-self: start !important;
}

#orderSummary .summary-totals > span.pull-right,
#orderSummary .summary-totals > span.float-right,
#orderSummary .summary-totals > span:nth-child(even) {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    text-align: right !important;
    justify-self: end !important;
}

#orderSummary .summary-totals > div,
#order-standard_cart .order-summary .summary-totals > div {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 2px 0 !important;
}

#orderSummary .product-info .clearfix,
#orderSummary .summary-container .clearfix,
#orderSummary div.clearfix,
#order-standard_cart .order-summary .clearfix,
#order-standard_cart .order-summary .summary-container > div:not(.total-due-today):not(.header):not(.summary-totals) {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 6px 0 !important;
    border-bottom: 1px dashed #f1f5f9 !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

#orderSummary .clearfix > span:first-child,
#orderSummary .clearfix > .pull-left,
#orderSummary .clearfix > .float-left {
    display: inline-flex !important;
    align-items: center !important;
    text-align: left !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    float: none !important;
    white-space: nowrap !important;
    flex: 1 1 auto !important;
}

#orderSummary .clearfix > span:last-child,
#orderSummary .clearfix > .pull-right,
#orderSummary .clearfix > .float-right {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    float: none !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

#order-standard_cart .total-due-today,
#orderSummary .total-due-today {
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%) !important;
    border: 1.5px solid #a7f3d0 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    margin: 14px 0 0 0 !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#orderSummary .total-due-today span:not(.amt):not([id*="total"]) {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #059669 !important;
    display: block !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

#orderSummary #totalDueToday,
#orderSummary .total-due-today .amt {
    color: #059669 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    display: block !important;
    margin: 0 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    text-align: right !important;
}

#btnCompleteProductConfig,
#order-standard_cart .btn-continue {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    height: 48px !important;
    min-height: 48px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    text-transform: none !important;
    margin-top: 10px !important;
    text-decoration: none !important;
}

/* Empty Cart State Card (PutulHost Style) */
.view-cart-empty,
.empty-cart-container,
.ph-empty-cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 50px 24px !important;
    margin: 30px auto !important;
    max-width: 580px !important;
    width: 100% !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

.view-cart-empty::before,
.empty-cart-container::before {
    content: '\f07a' !important;
    font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free', 'FontAwesome' !important;
    font-weight: 900 !important;
    font-size: 34px !important;
    color: #10b981 !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    background: #ecfdf5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}

.view-cart-empty p:first-of-type,
.empty-cart-container p:first-of-type {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 8px !important;
}

.view-cart-empty p,
.empty-cart-container p {
    font-size: 13.5px !important;
    color: #64748b !important;
    margin-bottom: 18px !important;
}

.view-cart-empty a.btn,
.empty-cart-container a.btn,
.view-cart-empty .btn,
.empty-cart-container .btn {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 24px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.3) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.view-cart-empty a.btn:hover,
.empty-cart-container a.btn:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4) !important;
    color: #ffffff !important;
}


#btnCompleteProductConfig:hover,
#order-standard_cart .btn-continue:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   PutulHost Header Cart Button & Homepage Hero Boxed Fix
   ========================================================================== */
.nav-header-cart {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 50% !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    padding: 0 !important;
    outline: none !important;
    line-height: 1 !important;
}

.nav-header-cart:hover {
    background-color: #ecfdf5 !important;
    border-color: #86efac !important;
    color: #16a34a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(22, 163, 74, 0.12) !important;
}

.nav-header-cart:active {
    transform: translateY(0) !important;
}

.nav-header-cart i {
    font-size: 0.9rem !important;
    line-height: 1 !important;
}

.nav-header-cart-badge {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    border-radius: 9999px !important;
    background: #16a34a !important;
    color: #ffffff !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    line-height: 1 !important;
}

/* Homepage Hero Boxed Container Styling */
.hero-server-section {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 25px -5px rgba(8, 41, 20, 0.2), 0 8px 10px -6px rgba(8, 41, 20, 0.15) !important;
}

@media (max-width: 767px) {
    .hero-server-section {
        border-radius: 12px !important;
    }
}

/* ==========================================================================
   View Cart Page Items & Summary SaaS Styling (cart.php?a=view) - Compact & Clean
   ========================================================================== */
#order-standard_cart .view-cart-container,
.view-cart-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 10px 15px 30px 15px !important;
}

#order-standard_cart .view-cart-container > .row,
.view-cart-container > .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin: 0 !important;
    width: 100% !important;
}

#order-standard_cart .view-cart-container .col-md-8,
#order-standard_cart .view-cart-container .col-sm-8,
.view-cart-container .col-md-8,
.view-cart-container .col-sm-8,
.ph-cart-left-col {
    flex: 1 1 calc(100% - 350px) !important;
    max-width: calc(100% - 350px) !important;
    width: calc(100% - 350px) !important;
    min-width: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

#order-standard_cart .view-cart-container .col-md-4,
#order-standard_cart .view-cart-container .col-sm-4,
.view-cart-container .col-md-4,
.view-cart-container .col-sm-4,
#order-standard_cart #scMainSidebar,
.view-cart-container #scMainSidebar,
#scMainSidebar,
.ph-cart-right-col {
    flex: 0 0 330px !important;
    max-width: 330px !important;
    width: 330px !important;
    min-width: 330px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    position: sticky !important;
    top: 20px !important;
    z-index: 10 !important;
    float: none !important;
}

/* 2-Column Side-by-Side Cart Layout Wrapper */
.ph-cart-two-col-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 20px auto !important;
    box-sizing: border-box !important;
}

/* Cart Items Container */
#order-standard_cart .view-cart-items,
.view-cart-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}

/* Individual Cart Item Card - Compact Margins & Padding */
#order-standard_cart .view-cart-items .item,
.view-cart-items .item,
.view-cart-item {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

#order-standard_cart .view-cart-items .item:hover,
.view-cart-items .item:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-1px) !important;
}

/* Inner Row Alignment */
#order-standard_cart .view-cart-items .item > .row,
.view-cart-items .item > .row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
}

#order-standard_cart .view-cart-items .item .col-sm-7,
#order-standard_cart .view-cart-items .item .col-md-7,
#order-standard_cart .view-cart-items .item .col-7,
#order-standard_cart .view-cart-items .item .col-8,
.view-cart-items .item .col-sm-7,
.view-cart-items .item .col-md-7,
.view-cart-items .item .col-7,
.view-cart-items .item .col-8 {
    flex: 1 1 auto !important;
    max-width: calc(100% - 150px) !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    float: none !important;
}

#order-standard_cart .view-cart-items .item .col-sm-5,
#order-standard_cart .view-cart-items .item .col-md-5,
#order-standard_cart .view-cart-items .item .col-4,
#order-standard_cart .view-cart-items .item .text-right,
.view-cart-items .item .col-sm-5,
.view-cart-items .item .col-md-5,
.view-cart-items .item .col-4,
.view-cart-items .item .text-right {
    flex: 0 0 auto !important;
    min-width: 130px !important;
    padding: 0 !important;
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    float: none !important;
}

/* Item Title & Badge Pill */
.view-cart-items .item .item-title,
#order-standard_cart .view-cart-items .item strong,
#order-standard_cart .view-cart-items .item span.item-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
    line-height: 1.3 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 !important;
}

/* Badge Pill (e.g. BASIC WEB HOSTING) - Single Line Chip */
.view-cart-items .item .item-group,
#order-standard_cart .view-cart-items .item .item-group,
.item-group {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 0 6px !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
}

/* Domain Name Link */
.view-cart-items .item .domain,
.view-cart-items .item a[href*="http"],
.ph-domain-name-link {
    color: #059669 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.view-cart-items .item .domain:hover,
.view-cart-items .item a[href*="http"]:hover {
    color: #047857 !important;
    text-decoration: underline !important;
}

/* Edit Pill Button */
.view-cart-items .item a.btn-link,
.view-cart-items .item a[href*="a=confproduct"],
.ph-edit-pill,
.ph-action-link.ph-action-edit {
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 2px 8px !important;
    border-radius: 5px !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.15s ease !important;
    margin-top: 4px !important;
    width: fit-content !important;
}

.view-cart-items .item a.btn-link:hover,
.view-cart-items .item a[href*="a=confproduct"]:hover,
.ph-edit-pill:hover,
.ph-action-link.ph-action-edit:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

/* Price & Billing Cycle */
.view-cart-items .item .item-price,
.view-cart-items .item .amount,
#order-standard_cart .view-cart-items .item .amount,
#order-standard_cart .view-cart-items .item .item-price span:first-child {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    line-height: 1.1 !important;
}

.view-cart-items .item .cycle,
#order-standard_cart .view-cart-items .item .cycle,
.view-cart-items .item .renewal-price {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    margin-top: 1px !important;
    display: block !important;
}

/* Cycle Select Dropdown */
.view-cart-items .item select,
#order-standard_cart .view-cart-items .item select {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    outline: none !important;
    cursor: pointer !important;
    margin: 3px 0 !important;
}

/* Remove Button - Compact Red Pill */
#order-standard_cart .view-cart-items .item button[name="remove"],
#order-standard_cart .view-cart-items .item .btn-remove-from-cart,
#order-standard_cart .view-cart-items .item a[href*="a=remove"],
.view-cart-items .item button[name="remove"],
.view-cart-items .item .btn-remove-from-cart,
.view-cart-items .item .btn-remove,
.ph-action-link.ph-action-remove {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border: 1px solid #ffe4e6 !important;
    border-radius: 6px !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    margin-top: 3px !important;
}

#order-standard_cart .view-cart-items .item button[name="remove"]:hover,
#order-standard_cart .view-cart-items .item .btn-remove-from-cart:hover,
#order-standard_cart .view-cart-items .item a[href*="a=remove"]:hover,
.view-cart-items .item button[name="remove"]:hover,
.view-cart-items .item .btn-remove-from-cart:hover {
    background: #e11d48 !important;
    color: #ffffff !important;
    border-color: #e11d48 !important;
    transform: scale(1.05) !important;
}

/* ==========================================================================
   Order Summary Box - Compact & Refined
   ========================================================================== */
#order-standard_cart #scMainSidebar,
#order-standard_cart .order-summary,
#orderSummary,
.order-summary {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 16px 18px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#orderSummary h2,
.order-summary h2 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

/* Subtotal & Breakdown Rows */
#orderSummary .subtotal,
#orderSummary .subtotal-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 13.5px !important;
    color: #475569 !important;
    font-weight: 600 !important;
    padding: 4px 0 8px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin-bottom: 6px !important;
}

#orderSummary .subtotal span:last-child,
#orderSummary .subtotal strong,
#orderSummary .subtotal-row strong {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 14.5px !important;
}

#orderSummary .summary-totals,
#order-standard_cart .order-summary .summary-totals {
    font-size: 11.5px !important;
    color: #64748b !important;
    padding: 4px 0 !important;
    border-top: none !important;
    margin-top: 0 !important;
}

#orderSummary .ph-recurring-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 12px !important;
    color: #64748b !important;
    padding: 3px 0 !important;
}

#orderSummary .ph-recurring-row strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Total Due Today Card - Perfectly Aligned */
#order-standard_cart .total-due-today,
#orderSummary .total-due-today,
.ph-total-box,
.dark-total-box {
    background: #ecfdf5 !important;
    border: 1.5px solid #a7f3d0 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    margin: 10px 0 10px 0 !important;
    box-shadow: 0 1px 4px rgba(16, 185, 129, 0.08) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    box-sizing: border-box !important;
}

#order-standard_cart .total-due-today span:not(.amt):not([id*="total"]),
#orderSummary .total-due-today span:not(.amt):not([id*="total"]),
.ph-total-label {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #065f46 !important;
    display: block !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    order: 1 !important;
    white-space: nowrap !important;
}

#order-standard_cart .total-due-today .amt,
#orderSummary .total-due-today .amt,
#orderSummary #totalDueToday,
.ph-total-amount,
.dark-total-amt {
    color: #047857 !important;
    font-size: 1.45rem !important;
    font-weight: 900 !important;
    display: block !important;
    margin: 0 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.1 !important;
    text-shadow: none !important;
    text-align: right !important;
    order: 2 !important;
    white-space: nowrap !important;
}

/* Compact Checkout Button */
#checkout,
#order-standard_cart .btn-checkout,
.ph-btn-checkout,
.dark-checkout-btn,
#btnCompleteProductConfig,
#order-standard_cart .btn-continue,
#orderSummary .btn-continue,
.btn-order-continue {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    height: 42px !important;
    min-height: 42px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-shadow: 0 3px 12px rgba(16, 185, 129, 0.3) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    text-transform: none !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    text-decoration: none !important;
}

#checkout:hover,
#order-standard_cart .btn-checkout:hover,
.ph-btn-checkout:hover,
.dark-checkout-btn:hover,
#btnCompleteProductConfig:hover,
#order-standard_cart .btn-continue:hover,
#orderSummary .btn-continue:hover,
.btn-order-continue:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 16px rgba(16, 185, 129, 0.4) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Continue Shopping Link */
#orderSummary a[href*="cart.php"]:not(#checkout),
#orderSummary .btn-link,
.ph-continue-shopping-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    text-decoration: none !important;
    margin-top: 10px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 0 !important;
    transition: color 0.15s ease !important;
}

#orderSummary a[href*="cart.php"]:not(#checkout):hover,
#orderSummary .btn-link:hover,
.ph-continue-shopping-link:hover {
    color: #059669 !important;
    text-decoration: none !important;
}

/* Trust Badges Under Summary */
.ph-cart-trust-badges {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid #f1f5f9 !important;
    flex-wrap: wrap !important;
}

.ph-trust-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

.ph-trust-badge i {
    color: #10b981 !important;
    font-size: 11.5px !important;
}

/* Clutter Suppression (Promos, Recommendations, Empty cart button) */
.empty-cart-btn-row,
#btnEmptyCart,
.view-cart-empty-btn,
button[name="emptycart"],
.empty-cart-container:has(.btn-checkout),
.view-cart-items-header,
.header-lined,
.product-recommendations,
.recommended-addons,
.addon-promo-container,
.addon-products,
.addon-promo,
.product-promos,
.cross-sell-options,
.cross-sell,
.addons-container,
.addons,
.marketconnect-promo,
.marketconnect-promos,
.promo-slider,
#order-standard_cart .product-recommendations,
#order-standard_cart .recommended-addons,
#order-standard_cart .addon-promo-container,
#order-standard_cart .empty-cart-btn-row,
#order-standard_cart .empty-cart-container:has(.btn-checkout) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Responsive Rules */
@media (max-width: 991.98px) {
    #order-standard_cart .view-cart-container > .row,
    .view-cart-container > .row,
    .ph-cart-two-col-wrap {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    #order-standard_cart .view-cart-container .col-md-8,
    #order-standard_cart .view-cart-container .col-sm-8,
    .view-cart-container .col-md-8,
    .view-cart-container .col-sm-8,
    #order-standard_cart .view-cart-container .col-md-4,
    #order-standard_cart .view-cart-container .col-sm-4,
    .view-cart-container .col-md-4,
    .view-cart-container .col-sm-4,
    #order-standard_cart #scMainSidebar,
    .view-cart-container #scMainSidebar,
    #scMainSidebar,
    .ph-cart-left-col,
    .ph-cart-right-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        position: static !important;
    }
}

@media (max-width: 575.98px) {
    #order-standard_cart .view-cart-items .item,
    .view-cart-items .item {
        padding: 12px 14px !important;
    }
    #order-standard_cart .view-cart-items .item > .row,
    .view-cart-items .item > .row {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    #order-standard_cart .view-cart-items .item .col-sm-7,
    .view-cart-items .item .col-sm-7 {
        max-width: 100% !important;
    }
    #order-standard_cart .view-cart-items .item .col-sm-5,
    .view-cart-items .item .col-sm-5,
    #order-standard_cart .view-cart-items .item .text-right,
    .view-cart-items .item .text-right {
        min-width: 100% !important;
        text-align: left !important;
        align-items: flex-start !important;
        margin-top: 6px !important;
        border-top: 1px dashed #f1f5f9 !important;
        padding-top: 6px !important;
    }
}

/* ==========================================================================
   DOMAIN CONFIGURATION PAGE (cart.php?a=confdomains) 100% BULLETPROOF STYLES
   ========================================================================== */

/* Main Container */
#order-standard_cart form:has(input[name*="domainns"]),
#order-standard_cart form[action*="confdomains"],
form[action*="confdomains"],
.domain-config {
    max-width: 960px !important;
    margin: 20px auto 40px auto !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 36px 40px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    #order-standard_cart form:has(input[name*="domainns"]),
    #order-standard_cart form[action*="confdomains"],
    form[action*="confdomains"] {
        padding: 22px 18px !important;
        border-radius: 14px !important;
    }
}

/* 1. Domain Title Badge (Transforming .sub-heading that has the domain name) */
#order-standard_cart .sub-heading:first-of-type,
form[action*="confdomains"] .sub-heading:first-of-type,
.ph-conf-domain-badge {
    background: #ecfdf5 !important;
    border: 1.5px solid #a7f3d0 !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    margin: 0 0 24px 0 !important;
    text-align: center !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #065f46 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08) !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#order-standard_cart .sub-heading:first-of-type::before,
#order-standard_cart .sub-heading:first-of-type::after,
form[action*="confdomains"] .sub-heading:first-of-type::before,
form[action*="confdomains"] .sub-heading:first-of-type::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

#order-standard_cart .sub-heading:first-of-type span,
form[action*="confdomains"] .sub-heading:first-of-type span {
    background: transparent !important;
    padding: 0 !important;
    color: #065f46 !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#order-standard_cart .sub-heading:first-of-type span::before,
form[action*="confdomains"] .sub-heading:first-of-type span::before {
    content: "\f0ac" !important;
    font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free', 'FontAwesome' !important;
    font-weight: 900 !important;
    color: #10b981 !important;
    font-size: 18px !important;
    margin-right: 4px !important;
}

/* 2. Registration Period & Hosting Status Row */
form[action*="confdomains"] .row:has(.text-danger),
form[action*="confdomains"] .row:has(a[href*="cart.php"]),
#order-standard_cart form .row:first-of-type {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    margin-bottom: 28px !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 600px) {
    form[action*="confdomains"] .row:has(.text-danger),
    form[action*="confdomains"] .row:has(a[href*="cart.php"]),
    #order-standard_cart form .row:first-of-type {
        grid-template-columns: 1fr !important;
    }
}

form[action*="confdomains"] .row:has(.text-danger) > .col-sm-6,
form[action*="confdomains"] .row:has(a[href*="cart.php"]) > .col-sm-6,
/* ==========================================================================
   DOMAIN CONFIGURATION PAGE (cart.php?a=confdomains) - Compact & Elegant
   ========================================================================== */

/* Main Container Card */
#order-standard_cart form:has(input[name*="domainns"]),
#order-standard_cart form[action*="confdomains"],
form[action*="confdomains"],
#frmConfigureDomains,
.domain-config {
    max-width: 800px !important;
    margin: 15px auto 35px auto !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 22px 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    #order-standard_cart form:has(input[name*="domainns"]),
    #order-standard_cart form[action*="confdomains"],
    form[action*="confdomains"],
    #frmConfigureDomains {
        padding: 16px 16px !important;
        border-radius: 12px !important;
        margin: 10px auto 25px auto !important;
    }
}

/* 1. Domain Title Badge */
#order-standard_cart .sub-heading:first-of-type,
form[action*="confdomains"] .sub-heading:first-of-type,
#frmConfigureDomains .sub-heading:first-of-type,
.ph-conf-domain-badge {
    background: #ecfdf5 !important;
    border: 1.5px solid #a7f3d0 !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #065f46 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: 0 1px 4px rgba(16, 185, 129, 0.08) !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#order-standard_cart .sub-heading:first-of-type::before,
#order-standard_cart .sub-heading:first-of-type::after,
form[action*="confdomains"] .sub-heading:first-of-type::before,
form[action*="confdomains"] .sub-heading:first-of-type::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

#order-standard_cart .sub-heading:first-of-type span,
form[action*="confdomains"] .sub-heading:first-of-type span,
#frmConfigureDomains .sub-heading:first-of-type span {
    background: transparent !important;
    padding: 0 !important;
    color: #065f46 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#order-standard_cart .sub-heading:first-of-type span::before,
form[action*="confdomains"] .sub-heading:first-of-type span::before,
#frmConfigureDomains .sub-heading:first-of-type span::before {
    content: "\f0ac" !important;
    font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free', 'FontAwesome' !important;
    font-weight: 900 !important;
    color: #10b981 !important;
    font-size: 16px !important;
    margin-right: 4px !important;
}

/* 2. Registration Period & Hosting Status Row (2 Columns Side-by-Side) */
form[action*="confdomains"] .row:first-of-type,
#frmConfigureDomains .row:first-of-type,
#order-standard_cart form .row:first-of-type,
.ph-confdomains-top-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 576px) {
    form[action*="confdomains"] .row:first-of-type,
    #frmConfigureDomains .row:first-of-type,
    #order-standard_cart form .row:first-of-type {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

form[action*="confdomains"] .row:first-of-type > div,
#frmConfigureDomains .row:first-of-type > div,
#order-standard_cart form .row:first-of-type > div {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    float: none !important;
    margin: 0 !important;
}

form[action*="confdomains"] .row:first-of-type label,
#frmConfigureDomains .row:first-of-type label,
#order-standard_cart form .row:first-of-type label {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 4px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

form[action*="confdomains"] .row:first-of-type .form-group,
#frmConfigureDomains .row:first-of-type .form-group,
#order-standard_cart form .row:first-of-type .form-group {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* 3. [No Hosting! Click to Add] Pill Button */
form[action*="confdomains"] a.text-danger,
form[action*="confdomains"] a[href*="cart.php"],
#order-standard_cart a.text-danger,
.ph-no-hosting-badge {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border: 1px dashed #fca5a5 !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    transition: all 0.15s ease !important;
    margin-top: 3px !important;
    width: fit-content !important;
}

form[action*="confdomains"] a.text-danger:hover,
form[action*="confdomains"] a[href*="cart.php"]:hover,
#order-standard_cart a.text-danger:hover,
.ph-no-hosting-badge:hover {
    background: #ffe4e6 !important;
    border-color: #fda4af !important;
    color: #be123c !important;
    transform: translateY(-1px) !important;
}

/* 4. Nameservers Section Heading */
#order-standard_cart .sub-heading:last-of-type,
form[action*="confdomains"] .sub-heading:last-of-type,
#frmConfigureDomains .sub-heading:last-of-type,
.ph-nameservers-header {
    border-bottom: 2px solid #10b981 !important;
    background: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 0 0 8px 0 !important;
    margin: 20px 0 10px 0 !important;
    text-align: left !important;
    position: relative !important;
}

#order-standard_cart .sub-heading:last-of-type::before,
#order-standard_cart .sub-heading:last-of-type::after,
form[action*="confdomains"] .sub-heading:last-of-type::before,
form[action*="confdomains"] .sub-heading:last-of-type::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

#order-standard_cart .sub-heading:last-of-type span,
form[action*="confdomains"] .sub-heading:last-of-type span,
#frmConfigureDomains .sub-heading:last-of-type span {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    padding: 0 !important;
}

#order-standard_cart .sub-heading:last-of-type span::before,
form[action*="confdomains"] .sub-heading:last-of-type span::before,
#frmConfigureDomains .sub-heading:last-of-type span::before {
    content: "\f6ff" !important;
    font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free', 'FontAwesome' !important;
    font-weight: 900 !important;
    color: #10b981 !important;
    font-size: 15px !important;
    margin-right: 4px !important;
}

/* Nameservers Description Text */
form[action*="confdomains"] p,
#frmConfigureDomains p,
#order-standard_cart form p {
    font-size: 12.5px !important;
    color: #64748b !important;
    line-height: 1.45 !important;
    margin-bottom: 14px !important;
}

/* 5. Nameservers Input Fields Grid (3 Columns on Desktop) */
form[action*="confdomains"] .row:has(input[name*="domainns"]),
#frmConfigureDomains .row:has(input[name*="domainns"]),
form[action*="confdomains"] .row:last-of-type,
#frmConfigureDomains .row:last-of-type,
#order-standard_cart form .row:has(input[name*="domainns"]),
.ph-nameserver-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px 12px !important;
    margin: 0 0 16px 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 768px) {
    form[action*="confdomains"] .row:has(input[name*="domainns"]),
    #frmConfigureDomains .row:has(input[name*="domainns"]),
    form[action*="confdomains"] .row:last-of-type,
    #frmConfigureDomains .row:last-of-type,
    #order-standard_cart form .row:has(input[name*="domainns"]) {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    form[action*="confdomains"] .row:has(input[name*="domainns"]),
    #frmConfigureDomains .row:has(input[name*="domainns"]),
    form[action*="confdomains"] .row:last-of-type,
    #frmConfigureDomains .row:last-of-type,
    #order-standard_cart form .row:has(input[name*="domainns"]) {
        grid-template-columns: 1fr !important;
    }
}

form[action*="confdomains"] .row:has(input[name*="domainns"]) > div,
#frmConfigureDomains .row:has(input[name*="domainns"]) > div,
form[action*="confdomains"] .row:last-of-type > div,
#frmConfigureDomains .row:last-of-type > div,
#order-standard_cart form .row:has(input[name*="domainns"]) > div {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
    float: none !important;
}

form[action*="confdomains"] .form-group,
#frmConfigureDomains .form-group {
    margin-bottom: 0 !important;
}

form[action*="confdomains"] .form-group label,
#frmConfigureDomains .form-group label,
#order-standard_cart form .form-group label {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

form[action*="confdomains"] input[name*="domainns"],
form[action*="confdomains"] input[type="text"],
#frmConfigureDomains input[name*="domainns"],
#frmConfigureDomains input.form-control,
#order-standard_cart input[name*="domainns"] {
    height: 38px !important;
    border-radius: 7px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #f8fafc !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    transition: all 0.15s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

form[action*="confdomains"] input[name*="domainns"]:focus,
form[action*="confdomains"] input[type="text"]:focus,
#frmConfigureDomains input[name*="domainns"]:focus,
#frmConfigureDomains input.form-control:focus,
#order-standard_cart input[name*="domainns"]:focus {
    background: #ffffff !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
    outline: none !important;
}

/* 6. Continue CTA Button */
form[action*="confdomains"] button[type="submit"],
#frmConfigureDomains button[type="submit"],
#order-standard_cart form button[type="submit"] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    height: 42px !important;
    padding: 0 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-shadow: 0 3px 12px rgba(16, 185, 129, 0.3) !important;
    margin: 18px auto 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

form[action*="confdomains"] button[type="submit"]:hover,
#frmConfigureDomains button[type="submit"]:hover,
#order-standard_cart form button[type="submit"]:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 16px rgba(16, 185, 129, 0.4) !important;
    color: #ffffff !important;
}

form[action*="confdomains"] .text-center,
#frmConfigureDomains .text-center,
#order-standard_cart form .text-center {
    text-align: center !important;
    margin-top: 16px !important;
    width: 100% !important;
}