/* Global Cart - IQ-Hosting.com */

:root {
    --domain-input-height: 48px;
    --domain-input-height-mobile: 44px;
    --renewal-card-radius: 16px;
    --renewal-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    --renewal-card-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.08);
    --renewal-padding-lg: 1.5rem 2rem;
    --renewal-padding-md: 1.25rem 1.5rem;
	}

.form-control {
  height: auto;
  min-height: calc(1.5em + 1.25rem + 2px);
  font-size: 14px;
  border-color: var(--border-color);
}

#order-standard_cart {
    font-family: var(--font-family-arabic);
    color: var(--body-color);
    background: transparent;
    margin: 2rem 0 0;
    padding: 1rem 0 40px 0;
    font-size: 14px;
    line-height: 1.6;
}

#order-standard_cart * {
    box-sizing: border-box;
}


/* Layout Structure */
#order-standard_cart .cart-sidebar {
    display: none;
}

#order-standard_cart .cart-body {
    width: 100%;
    float: none;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    overflow: visible;
}

#order-standard_cart .secondary-cart-body {
    width: 70%;
    float: left;
    overflow: visible;
}

#order-standard_cart .secondary-cart-sidebar {
    width: 30%;
    float: right;
    position: sticky;
    overflow-y: auto;
    margin: 0;
    max-width: 100%;
	padding-right: 0;
}

/* Page Header */
.header-lined {
    text-align: center;
    padding: 2.5rem 1.5rem;
    background: linear-gradient(135deg, rgba(29, 175, 187, 0.03) 0%, rgba(29, 175, 187, 0.01) 100%);
    border-radius: 16px;
    border: 1px solid rgba(29, 175, 187, 0.08);
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
}

.header-lined::before {
    display: none;
}

.header-lined h1 {
    font-family: var(--font-family-arabic);
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 0.75rem;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.2;
}

.header-lined p {
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 auto;
    font-family: var(--font-family-arabic);
    max-width: 600px;
}

#order-standard_cart .input-group-lg > .form-control {
    border-radius: 0px 10px 10px 0;
	height: 60px;
}

@media (max-width: 767px) {
#order-standard_cart .input-group-lg > .form-control {
	height: auto;
}
}
/* Domain Checker Container */
.domain-checker-container {
    margin: 3rem 0;
    padding: 0;
    background: var(--dark);
    border-radius: 24px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
}

.domain-checker-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.3;
}

.domain-checker-bg {
    margin: 0;
    padding: 4rem 2rem;
    background: none;
    border-radius: 24px;
    position: relative;
    z-index: 2;
}

.domain-checker-container .input-group-box {
    margin: 0 auto;
    padding: 12px;
    width: 100%;
    max-width: 650px;
    background: var(--white);
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.domain-checker-container .form-control {
    border: 1px solid var(--border-color);
    border-radius: 0 16px 16px 0;
    font-family: var(--font-family-arabic);
    font-size: 16px;
    padding: 18px 24px;
    height: 60px;
    background: var(--white);
    color: var(--heading-color);
    transition: all 0.3s ease;
    font-weight: 400;
}

.domain-checker-container .form-control:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
    border-color: var(--primary);
}

.domain-checker-container .form-control::placeholder {
    color: var(--text-muted);
    font-weight: 400;
}

.domain-checker-container .btn {
    border-radius: 20px 0 0 20px;
    height: 60px;
    padding: 18px 36px;
    font-family: var(--font-family-arabic);
    font-weight: 600;
    font-size: 16px;
    border: none;
    background-color: var(--primary);
    color: var(--white);
}

.domain-checker-container .btn:hover {
    background-color: var(--primary-dark);
    color: var(--white);
}

/* Domain Search Primary Result */
#searchDomainInfo .domain-lookup-result {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 3rem 2rem;
    margin: 2rem 0;
    width: 100%;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    text-align: center;
    position: relative;
}

#searchDomainInfo .domain-lookup-result .domain-available:before {
    content: '\f00c';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 700;
    width: 50px;
    height: 50px;
    background: var(--success);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 0.45rem;
}

#searchDomainInfo .domain-lookup-result .domain-available {
    color: var(--success);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0;
    display: inline;
    align-items: center;
    line-height: 1.4;
}

#searchDomainInfo .domain-lookup-result .domain-available strong {
    color: var(--body-color);
    font-weight: 700;
    margin-top: 0.5rem;
}

#searchDomainInfo .domain-price {
    margin: 0.5rem;
    color: var(--body-color);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
}

#searchDomainInfo .domain-price .price {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--success);
    margin: 0;
    display: inline;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .domain-checker-result-headline {
    margin: 0;
}

#searchDomainInfo .domain-price .btn-add-to-cart {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    border: none;
    min-height: 52px;
    display: block;
    margin: 1rem auto 0;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

#searchDomainInfo .domain-price .btn-add-to-cart:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--white);
}

#searchDomainInfo .btn-add-to-cart.checkout,
#searchDomainInfo .btn-add-to-cart.added {
    background: var(--success) !important;
    border-color: var(--success) !important;
    color: var(--white);
}

#searchDomainInfo .btn-add-to-cart.checkout:hover,
#searchDomainInfo .btn-add-to-cart.added:hover {
    background: var(--success-dark) !important;
    border-color: var(--success-dark) !important;
    color: var(--white);
}

#searchDomainInfo .domain-lookup-result .domain-unavailable,
#searchDomainInfo .domain-lookup-result .domain-invalid {
    color: var(--danger-dark);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.4;
}

#searchDomainInfo .domain-lookup-result .domain-unavailable strong,
#searchDomainInfo .domain-lookup-result .domain-invalid strong {
    color: var(--body-color);
    font-weight: 700;
    margin-top: 0.5rem;
}

#searchDomainInfo .domain-lookup-result .domain-unavailable:before,
#searchDomainInfo .domain-lookup-result .domain-invalid:before {
    content: '\f00d';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 700;
    width: 50px;
    height: 50px;
    background: var(--danger);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 0.45rem;
}

#searchDomainInfo .domain-contact-support {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    padding: 0.875rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    border: none;
    min-height: 48px;
}

#searchDomainInfo .domain-contact-support:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--white);
}

#searchDomainInfo .domain-lookup-loader {
    color: var(--primary);
    font-size: 1.1rem;
    font-weight: 500;
    margin: 2rem 0;
}

#searchDomainInfo .domain-lookup-loader i {
    font-size: 1.5rem;
    margin-left: 0.5rem;
    color: var(--primary);
}

#searchDomainInfo .idn-language-selector {
    background: var(--gray-light);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

#searchDomainInfo .idn-language-selector .form-control {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 14px;
    transition: all 0.3s ease;
}

#searchDomainInfo .idn-language-selector .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
}

#searchDomainInfo .domain-error {
    color: var(--danger);
    font-size: 0.9rem;
    margin-top: 1rem;
    text-align: center;
}

/* Spotlight TLDs */
#order-standard_cart .spotlight-tlds {
    background: transparent;
    padding: 0;
    margin: 3rem 0;
}

#order-standard_cart .spotlight-tlds-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

#order-standard_cart .spotlight-tld-container {
    flex: 1;
    min-width: 0;
    max-width: none;
    width: auto;
    box-sizing: border-box;
    padding: 12px;
}

#order-standard_cart .spotlight-tld-container-1,
#order-standard_cart .spotlight-tld-container-2,
#order-standard_cart .spotlight-tld-container-3,
#order-standard_cart .spotlight-tld-container-4,
#order-standard_cart .spotlight-tld-container-5,
#order-standard_cart .spotlight-tld-container-6,
#order-standard_cart .spotlight-tld-container-7,
#order-standard_cart .spotlight-tld-container-8 {
    flex: 1;
    min-width: calc(100% / 6);
    max-width: calc(100% / 6);
}

#order-standard_cart .spotlight-tld {
    background: var(--white);
    border: 1px solid rgba(29, 175, 187, 0.12);
    border-radius: 16px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 1rem 1.5rem;
    text-align: center;
    position: relative;
    overflow: visible;
    transition: all 0.3s ease;
    font-size: 18px;
    font-weight: 700;
    color: var(--heading-color);
}

#order-standard_cart .spotlight-tld:hover {
    border-color: var(--primary);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

#order-standard_cart .spotlight-tld .spotlight-tld-new,
#order-standard_cart .spotlight-tld .spotlight-tld-hot,
#order-standard_cart .spotlight-tld .spotlight-tld-sale {
    position: absolute;
    top: -9px;
    left: 50%;
    padding: 5px;
    font-size: 11px;
    font-weight: 500;
    color: var(--white);
    border-radius: 10px;
    z-index: 10;
    width: 55px;
    transform: translateX(-50%);
    line-height: 1;
    right: auto !important;
}

#order-standard_cart .spotlight-tld .spotlight-tld-new {
    background: linear-gradient(135deg, var(--success) 0%, #20c997 100%);
}

#order-standard_cart .spotlight-tld .spotlight-tld-hot {
    background: linear-gradient(135deg, var(--danger) 0%, #e74c3c 100%);
}

#order-standard_cart .spotlight-tld .spotlight-tld-sale {
    background: linear-gradient(135deg, var(--warning) 0%, #f39c12 100%);
}

#order-standard_cart .spotlight-tld .domain-lookup-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    margin-top: auto;
    width: 100%;
}

#order-standard_cart .spotlight-tld .available.price {
    font-weight: 600;
    color: var(--primary);
    font-size: 13px;
    margin: 0;
    display: block;
    margin-bottom: 0.6rem;
}

#order-standard_cart .spotlight-tld .btn {
    width: 80% !important;
    min-height: 32px !important;
    font-size: 12px;
    font-weight: 500 !important;
    border-radius: 6px !important;
    margin: 0 auto !important;
    border: none !important;
    padding: 0.375rem 0.5rem !important;
    line-height: 1.2 !important;
    transition: all 0.3s ease !important;
}

#order-standard_cart .spotlight-tld .btn-add-to-cart:not(.checkout):not(.added) {
    background-color: var(--dark) !important;
    color: var(--white) !important;
}

#order-standard_cart .spotlight-tld .btn-add-to-cart:not(.checkout):not(.added):hover {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

#order-standard_cart .spotlight-tld .btn-add-to-cart.checkout,
#order-standard_cart .spotlight-tld .btn-add-to-cart.added,
#order-standard_cart .spotlight-tld .btn-add-to-cart:has(.added[style*="display: block"]),
#order-standard_cart .spotlight-tld .btn-add-to-cart:has(.added[style*="display: inline"]) {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
    color: var(--white) !important;
}

#order-standard_cart .spotlight-tld .btn-add-to-cart.checkout:hover,
#order-standard_cart .spotlight-tld .btn-add-to-cart.added:hover,
#order-standard_cart .spotlight-tld .btn-add-to-cart:has(.added[style*="display: block"]):hover,
#order-standard_cart .spotlight-tld .btn-add-to-cart:has(.added[style*="display: inline"]):hover {
    background-color: var(--success-dark) !important;
    border-color: var(--success-dark) !important;
    color: var(--white) !important;
}

#order-standard_cart .spotlight-tld .btn.domain-contact-support {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

#order-standard_cart .spotlight-tld .btn.domain-contact-support:hover {
    background-color: var(--primary-dark) !important;
    color: var(--white) !important;
}

#order-standard_cart .spotlight-tld .domain-lookup-spotlight-loader {
    line-height: 40px;
    font-size: 1rem;
    color: var(--text-muted);
    font-family: var(--font-family-arabic);
}

/* Suggested Domains */
.suggested-domains {
    margin: 3rem 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--border-color);
}

.suggested-domains .card-header,
.suggested-domains .panel-heading {
    background: #f8fbfc;
    color: var(--heading-color);
    border: none;
    border-bottom: 2px solid #e6edf0;
    padding: 1.25rem 1.5rem;
    font-family: var(--font-family-arabic);
    font-weight: 700;
    font-size: 1.1rem;
}

.suggested-domains .list-group-item {
    border-left: none;
    border-right: none;
    border-color: var(--border-light);
    padding: 1.25rem 1.5rem;
    font-family: var(--font-family-arabic);
    transition: all 0.2s ease;
    min-height: 70px;
}

.suggested-domains .list-group-item:hover {
    background: var(--primary-light);
}

.suggested-domains .domain {
    font-weight: 600;
    font-size: 16px;
    color: var(--heading-color);
    font-family: var(--font-family-monospace);
}

.suggested-domains .extension {
    font-weight: 700;
    color: var(--primary);
    font-family: var(--font-family-monospace);
}

.suggested-domains .promo {
    margin-right: 0.75rem;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.suggested-domains .promo.hot {
    background: var(--danger);
    color: var(--white);
}

.suggested-domains .promo.new {
    background: var(--success);
    color: var(--white);
}

.suggested-domains .promo.sale {
    background: var(--warning);
    color: var(--white);
}

.suggested-domains .actions {
    float: left;
}

.suggested-domains .price {
    padding: 0 20px;
    font-size: 1.2em;
    font-weight: 600;
    color: var(--heading-color);
    font-family: var(--font-family-monospace);
}

.suggested-domains .btn:not(.domain-contact-support) {
    padding: 2px 10px !important;
    font-size: 12px;
    border-radius: 3px;
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white);
    line-height: 1 !important;
    min-height: 30px !important;
}

.suggested-domains .btn:not(.domain-contact-support):hover {
    background-color: var(--primary) !important;
    color: var(--white) !important;
    border-color: var(--primary) !important;
}

.suggested-domains .btn.domain-contact-support {
    padding: 2px 10px;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.suggested-domains .btn.domain-contact-support:hover {
    background-color: var(--primary-dark);
    color: var(--white);
}

.suggested-domains .btn-add-to-cart.checkout,
.suggested-domains .btn-add-to-cart.added,
.suggested-domains .btn-add-to-cart:has(.added[style*="display: block"]),
.suggested-domains .btn-add-to-cart:has(.added[style*="display: inline"]) {
    background-color: var(--success) !important;
    color: var(--white);
    border-color: var(--success) !important;
}

.suggested-domains .btn-add-to-cart:is(.checkout, .added):hover {
    background-color: var(--success-dark) !important;
    border-color: var(--success-dark) !important;
    color: var(--white) !important;
}

.suggested-domains .domain-lookup-suggestions-loader {
    padding: 30px 20px;
    background-color: var(--white);
    font-size: 14px;
    text-align: center;
    color: var(--text-muted);
}

.suggested-domains .card-footer,
.suggested-domains .panel-footer {
    background-color: var(--gray-light);
    border-top: 1px solid var(--border-color);
    padding: 15px 20px;
}

.suggested-domains .more-suggestions a {
    color: var(--primary);
    font-weight: 500;
    text-decoration: none;
}

.suggested-domains .more-suggestions a:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

.domain-suggestions-warning {
    padding: 15px 20px;
    font-size: 12px;
    color: var(--text-muted);
    background-color: var(--gray-light);
}

.domain-suggestions-warning p {
    margin: 0;
}
/* Domain Pricing Table */
.domain-pricing {
    margin: 4rem 0;
}

.domain-pricing h4 {
    font-family: var(--font-family-arabic);
    color: var(--heading-color);
    margin-bottom: 2rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
}

.domain-pricing .tld-filters {
    text-align: center;
    margin-bottom: 2rem;
}

.domain-pricing .tld-filters .badge {
    margin: 0.25rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    background-color: var(--gray-light);
    color: var(--body-color);
    border: 1px solid var(--border-color);
    border-radius: var(--custom-radius);
    text-decoration: none;
    transition: all 0.3s ease;
}

.domain-pricing .tld-filters .badge:hover,
.domain-pricing .tld-filters .badge.active {
    background-color: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

.domain-pricing .bg-white {
    background: var(--white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--border-color);
}

.domain-pricing .tld-pricing-header {
    background: #f8fbfc !important;
    color: var(--heading-color);
    font-weight: 700;
    font-family: var(--font-family-arabic);
}

.domain-pricing .tld-pricing-header .col-md-4,
.domain-pricing .tld-pricing-header .col-xs-4 {
    padding: 1.5rem 1.25rem !important;
    border: none;
    background: #f8fbfc !important;
    border-radius: 0;
    border-color: transparent !important;
}

.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-xs-4 {
    background-color: #f8fbfc !important;
    border-color: transparent !important;
    border-bottom: none !important;
}

.domain-pricing .tld-pricing-header div:nth-child(odd),
.domain-pricing .tld-pricing-header div:nth-child(even),
.domain-pricing .tld-pricing-header div:nth-child(2n+1) {
    background-color: #f8fbfc !important;
    border-color: transparent !important;
}

.domain-pricing .tld-row {
    padding: 0.75rem 0 !important;
    border-bottom: 1px solid var(--border-light);
    transition: all 0.2s ease;
    font-family: var(--font-family-arabic);
    align-items: center;
    min-height: 70px !important;
}

.domain-pricing .tld-row:hover {
    background: var(--primary-light) !important;
}

.domain-pricing .tld-row:last-child {
    border-bottom: none;
}

.domain-pricing .two-row-center {
    padding: 1.25rem !important;
    font-weight: 600;
    color: var(--heading-color);
    border: none;
    margin: 0;
    line-height: 1.4;
}

.domain-pricing .tld-sale-group {
    display: inline-block;
    margin-right: 0.5rem;
    padding: 5px 8px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--white);
    border-radius: 4px;
    font-family: var(--font-family-arabic);
    line-height: 1;
}

.domain-pricing .tld-sale-group-new {
    background: var(--success);
}

.domain-pricing .tld-sale-group-hot {
    background: var(--danger);
}

.domain-pricing .tld-sale-group-sale {
    background: var(--warning);
}

.domain-pricing .tld-row.highlighted {
    background: transparent;
}

/* Forms */
#order-standard_cart .form-control {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font-family: var(--font-family-arabic);
    transition: all 0.3s ease;
    padding: 0.75rem 1rem;
    font-size: 14px;
    height: 48px;
    min-height: 48px;
}
#order-standard_cart .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(29, 175, 187, 0.25);
    outline: none;
}

/* Buttons */
#order-standard_cart .btn-checkout {
    padding: 0.875rem 2rem;
    font-size: 16px;
    font-weight: 600;
    min-height: 50px;
}

/* Utilities */
.font-size-36 { font-size: 36px; }
.font-size-30 { font-size: 30px; }
.font-size-24 { font-size: 24px; }
.font-size-22 { font-size: 22px; }
.font-size-18 { font-size: 18px; }
.font-size-14 { font-size: 14px; }
.font-size-12 { font-size: 12px; }

/* Domain Configuration Page Enhancements */
#order-standard_cart .section-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

#order-standard_cart .section-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);;
    border-color: rgba(var(--primary-rgb), 0.2);
}

#order-standard_cart .domain-basic-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
}

#order-standard_cart .domain-basic-info .form-group {
    margin-bottom: 0;
}

#order-standard_cart .domain-basic-info .form-group label {
    font-weight: 600;
    color: var(--text-muted);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

#order-standard_cart .domain-basic-info .domain-value {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--heading-color);
}

#order-standard_cart .hosting-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

#order-standard_cart .hosting-link.has-hosting {
    background: var(--success-light);
    color: var(--success-dark);
}

#order-standard_cart .hosting-link.no-hosting {
    background: var(--danger-light);
    color: var(--danger-dark);
}

#order-standard_cart .hosting-link:hover {
    text-decoration: none;
}

#order-standard_cart .hosting-link i {
    margin-left: 0;
    margin-right: 0;
}

#order-standard_cart .addon-products {
    margin-top: 1.5rem;
}
/* الحل النهائي - الاعتماد فقط على حالة iCheck */

#order-standard_cart .panel-addon {
    border: 2px solid var(--border-light) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    min-height: 200px !important;
    display: flex !important;
    flex-direction: column !important;
    font-size: 1rem !important;
    text-align: right !important;
    /* إزالة أي خلفية افتراضية */
    background: var(--white) !important;
}

#order-standard_cart .panel-addon:hover {
    border-color: var(--primary) !important;
}

/* الحالة المحددة - فقط عند وجود .checked في iCheck */
#order-standard_cart .panel-addon:has(.icheckbox_square-blue.checked) {
    border-color: var(--success) !important;
    background: var(--success-light) !important;
}

#order-standard_cart .panel-addon:has(.icheckbox_square-blue.checked):hover {
    border-color: var(--success-dark) !important;
}

/* إزالة كل اعتماد على panel-addon-selected */
#order-standard_cart .panel-addon-selected {
    /* لا نستخدم هذا */
}

#order-standard_cart .panel-addon .panel-body {
    padding: 1.5rem !important;
    flex-grow: 1 !important;
    background: var(--white) !important;
    border-radius: 0 !important;
}

#order-standard_cart .panel-addon .panel-body label {
    font-weight: 700 !important;
    color: var(--heading-color) !important;
    font-size: 1rem !important;
    margin-bottom: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    cursor: pointer !important;
}

/* الحالة الأساسية - غير محدد */
#order-standard_cart .panel-addon .icheckbox_square-blue {
    width: 20px !important;
    height: 20px !important;
    background-image: none !important;
    background-color: var(--white) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 4px !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    background-position: initial !important;
}

/* إزالة أي محتوى افتراضي */
#order-standard_cart .panel-addon .icheckbox_square-blue::after {
    content: '' !important;
    display: none !important;
}

/* فقط عندما يحتوي على class checked */
#order-standard_cart .panel-addon .icheckbox_square-blue.checked {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
    background-image: none !important;
    background-position: initial !important;
}

/* علامة الصح فقط مع checked */
#order-standard_cart .panel-addon .icheckbox_square-blue.checked::after {
    content: '\f00c' !important;
    font-family: "Font Awesome 5 Pro", "FontAwesome" !important;
    color: var(--white) !important;
    font-size: 12px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-weight: 900 !important;
    display: block !important;
}

/* حالة التحويم - غير محدد */
#order-standard_cart .panel-addon .icheckbox_square-blue:not(.checked):hover {
    border-color: var(--primary) !important;
    background-color: var(--primary-light) !important;
}

/* حالة التحويم - محدد */
#order-standard_cart .panel-addon .icheckbox_square-blue.checked:hover {
    background-color: var(--success-dark) !important;
    border-color: var(--success-dark) !important;
}

#order-standard_cart .panel-addon .panel-price {
    background: var(--gray-light) !important;
    padding: 1rem 1.5rem !important;
    font-weight: 600 !important;
    color: var(--heading-color) !important;
    text-align: center !important;
    border-top: 1px solid var(--border-light) !important;
}

/* panel-price يتغير فقط مع checked */
#order-standard_cart .panel-addon:has(.icheckbox_square-blue.checked) .panel-price {
    background: rgba(var(--success-rgb), 0.1) !important;
}

#order-standard_cart .panel-addon .panel-add {
    background: var(--primary) !important;
    color: var(--white) !important;
    padding: 0.75rem 1.5rem !important;
    text-align: center !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    border-radius: 0 !important;
}

#order-standard_cart .panel-addon:hover .panel-add {
    background: var(--primary-dark) !important;
}

/* panel-add يتغير فقط مع checked */
#order-standard_cart .panel-addon:has(.icheckbox_square-blue.checked) .panel-add {
    background: var(--success) !important;
}

#order-standard_cart .panel-addon:has(.icheckbox_square-blue.checked):hover .panel-add {
    background: var(--success-dark) !important;
}

/* حل بديل إذا لم يدعم المتصفح :has() */
@supports not (selector(:has(*))) {
    /* للمتصفحات القديمة - نستخدم JavaScript selector */
    #order-standard_cart .panel-addon.js-checked {
        border-color: var(--success) !important;
        background: var(--success-light) !important;
    }
    
    #order-standard_cart .panel-addon.js-checked:hover {
        border-color: var(--success-dark) !important;
    }
    
    #order-standard_cart .panel-addon.js-checked .panel-price {
        background: rgba(var(--success-rgb), 0.1) !important;
    }
    
    #order-standard_cart .panel-addon.js-checked .panel-add {
        background: var(--success) !important;
    }
    
    #order-standard_cart .panel-addon.js-checked:hover .panel-add {
        background: var(--success-dark) !important;
    }
}

/* إصلاح الراديو في خيارات التكوين */
#order-standard_cart .radio-option input[type="radio"] {
    opacity: 1 !important;
    position: relative !important;
    z-index: 999 !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: var(--white) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

#order-standard_cart .radio-option input[type="radio"]:checked {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

#order-standard_cart .radio-option input[type="radio"]:checked::after {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--white) !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}

/* إصلاح الـ checkbox في خيارات التكوين */
#order-standard_cart .checkbox-option input[type="checkbox"] {
    opacity: 1 !important;
    position: relative !important;
    z-index: 999 !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: var(--white) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

#order-standard_cart .checkbox-option input[type="checkbox"]:checked {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

#order-standard_cart .checkbox-option input[type="checkbox"]:checked::after {
    content: '\f00c' !important;
    font-family: "Font Awesome 5 Pro", "FontAwesome" !important;
    color: var(--white) !important;
    font-size: 12px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-weight: 900 !important;
    display: block !important;
}

/* إخفاء العنصر الأصلي في الإضافات */
#order-standard_cart .panel-addon input[type="checkbox"] {
    display: none !important;
}

/* التأكد من عمل iCheck-helper */
#order-standard_cart .panel-addon .iCheck-helper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    z-index: 1 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart .nameservers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

#order-standard_cart .nameserver-field {
    position: relative;
}

#order-standard_cart .nameserver-field label {
    font-weight: 600 !important;
    color: var(--heading-color) !important;
    margin-bottom: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

#order-standard_cart .nameserver-field .ns-number {
    background: var(--primary);
    color: var(--white);
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
}

#order-standard_cart .nameserver-field .form-control {
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    font-family: var(--font-family-monospace) !important;
}

#order-standard_cart .nameserver-field .form-control:focus {
    border-color: var(--primary) !important;
}

#order-standard_cart .epp-section {
    background: var(--warning-light);
    border: 1px solid rgba(var(--warning-rgb), 0.2);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

#order-standard_cart .epp-section h6 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--warning-dark);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

#order-standard_cart .epp-section h6 i {
    background: var(--warning);
    color: var(--white);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-standard_cart .prepend-icon {
    position: relative ;
    display: block ;
    width: 100% ;
}

#order-standard_cart .prepend-icon .field {
    width: 100% ;
    padding-left: 1rem ;
    padding-right: 2.5rem ;
    border: 2px solid var(--border-color) ;
    border-radius: 8px ;
    background: var(--white) ;
    transition: all 0.3s ease ;
    display: block ;
    position: relative ;
    z-index: 1 ;
    height: 42px ;
    line-height: 1.4 ;
}

#order-standard_cart .prepend-icon .field:focus {
    border-color: var(--primary) ;
}

#order-standard_cart .prepend-icon .field-icon {
    position: absolute ;
    right: 0 ;
    top: 0 ;
    bottom: 0 ;
    width: 2rem ;
    height: 42px ;
    line-height: 42px ;
    z-index: 2 ;
    pointer-events: none ;
    text-align: center ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
	margin-right: 0.4rem;
}

#order-standard_cart .field-icon i {
    color: var(--primary) ;
    font-size: 1rem ;
}

#order-standard_cart .epp-section .prepend-icon .field {
    border-color: rgba(var(--warning-rgb), 0.3) ;
}

#order-standard_cart .epp-section .prepend-icon .field:focus {
    border-color: var(--warning) ;
    box-shadow: 0 0 0 4px rgba(var(--warning-rgb), 0.1) ;
}

#order-standard_cart .epp-section .field-icon i {
    color: var(--warning) ;
}

#order-standard_cart .submit-section {
    text-align: center;
    padding: 0 0 1rem 0;
}
/* View Cart Container & Header */
#order-standard_cart .view-cart-container {
    border-radius: 12px;
    overflow: visible;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid var(--border-light);
    margin-bottom: 2rem;
    background: var(--white);
}

#order-standard_cart .view-cart-items-header {
    background: #f8fbfc;
    color: var(--body-color);
    padding: 1rem 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-light);
    font-family: var(--font-family-arabic);
    font-size: 0.9rem;
    border-radius: 12px 12px 0 0;
}

#order-standard_cart .view-cart-items-header .row {
    margin: 0;
    align-items: center;
}

#order-standard_cart .view-cart-items-header .row > [class*="col-"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* View Cart Items Main */
#order-standard_cart .view-cart-items {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    overflow: visible;
    min-height: auto;
}

#order-standard_cart .view-cart-items .item {
    background: var(--white);
    padding: 1rem 1rem 1rem 1.5rem;
    border-bottom: 1px solid var(--border-light);
    transition: all 0.3s ease;
    margin-bottom: 0;
    overflow: visible;
    position: relative;
    z-index: 1;
}

#order-standard_cart .view-cart-items .item:nth-child(even),
#order-standard_cart .view-cart-items .item:nth-child(odd),
#order-standard_cart .view-cart-items .item:nth-child(2n) {
    background: var(--white);
}

#order-standard_cart .view-cart-items .item:last-child {
    border-bottom: none;
    border-radius: 0 0 12px 12px;
}

#order-standard_cart .view-cart-items .item:hover {
    background: rgba(29, 175, 187, 0.02);
    z-index: 2;
}

#order-standard_cart .view-cart-items .item.promo-item,
#order-standard_cart .view-cart-items .item.promo-item:hover {
    background: var(--white);
    padding: 1.5rem;
}

#order-standard_cart .view-cart-items .item .row {
    align-items: flex-start;
    overflow: visible;
    margin: 0;
}

#order-standard_cart .view-cart-items .item .row > [class*="col-"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    overflow: visible;
}

#order-standard_cart .view-cart-items .item .row > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: visible;
}

#order-standard_cart .view-cart-items .item .row > div:last-child {
    justify-content: flex-start;
}

#order-standard_cart .view-cart-items .item .item-actions-left {
    display: none !important;
}

/* Item Header Structure */
#order-standard_cart .view-cart-items .item-header {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

#order-standard_cart .view-cart-items .title-group-line {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

#order-standard_cart .view-cart-items .item-title {
    font-weight: 700;
    color: var(--heading-color);
    font-size: 1.1rem;
    line-height: 1.4;
    font-family: var(--font-family-arabic);
    margin: 0;
    flex-shrink: 0;
}

#order-standard_cart .view-cart-items .item-group {
    background: var(--primary-light);
    color: var(--primary-dark);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-family: var(--font-family-arabic);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    flex-shrink: 0;
}

#order-standard_cart .view-cart-items .domain-line {
    display: flex;
    align-items: center;
}

#order-standard_cart .view-cart-items .item-domain {
    color: var(--primary);
    font-weight: 600;
    font-family: var(--font-family-monospace);
    font-size: 0.9rem;
    direction: ltr;
    text-align: right;
    display: inline-block;
    margin-bottom: 0.5rem;
}

/* Item Configuration Options */
#order-standard_cart .view-cart-items .item-config-options {
    margin-top: 0.75rem;
}

#order-standard_cart .view-cart-items .config-option {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
    font-family: var(--font-family-arabic);
    transition: all 0.3s ease;
}

#order-standard_cart .view-cart-items .config-option:last-child {
    margin-bottom: 0;
}

#order-standard_cart .view-cart-items .config-option:hover {
    border-color: var(--primary);
    background: var(--primary-light);
}

#order-standard_cart .view-cart-items .config-option::before {
    content: '\f013';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    color: var(--primary);
    font-size: 0.7rem;
    margin-top: 0.1rem;
    flex-shrink: 0;
}

#order-standard_cart .view-cart-items .config-option-name {
    font-weight: 600;
    color: var(--heading-color);
    margin-left: 0.25rem;
}

#order-standard_cart .view-cart-items .config-option-value {
    color: var(--text-muted);
    font-weight: 500;
}

/* Item Features */
#order-standard_cart .view-cart-items .item-features {
    margin-top: 0.75rem;
}

#order-standard_cart .view-cart-items .item-features-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

#order-standard_cart .view-cart-items .item-feature {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-size: 0.8rem;
    color: var(--body-color);
    font-family: var(--font-family-arabic);
    line-height: 1.3;
    transition: all 0.3s ease;
}

#order-standard_cart .view-cart-items .item-feature:hover {
    border-color: var(--success);
    background: var(--success-light);
    color: var(--success-dark);
}

#order-standard_cart .view-cart-items .item-feature::before {
    content: '\f00c';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    color: var(--success);
    font-size: 0.7rem;
    margin-top: 0.1rem;
    flex-shrink: 0;
}

#order-standard_cart .view-cart-items .item-feature-text {
    flex: 1;
    font-weight: 500;
}

#order-standard_cart .view-cart-items .item small {
    color: var(--text-muted);
    font-size: 0.8rem;
    line-height: 1.4;
    margin-top: 0.5rem;
    display: block;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .view-cart-items .item-domain + br + small,
#order-standard_cart .view-cart-items .item-domain ~ small {
    margin-top: 0.75rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-light);
}

/* Item Price */
#order-standard_cart .view-cart-items .item-price {
    text-align: center;
    font-weight: 700;
    color: var(--heading-color);
    font-family: var(--font-family-arabic);
    overflow: visible;
    position: relative;
}

#order-standard_cart .view-cart-items .item-price > span:first-child:not(.renewal) {
    font-size: 1.3rem;
    color: var(--success);
    font-weight: 800;
    display: block;
    margin-bottom: 0.25rem;
}

#order-standard_cart .view-cart-items .item-price .cycle {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-weight: 500;
    display: block;
    margin-bottom: 1rem;
}

#order-standard_cart .view-cart-items .item-price .renewal {
    background: var(--success-light);
    border: 1px solid rgba(var(--success-rgb), 0.2);
    border-radius: 6px;
    padding: 0.44rem 0.5rem;
    font-size: 0.7rem;
    margin-top: 0.3rem;
    color: var(--success-dark);
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    display: flex;
    justify-content: center;
    gap: 0.375rem;
}

#order-standard_cart .view-cart-items .item-price .renewal::before {
    content: '\f017';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-size: 0.65rem;
    color: var(--success);
    opacity: 0.8;
    margin: 0;
    flex-shrink: 0;
}

#order-standard_cart .view-cart-items .item-price .renewal-price {
    color: var(--success-dark);
    font-weight: 600;
    font-size: 0.7rem;
    margin: 0;
}

/* Desktop Item Actions */
#order-standard_cart .item-actions {
    display: flex;
    justify-content: flex-end;
    align-items: end;
    gap: 0.25rem;
}

#order-standard_cart .item-actions.d-sm-block {
    display: flex !important;
}

#order-standard_cart .item-actions .btn-group,
#order-standard_cart .item-actions .btn-group-vertical {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    width: auto;
    justify-content: flex-end;
}

#order-standard_cart .item-actions .btn {
    min-width: 32px;
    height: 32px;
    padding: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin: 0;
    font-size: 12px;
    border-width: 1px;
    transition: all 0.3s ease;
}

#order-standard_cart .item-actions .btn i {
    margin: 0;
}

#order-standard_cart .item-actions .btn-outline-primary {
    background: var(--white);
    border-color: var(--primary-light);
    color: var(--primary);
}

#order-standard_cart .item-actions .btn-outline-primary:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

#order-standard_cart .item-actions .btn-outline-danger {
    background: var(--white);
    border-color: var(--danger-light);
    color: var(--danger);
}

#order-standard_cart .item-actions .btn-outline-danger:hover {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--white);
}

#order-standard_cart .item-actions .btn:disabled,
#order-standard_cart .item-actions .btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: var(--gray-light);
    border-color: var(--border-color);
    color: var(--text-muted);
}

/* Item Quantity */
#order-standard_cart .item-qty {
    text-align: center;
}

#order-standard_cart .item-qty input[type="number"] {
    max-width: 80px;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease;
}

#order-standard_cart .item-qty input[type="number"]:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
}

#order-standard_cart .item-qty .btn-xs {
    width: 100%;
    font-size: 11px;
    padding: 0.375rem 0.5rem;
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    border-radius: 6px;
    transition: all 0.3s ease;
}

#order-standard_cart .item-qty .btn-xs:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

/* Mobile Actions */
#order-standard_cart .mobile-actions {
    display: none;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-light);
}

#order-standard_cart .mobile-actions .mr-1 {
    margin-right: 0.25rem;
}

[dir="rtl"] #order-standard_cart .mobile-actions .mr-1 {
    margin-right: 0;
    margin-left: 0.25rem;
}

#order-standard_cart .mobile-actions .form-label {
    font-weight: 600;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#order-standard_cart .mobile-actions .input-group-sm .form-control {
    border: 1px solid var(--border-color);
    border-radius: 6px 0 0 6px;
    text-align: center;
    transition: all 0.3s ease;
}

#order-standard_cart .mobile-actions .input-group-sm .form-control:focus {
    border-color: var(--primary);
    box-shadow: none;
}

#order-standard_cart .mobile-actions .input-group-sm .btn {
    border: 1px solid var(--primary);
    background: var(--primary);
    color: var(--white);
    border-radius: 0 6px 6px 0;
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
}

#order-standard_cart .mobile-actions .btn-sm {
    min-height: 38px;
    border-radius: 6px;
    transition: all 0.3s ease;
    border-width: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    padding: 0.5rem 0.75rem;
}

#order-standard_cart .mobile-actions .btn-outline-primary {
    background: var(--white);
    border-color: var(--primary);
    color: var(--primary);
}

#order-standard_cart .mobile-actions .btn-outline-primary:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

#order-standard_cart .mobile-actions .btn-outline-danger {
    background: var(--white);
    border-color: var(--danger);
    color: var(--danger);
}

#order-standard_cart .mobile-actions .btn-outline-danger:hover {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--white);
}

/* General Buttons */
#order-standard_cart .btn-xs {
    padding: 0.375rem 0.75rem;
    font-size: 11px;
    line-height: 1.2;
    border-radius: 6px;
    font-weight: 500;
    margin-bottom: 0.25rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .view-cart-items .btn i {
    font-size: 10px;
}

#order-standard_cart .btn-link.btn-xs {
    background: var(--white);
    border: 1px solid var(--border-color);
    color: var(--body-color);
    text-decoration: none;
}

#order-standard_cart .btn-link.btn-xs:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    text-decoration: none;
}

#order-standard_cart .btn-xs.btn-remove-from-cart {
    background: var(--white);
    border: 1px solid var(--danger-light);
    color: var(--danger);
}

#order-standard_cart .btn-xs.btn-remove-from-cart:hover {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--white);
}

/* Additional Elements */
#order-standard_cart .view-cart-empty {
    padding: 30px 15px;
    text-align: center;
    color: var(--text-muted);
    background: var(--gray-light);
    border-radius: 8px;
    margin: 1rem;
}

#order-standard_cart .row-upgrade-credit {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-light);
}

#order-standard_cart .row-upgrade-credit .item-price {
    color: var(--danger);
}

#order-standard_cart .upgrade-calc-msg {
    background: var(--info-light);
    border: 1px solid rgba(var(--info-rgb), 0.2);
    border-radius: 6px;
    padding: 0.5rem;
    font-size: 0.8rem;
    color: var(--info-dark);
    margin-top: 0.5rem;
}

/* RTL Support */
[dir="rtl"] #order-standard_cart .view-cart-items .item-domain {
    text-align: right;
    direction: ltr;
    unicode-bidi: plaintext;
}

/* Responsive Design */
@media (min-width: 576px) {
    #order-standard_cart .mobile-actions {
        display: none !important;
    }
}

@media (max-width: 575px) {
    #order-standard_cart .view-cart-items .item .col-sm-2.d-none.d-sm-block.item-actions {
        display: none !important;
    }
    
    #order-standard_cart .mobile-actions {
        display: block !important;
    }
    
    #order-standard_cart .view-cart-items-header {
        padding-left: 1rem;
        font-size: 0.8rem;
    }
    
    #order-standard_cart .view-cart-items .item {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #order-standard_cart .view-cart-items .item-price .renewal {
        flex-wrap: wrap;
        font-size: 0.6rem;
    }
    
    #order-standard_cart .view-cart-items .item-price .renewal-price {
        font-size: 0.6rem;
    }
    
    #order-standard_cart .mobile-actions .btn-sm {
        min-height: 36px;
        font-size: 0.8rem;
    }
    
    #order-standard_cart .view-cart-items .title-group-line {
        gap: 0.4rem;
    }
    
    #order-standard_cart .view-cart-items .item-title {
        font-size: 0.95rem;
    }
    
    #order-standard_cart .view-cart-items .item-group {
        font-size: 0.65rem;
        padding: 0.15rem 0.5rem;
    }
    
    #order-standard_cart .view-cart-items .item-domain {
        font-size: 0.8rem;
    }
}

@media (max-width: 767px) {
    #order-standard_cart .view-cart-items-header {
        padding-left: 1rem;
    }
    
    #order-standard_cart .view-cart-items .item {
        padding-left: 1rem;
    }

    #order-standard_cart .view-cart-items .item-price .renewal {
        font-size: 0.65rem;
        padding: 0.4rem;
        margin-top: 0.4rem;
        gap: 0.25rem;
    }
    
    #order-standard_cart .view-cart-items .item-price .renewal::before {
        font-size: 0.6rem;
    }
    
    #order-standard_cart .view-cart-items .item-price .renewal-price {
        font-size: 0.65rem;
    }
}

@media (max-width: 768px) {
    #order-standard_cart .view-cart-items .title-group-line {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    #order-standard_cart .view-cart-items .item-title {
        font-size: 1rem;
    }
    
    #order-standard_cart .view-cart-items .item-group {
        font-size: 0.7rem;
        padding: 0.2rem 0.6rem;
    }
    
    #order-standard_cart .view-cart-items .item-domain {
        font-size: 0.85rem;
    }
    
    #order-standard_cart .view-cart-items .item-features-list {
        gap: 0.375rem;
    }
    
    #order-standard_cart .view-cart-items .item-feature {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }
    
    #order-standard_cart .view-cart-items .config-option {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
    }
}

/* Dropdown Improvements */
#order-standard_cart .dropdown {
    position: relative !important;
    display: inline-block;
    width: 100%;
	padding-top: 2.6rem;
}

#order-standard_cart .dropdown .dropdown-toggle {
background: var(--white) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 6px !important;
  padding: 0.45rem 3rem 0.45rem 1rem !important;
    padding-right: 3rem;
    padding-left: 1rem;
  font-size: 13px !important;
  color: var(--body-color) !important;
  width: 100% !important;
  text-align: right !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-family: var(--font-family-arabic) !important;
}
@media (max-width: 768px) {
	#order-standard_cart .dropdown {
	padding-top: 1.95rem;
}
#order-standard_cart .dropdown .dropdown-toggle {
padding: 0.34rem 3rem 0.34rem 1rem !important;
    min-height: 28px !important;
}
}
@media (max-width: 576px) {
#order-standard_cart .dropdown {
	padding-top: 1rem;
}
#order-standard_cart .dropdown .dropdown-toggle {
padding: 0.45rem 3rem 0.45rem 1rem !important;
    min-height: 30px !important;
  }
}
}

#order-standard_cart .dropdown .dropdown-toggle:hover,
#order-standard_cart .dropdown .dropdown-toggle:focus {
    background: var(--primary-light) !important;
    border-color: var(--primary) !important;
    color: var(--primary-dark) !important;
    outline: none !important;
    box-shadow: none !important;
}

#order-standard_cart .dropdown .dropdown-toggle .caret {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline-block !important;
    position: absolute !important;
    right: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    transition: transform 0.3s ease !important;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    color: var(--text-muted) !important;
    line-height: 1 !important;
}

#order-standard_cart .dropdown .dropdown-toggle .caret::before {
    content: '\f107' !important;
    display: inline-block !important;
	color: var(--primary);
}

#order-standard_cart .dropdown.show .dropdown-toggle .caret,
#order-standard_cart .dropdown .dropdown-toggle[aria-expanded="true"] .caret {
    transform: translateY(-50%) rotate(180deg) !important;
}

#order-standard_cart .dropdown .dropdown-toggle::after,
#order-standard_cart .dropdown .dropdown-toggle::before {
    display: none !important;
    content: none !important;
}

#order-standard_cart .dropdown .dropdown-toggle .fa:not(.caret),
#order-standard_cart .dropdown .dropdown-toggle .fas:not(.caret),
#order-standard_cart .dropdown .dropdown-toggle .far:not(.caret),
#order-standard_cart .dropdown .dropdown-toggle i:not(.caret) {
    display: none !important;
}

#order-standard_cart .dropdown .dropdown-toggle:hover .caret,
#order-standard_cart .dropdown .dropdown-toggle:focus .caret {
    color: var(--primary) !important;
}

#order-standard_cart .dropdown .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    background: var(--white);
    border: 1px solid var(--primary);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(29, 175, 187, 0.15);
    padding: 0.5rem 0;
    margin-top: 0.25rem !important;
    margin-bottom: 0 !important;
    width: 100%;
    min-width: 200px;
    max-height: 250px;
    overflow-y: auto;
    z-index: 1050 !important;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .dropdown .dropdown-menu[x-placement="top-start"],
#order-standard_cart .dropdown .dropdown-menu[x-placement="top"],
#order-standard_cart .dropdown .dropdown-menu[x-placement="top-end"],
#order-standard_cart .dropdown .dropdown-menu[data-placement*="top"] {
    top: 100% !important;
    bottom: auto !important;
    transform: none !important;
    margin-top: 0.25rem !important;
    margin-bottom: 0 !important;
}

#order-standard_cart .dropdown .dropdown-menu[style*="top:"] {
    top: 100% !important;
}

#order-standard_cart .dropdown .dropdown-menu[style*="bottom:"] {
    bottom: auto !important;
}

#order-standard_cart .dropdown .dropdown-menu[style*="transform"] {
    transform: none !important;
}

#order-standard_cart .dropdown .dropdown-menu[style] {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    will-change: auto !important;
}

#order-standard_cart .dropdown .dropdown-menu .dropdown-item {
    display: block !important;
    width: 100% !important;
    padding: 0.75rem 1rem !important;
    clear: both;
    font-weight: 400;
    color: var(--body-color) !important;
    text-align: right !important;
    white-space: nowrap;
    background: transparent !important;
    border: 0;
    font-size: 13px;
    line-height: 1.4;
    transition: all 0.3s ease;
}

#order-standard_cart .dropdown .dropdown-menu .dropdown-item:hover,
#order-standard_cart .dropdown .dropdown-menu .dropdown-item:focus {
    background: var(--primary-light) !important;
    color: var(--primary-dark) !important;
    text-decoration: none;
}

#order-standard_cart .dropdown .dropdown-menu .dropdown-item:active {
    background: var(--primary) !important;
    color: var(--white) !important;
}

#order-standard_cart .dropdown .dropdown-menu .dropdown-item a {
    text-decoration: none !important;
    color: inherit !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#order-standard_cart .dropdown .dropdown-menu .dropdown-item:hover a {
    color: inherit !important;
}

#order-standard_cart .dropdown .dropdown-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

#order-standard_cart .dropdown.show {
    z-index: 1060 !important;
}

#order-standard_cart .dropdown.show .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#order-standard_cart .dropdown .dropdown-menu.show {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    transform: none !important;
    margin-top: 0.25rem !important;
    margin-bottom: 0 !important;
}

#order-standard_cart .view-cart-items .item:last-child .dropdown .dropdown-menu {
    margin-bottom: 2rem;
}

/* Quantity Controls */
#order-standard_cart .item-qty input[type="number"] {
    max-width: 80px;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}

#order-standard_cart .item-qty .btn {
    width: 100%;
    font-size: 11px;
    padding: 0.375rem 0.5rem;
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

#order-standard_cart .item-qty .btn:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}



/* Promo Code Section */
#order-standard_cart .view-cart-promo {
    margin-top: 2rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid var(--border-light);
    background: var(--white);
}
#order-standard_cart .view-cart-promo .view-cart-items-header {
    background: #f8fbfc;
    color: var(--body-color);
    padding: 1rem 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-light);
    font-family: var(--font-family-arabic);
}

#order-standard_cart .view-cart-promo .view-cart-items {
    background: var(--white);
}




#order-standard_cart .view-cart-promo .promo-item {
    background: var(--white) !important;
    padding: 1.5rem;
}

#order-standard_cart .view-cart-promo .promo-item:hover {
        background: rgba(29, 175, 187, 0.02) !important; 

}

#order-standard_cart .promo-item .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    align-items: end;
}

#order-standard_cart .promo-item .col-sm-8,
#order-standard_cart .promo-item .col-sm-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#order-standard_cart .promo-item .form-group {
    margin-bottom: 0;
}

#order-standard_cart .promo-item .prepend-icon {
    position: relative;
    display: block;
    width: 100%;
}

#order-standard_cart .promo-item .prepend-icon .field {
    width: 100%;
    padding-left: 1rem;
    padding-right: 2.5rem;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    background: var(--white);
    transition: all 0.3s ease;
    display: block;
    position: relative;
    z-index: 1;
    height: 48px;
    line-height: 1.4;
    font-family: var(--font-family-arabic);
    font-size: 14px;
}

#order-standard_cart .promo-item .prepend-icon .field:focus {
    border-color: var(--primary);
    outline: none;
    box-shadow:none;
}

#order-standard_cart .promo-item .prepend-icon .field::placeholder {
    color: var(--text-muted);
}

#order-standard_cart .promo-item .prepend-icon .field-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2rem;
    height: 48px;
    line-height: 48px;
    z-index: 2;
    pointer-events: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-left: 0.4rem;
	}

#order-standard_cart .promo-item .field-icon i {
    color: var(--primary);
    font-size: 1.2rem;
}

#order-standard_cart .promo-item .btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    font-weight: 600;
    border-radius: 8px;
    padding: 0.875rem 1.5rem;
    transition: all 0.3s ease;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-arabic);
    font-size: 14px;
    border: none;
}

#order-standard_cart .promo-item .btn-primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--white);
}


#order-standard_cart .promotion-display {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
}

#order-standard_cart .view-cart-promotion-code {
  background: var(--success-light);
  border: 1px solid var(--success);
  border-radius: 8px;
  padding: 0.45rem 1rem;
  color: var(--success-dark);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 1;
  margin: 0;
  font-family: var(--font-family-arabic);
  min-height: 44px;
  font-size: 0.9rem;
}

#order-standard_cart .view-cart-promotion-code::before {
    content: '\f00c';
    font-family: "Font Awesome 5 Pro", "FontAwesome";
    color: var(--success);
    font-weight: 900;
    font-size: 1rem;
}

#order-standard_cart .promotion-display .btn.btn-xs {
    background-color: var(--danger-light);
    border-color: var(--danger);
    color: var(--danger);
    padding: 0.875rem 1rem;
    min-height: 44px;
    font-size: 12px;
    border-radius: 8px;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    transition: all 0.3s ease;
    font-family: var(--font-family-arabic);
	margin-bottom: 0;
}

#order-standard_cart .promotion-display .btn.btn-xs:hover {
    background-color: var(--danger);
    border-color: var(--danger);
    color: var(--white);
}



/* ===================================================
   تصميم order-summary لسلة WHMCS - نسخة محسنة ونهائية
=================================================== */

#order-standard_cart .order-summary {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    margin-bottom: 1rem;
    transition: box-shadow 0.3s ease;
}

#order-standard_cart .order-summary:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .order-summary h2 {
    background: var(--success);
    color: var(--white);
    margin: 0;
    padding: 1.25rem;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .summary-container {
    padding: 1.25rem;
    background: var(--white);
    font-family: var(--font-family-arabic);
}

#order-standard_cart .order-summary .product-name {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--heading-color);
    margin-bottom: 0.5rem;
    padding: 0;
    background: transparent;
    border: none;
    font-family: var(--font-family-arabic);
    line-height: 1.3;
    text-align: center;
}

#order-standard_cart .order-summary .product-group {
    background: rgba(var(--success-rgb), 0.03);
    color: var(--success-dark);
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(var(--success-rgb), 0.2);
    border-radius: 8px;
    font-family: var(--font-family-arabic);
    text-align: center;
    position: relative;
    font-style: normal;
}

#order-standard_cart .order-summary .product-group::before {
    content: '\f4d8';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    margin-left: 0.5rem;
    color: var(--success);
    font-size: 0.75rem;
}

#order-standard_cart .summary-container .clearfix {
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(220, 228, 233, 0.4);
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    transition: background-color 0.2s ease;
    position: relative;
}

#order-standard_cart .summary-container .clearfix:last-child {
    border-bottom: none;
}

#order-standard_cart .summary-container > .clearfix:not(.summary-totals .clearfix):last-of-type {
    border-bottom: none !important;
}

#order-standard_cart .summary-container .summary-totals {
    margin-top: 1.5rem;
}

#order-standard_cart .summary-container .summary-totals:before {
    content: '';
    display: block;
    margin-top: -1.5rem;
    height: 1.5rem;
}

#order-standard_cart .summary-container .clearfix + .summary-totals {
    margin-top: 1.5rem;
}

#order-standard_cart .summary-container .clearfix:has(+ .summary-totals) {
    border-bottom: none !important;
}

#order-standard_cart .summary-container > .clearfix:first-child {
    padding-top: 0.5rem;
    border-top: 1px solid rgba(220, 228, 233, 0.3);
    margin-top: 1rem;
}

#order-standard_cart .summary-container > .clearfix:hover {
    background: rgba(var(--success-rgb), 0.02);
}

#order-standard_cart .summary-container .float-left,
#order-standard_cart .summary-container .pull-left {
    color: var(--body-color);
    font-weight: 500;
    font-family: var(--font-family-arabic);
    line-height: 1.3;
    font-size: 0.85rem;
    flex: 1;
    word-wrap: break-word;
}

#order-standard_cart .summary-container .float-right,
#order-standard_cart .summary-container .pull-right {
    color: var(--success-dark);
    font-weight: 600;
    font-family: var(--font-family-monospace);
    font-size: 0.85rem;
    flex-shrink: 0;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#order-standard_cart .order-summary .summary-totals {
    background: rgba(var(--success-rgb), 0.03);
    border-radius: 0;
    padding: 1rem 1.25rem;
    margin: 1rem -1.25rem;
    border: none;
    border-top: 1px solid rgba(var(--success-rgb), 0.2);
    border-bottom: 1px solid rgba(var(--success-rgb), 0.2);
    position: relative;
}

#order-standard_cart .order-summary .summary-totals .clearfix {
    border-bottom: 1px solid rgba(220, 228, 233, 0.4);
    padding: 0.6rem 0;
    margin: 0;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

#order-standard_cart .order-summary .summary-totals .clearfix:last-child {
    border-bottom: none;
    font-weight: 600;
    font-size: 0.9rem;
}

#order-standard_cart .order-summary .summary-totals .clearfix:first-child {
    border-top: none;
    margin-top: 0;
}

#order-standard_cart .order-summary .summary-totals .float-right,
#order-standard_cart .order-summary .summary-totals .pull-right {
    color: var(--success-dark);
    font-weight: 600;
    font-family: var(--font-family-monospace);
    font-size: 0.85rem;
    text-align: left;
}

#order-standard_cart .order-summary .summary-totals .float-left,
#order-standard_cart .order-summary .summary-totals .pull-left {
    color: var(--body-color);
    font-weight: 500;
    font-family: var(--font-family-arabic);
    font-size: 0.85rem;
}

#order-standard_cart .order-summary .subtotal {
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--border-light);
    font-weight: 600;
    font-size: 0.9rem;
}

#order-standard_cart .order-summary .subtotal .float-left,
#order-standard_cart .order-summary .subtotal .pull-left {
    color: var(--heading-color);
    font-weight: 600;
    font-size: 0.9rem;
}

#order-standard_cart .order-summary .subtotal .float-right,
#order-standard_cart .order-summary .subtotal .pull-right {
    color: var(--success);
    font-weight: 700;
    font-size: 0.9rem;
}

/* ===================================================
   الأسعار المتكررة - كاردات أفقية محسنة
=================================================== */

/* إعادة تنظيم recurring-totals */
#order-standard_cart .order-summary .recurring-totals.clearfix {
    display: block;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-light);
}

#order-standard_cart .order-summary .recurring-totals.clearfix:hover {
    background: none;

}


/* العنوان */
#order-standard_cart .order-summary .recurring-totals .pull-left.float-left {
    display: block;
    width: 100%;
    color: var(--heading-color);
    font-weight: 600;
    font-size: 0.9rem;
    font-family: var(--font-family-arabic);
    margin-bottom: 0.75rem;
    text-align: center;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-light);
}

/* إعادة تعيين الحاوي */
#order-standard_cart .order-summary .recurring-totals .pull-right.float-right.recurring-charges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    width: 100%;
    float: none;
    text-align: center;
    margin: 0;
    padding: 0;
	font-style: normal;
}

/* كل كارد سعر */
#order-standard_cart .order-summary .recurring-charges span[id*="recurring"] {
    background: var(--success-light);
    border: 1px solid rgba(var(--success-rgb), 0.2);
    border-radius: 16px;
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--body-color);
    font-family: var(--font-family-arabic);
    margin: 0;
    line-height: 1.2;
}

/* السعر داخل الكارد */
#order-standard_cart .order-summary .recurring-charges .cost {
    color: var(--success-dark);
    font-weight: 600;
    font-family: var(--font-family-monospace);
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}

/* إخفاء العناصر المخفية */
#order-standard_cart .order-summary .recurring-charges span[style*="display:none"],
#order-standard_cart .order-summary .recurring-charges span[style*="display: none"] {
    display: none !important;
}

/* باقي العناصر الأصلية */
#order-standard_cart .order-summary .recurring-totals,
#order-standard_cart .order-summary .bordered-totals {
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--border-light);
    font-weight: 500;
}

#order-standard_cart .order-summary .bordered-totals:last-child {
    border-bottom: none;
}

#order-standard_cart .order-summary .bordered-totals {
    background: rgba(var(--warning-rgb), 0.03);
    border: 1px solid rgba(var(--warning-rgb), 0.15);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin: 0.75rem 0;
}

#order-standard_cart .order-summary .bordered-totals .clearfix {
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(220, 228, 233, 0.3);
    margin: 0;
    border-top: none !important;
    background: transparent !important;
}

#order-standard_cart .order-summary .bordered-totals .clearfix:last-child {
    border-bottom: none;
}

#order-standard_cart .order-summary .total-due-today {
    background: linear-gradient(135deg, var(--success-light) 0%, rgba(var(--success-rgb), 0.05) 100%);
    border: 1px solid rgba(var(--success-rgb), 0.2);
    border-radius: 12px;
    padding: 2rem 1.5rem;
    margin: 1.5rem 0 0.3rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#order-standard_cart .order-summary .total-due-today::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.5;
}

#order-standard_cart .order-summary .total-due-today .amt {
    font-size: 2rem;
    font-weight: 800;
    color: var(--success-dark);
    display: block;
    margin-bottom: 0.5rem;
    font-family: var(--font-family-monospace);
    line-height: 1.2;
    position: relative;
    z-index: 2;
    text-align: center;
}

#order-standard_cart .order-summary .total-due-today span:not(.amt) {
    display: block;
    font-weight: 500;
    color: var(--success-dark);
    font-size: 0.9rem;
    font-family: var(--font-family-arabic);
    position: relative;
    z-index: 2;
    text-align: center;
}

#order-standard_cart .order-summary .total-due-today-padded {
    background: linear-gradient(135deg, var(--success-light) 0%, rgba(var(--success-rgb), 0.05) 100%);
    border: 1px solid rgba(var(--success-rgb), 0.2);
    border-radius: 12px;
    padding: 2rem 1.5rem;
    margin: 1.5rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#order-standard_cart .order-summary .total-due-today-padded::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.5;
}

#order-standard_cart .order-summary .total-due-today-padded .amt {
    font-size: 2rem;
    font-weight: 800;
    color: var(--success-dark);
    display: block;
    margin-bottom: 0.5rem;
    font-family: var(--font-family-monospace);
    line-height: 1.2;
    position: relative;
    z-index: 2;
    text-align: center;
}

#order-standard_cart .order-summary .total-due-today-padded span:not(.amt) {
    display: block;
    font-weight: 500;
    color: var(--success-dark);
    font-size: 0.9rem;
    font-family: var(--font-family-arabic);
    position: relative;
    z-index: 2;
    text-align: center;
}

#order-standard_cart .order-summary .empty-cart {
    text-align: center;
    margin: 1.25rem 0 0;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-light);
}

#order-standard_cart .order-summary .empty-cart .btn {
    background: var(--white);
    border: 1px solid var(--danger-light);
    color: var(--danger);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.8rem;
    transition: all 0.3s ease;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .order-summary .empty-cart .btn:hover {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--white);
}

#order-standard_cart .order-summary .btn-continue-shopping {
    color: var(--text-muted);
    font-size: 0.8rem;
    text-decoration: none;
    font-family: var(--font-family-arabic);
    transition: color 0.3s ease;
}

#order-standard_cart .order-summary .btn-continue-shopping:hover {
    color: var(--success);
    text-decoration: underline;
}

#order-standard_cart .order-summary a[id*="linkCartRemove"] {
    color: var(--danger);
    text-decoration: none;
    padding: 0.25rem;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#order-standard_cart .order-summary a[id*="linkCartRemove"]:hover {
    color: var(--danger-dark);
    background: var(--danger-light);
    text-decoration: none;
}

#order-standard_cart .order-summary a[id*="linkCartRemove"] i.fa-trash,
#order-standard_cart .order-summary a[id*="linkCartRemove"] i.fa-trash-alt {
    opacity: 0.7;
    transition: opacity 0.3s ease;
    color: inherit;
    font-size: 0.8rem;
}

#order-standard_cart .order-summary a[id*="linkCartRemove"]:hover i.fa-trash,
#order-standard_cart .order-summary a[id*="linkCartRemove"]:hover i.fa-trash-alt {
    opacity: 1;
}

#order-standard_cart .summary-container span:contains("+") {
    color: var(--success-dark);
    font-weight: 600;
    font-size: 0.85rem;
    position: relative;
    padding-right: 1.25rem;
}

#order-standard_cart .summary-container span:contains("+")::before {
    content: '\f055';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    color: var(--success);
    font-size: 0.7rem;
    margin-left: 0.5rem;
    opacity: 0.8;
}

#order-standard_cart .summary-container span:contains("»") {
    color: var(--text-muted);
    font-size: 0.8rem;
    font-weight: 400;
    position: relative;
    padding-right: 1.25rem;
}

#order-standard_cart .summary-container span:contains("»")::before {
    content: '\f013';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    color: var(--primary);
    font-size: 0.7rem;
    margin-left: 0.5rem;
    opacity: 0.6;
}

#order-standard_cart .summary-container span:contains("ضريبة"),
#order-standard_cart .summary-container span:contains("tax") {
    color: var(--warning-dark);
    font-weight: 500;
    position: relative;
    padding-right: 1.25rem;
}

#order-standard_cart .summary-container span:contains("ضريبة")::before,
#order-standard_cart .summary-container span:contains("tax")::before {
    content: '\f53a';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    color: var(--warning);
    font-size: 0.7rem;
    margin-left: 0.5rem;
    opacity: 0.8;
}

#order-standard_cart .summary-container span:contains("إعداد"),
#order-standard_cart .summary-container span:contains("setup") {
    color: var(--info-dark);
    font-weight: 500;
    position: relative;
    padding-right: 1.25rem;
}

#order-standard_cart .summary-container span:contains("إعداد")::before,
#order-standard_cart .summary-container span:contains("setup")::before {
    content: '\f085';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    color: var(--info);
    font-size: 0.7rem;
    margin-left: 0.5rem;
    opacity: 0.8;
}

#order-standard_cart .order-summary .express-checkout-buttons {
    margin: 1.5rem 0;
    text-align: center;
}

#order-standard_cart .order-summary .express-checkout-buttons .separator {
    margin: 1rem 0;
    padding: 0.5rem;
    text-align: center;
    font-weight: 500;
    color: var(--text-muted);
    font-size: 0.8rem;
    font-family: var(--font-family-arabic);
    position: relative;
}

#order-standard_cart .order-summary .express-checkout-buttons .separator::before,
#order-standard_cart .order-summary .express-checkout-buttons .separator::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 30%;
    height: 1px;
    background: var(--border-light);
}

#order-standard_cart .order-summary .express-checkout-buttons .separator::before {
    left: 10%;
}

#order-standard_cart .order-summary .express-checkout-buttons .separator::after {
    right: 10%;
}

#order-standard_cart .order-summary .text-left {
    text-align: right;
    margin-top: 1.5rem;
}

#order-standard_cart .order-summary .btn-checkout {
    background: var(--success);
    border-color: var(--success);
    color: var(--white);
    padding: 0.875rem 2rem;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.3s ease;
    font-family: var(--font-family-arabic);
    text-decoration: none;
    width: 100%;
    margin-bottom: 1rem;
}

#order-standard_cart .order-summary .btn-checkout:hover:not(.disabled) {
    background: var(--success-dark);
    border-color: var(--success-dark);
    color: var(--white);
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(var(--success-rgb), 0.3);
}

#order-standard_cart .order-summary .btn-checkout.disabled {
    background: var(--gray-light);
    border-color: var(--border-color);
    color: var(--text-muted);
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

#order-standard_cart .order-summary .btn-checkout i {
    font-size: 0.9rem;
    transition: transform 0.3s ease;
}


#order-standard_cart .order-summary #subtotal,
#order-standard_cart .order-summary #taxTotal1,
#order-standard_cart .order-summary #taxTotal2,
#order-standard_cart .order-summary #totalDueToday,
#order-standard_cart .order-summary #recurring {
    color: var(--success-dark);
    font-weight: 600;
    font-family: var(--font-family-monospace);
}

#order-standard_cart .order-summary #discount {
    color: var(--danger);
    font-weight: 700;
    font-family: var(--font-family-monospace);
}

#order-standard_cart .order-summary .loader {
    position: relative;
    top: 1.4rem;
    height: 0;
    padding-right: 10px;
    text-align: right;
    color: #fff;
    right: 1rem;
}

#order-standard_cart .empty-cart-message {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-muted);
}

#order-standard_cart .empty-cart-message i {
    font-size: 2.5rem;
    color: var(--primary-light);
    margin-bottom: 1rem;
    display: block;
}

#order-standard_cart .empty-cart-message p {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--heading-color);
}

#order-standard_cart .empty-cart-message small {
    font-size: 0.85rem;
    color: var(--text-muted);
}

#order-standard_cart .cart-actions {
    margin-top: 1rem;
}

#order-standard_cart .btn-checkout {
    width: 100%;
    margin-bottom: 1rem;
}

#order-standard_cart .continue-shopping {
    text-align: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-light);
}

#order-standard_cart .continue-shopping .btn-link {
    color: var(--text-muted);
    font-size: 0.9rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.2s ease;
}

#order-standard_cart .continue-shopping .btn-link:hover {
    color: var(--primary);
    text-decoration: underline;
}

@media (max-width: 768px) {
    #order-standard_cart .order-summary h2 {
        padding: 1rem;
        font-size: 1rem;
    }
    
    #order-standard_cart .summary-container {
        padding: 1rem;
    }
    
    #order-standard_cart .order-summary .product-name {
        font-size: 0.9rem;
        padding: 0.6rem;
    }
    
    #order-standard_cart .order-summary .total-due-today,
    #order-standard_cart .order-summary .total-due-today-padded {
        padding: 1.25rem;
    }
    
    #order-standard_cart .order-summary .total-due-today .amt,
    #order-standard_cart .order-summary .total-due-today-padded .amt {
        font-size: 1.6rem;
    }
    
    #order-standard_cart .summary-container .clearfix {
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    #order-standard_cart .summary-container .float-right,
    #order-standard_cart .summary-container .pull-right {
        align-self: flex-end;
    }
    
    /* تحسين الكاردات للجوال */
    #order-standard_cart .order-summary .recurring-charges span[id*="recurring"] {
        padding: 0.35rem 0.6rem;
        font-size: 0.75rem;
        border-radius: 12px;
    }
    
    #order-standard_cart .order-summary .recurring-charges .cost {
        font-size: 0.75rem;
    }
    
    #order-standard_cart .order-summary .recurring-charges {
        gap: 0.4rem;
    }
    
    #order-standard_cart .order-summary .express-checkout-buttons .separator::before,
    #order-standard_cart .order-summary .express-checkout-buttons .separator::after {
        width: 25%;
    }
    
    #order-standard_cart .order-summary .express-checkout-buttons .separator::before {
        left: 15%;
    }
    
    #order-standard_cart .order-summary .express-checkout-buttons .separator::after {
        right: 15%;
    }
}




@media (max-width: 576px) {
    #order-standard_cart .order-summary h2 {
        padding: 0.875rem;
        font-size: 0.95rem;
    }
    
    #order-standard_cart .summary-container {
        padding: 0.875rem;
    }
    
    #order-standard_cart .order-summary .total-due-today .amt,
    #order-standard_cart .order-summary .total-due-today-padded .amt {
        font-size: 1.4rem;
    }
    
    #order-standard_cart .summary-container .float-left,
    #order-standard_cart .summary-container .pull-left,
    #order-standard_cart .summary-container .float-right,
    #order-standard_cart .summary-container .pull-right {
        font-size: 0.8rem;
    }
    
    #order-standard_cart .order-summary .recurring-charges .cost {
        font-size: 0.75rem;
    }
    
    #order-standard_cart .order-summary .express-checkout-buttons {
        margin: 1rem 0;
    }
}





/* Responsive Design */
@media (min-width: 992px) {
    #order-standard_cart .secondary-cart-body {
        width: 70%;
        float: left;
    }
}

@media (max-width: 991px) {
    #order-standard_cart .secondary-cart-body {
        width: 100%;
        float: none;
        margin-bottom: 2rem;
    }
    
    #order-standard_cart .secondary-cart-sidebar {
        width: 100%;
        float: none;
        position: static;
        max-height: none;
		padding-right: 15px;
    }
    
    .spotlight-tld-container {
        width: 33.33% !important;
        min-width: 33.33% !important;
    }
}
@media (max-width: 768px) {
    #order-standard_cart .spotlight-tld .btn {
        width: 100% !important;
        min-height: 36px !important;
        padding: 0.5rem !important;
        font-size: 0.9rem;
    }

    .header-lined {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }
    
    .header-lined h1 {
        font-size: 1.75rem;
    }
    
    .domain-checker-bg {
        padding: 2.5rem 0rem;
    }
    
    .domain-checker-container .input-group-box {
        padding: 8px;
        border-radius: 11px;
    }
    
    .domain-checker-container .form-control {
        border-radius: 12px;
        margin-bottom: 0.75rem;
        height: 50px;
        padding: 14px 18px;
    }
    
    .domain-checker-container .btn {
        border-radius: 12px;
        width: 100%;
        height: 50px;
        padding: 14px 24px;
    }
    
    .spotlight-tld-container {
        width: 50% !important;
        min-width: 50% !important;
        padding: 8px;
    }
    
    .spotlight-tld {
        min-height: 140px;
        padding: 1.5rem 1rem;
    }
    
    .suggested-domains .list-group-item {
        display: block !important;
        padding: 1.5rem;
        text-align: left;
    }
    
    .suggested-domains .list-group-item > span:first-child {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .suggested-domains .actions {
        display: flex !important;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        float: none !important;
        margin: 0;
    }
    
    .suggested-domains .price {
        font-size: 1.2rem;
        font-weight: 600;
        padding: 0;
        margin-right: 1rem;
    }
    
    .suggested-domains .btn {
        min-width: 120px;
        flex-shrink: 0;
    }

    #searchDomainInfo .domain-lookup-result {
        padding: 2rem 1.5rem;
        margin: 1.5rem 0;
    }
    
    #searchDomainInfo .domain-lookup-result .domain-available:before,
    #searchDomainInfo .domain-lookup-result .domain-unavailable:before,
    #searchDomainInfo .domain-lookup-result .domain-invalid:before {
        width: 60px;
        height: 60px;
        font-size: 24px;
        margin-bottom: 1rem;
    }
    
    #searchDomainInfo .domain-price .price {
        font-size: 1rem;
    }
    
    #searchDomainInfo .domain-price .btn-add-to-cart {
        padding: 0.875rem 2rem;
        font-size: 1rem;
        width: 100%;
        max-width: 300px;
    }
    
    #searchDomainInfo .domain-lookup-result .domain-available {
        font-size: 1.1rem;
    }

    .domain-pricing .tld-pricing-header,
    .domain-pricing .tld-row {
        white-space: nowrap;
        min-width: 500px;
    }
    
    .domain-pricing .tld-pricing-header .col-md-4,
    .domain-pricing .tld-pricing-header .col-md-8,
    .domain-pricing .tld-row .col-md-4,
    .domain-pricing .tld-row .col-md-8 {
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        float: none;
    }
    
    .domain-pricing .tld-pricing-header .col-md-4,
    .domain-pricing .tld-row .col-md-4 {
        width: 118px;
        text-align: center;
    }
    
    .domain-pricing .tld-pricing-header .col-md-8,
    .domain-pricing .tld-row .col-md-8 {
        width: 340px;
    }
    
    .domain-pricing .tld-row .col-xs-4,
    .domain-pricing .tld-row .col-4 {
        display: inline-block;
        width: 110px;
        float: none;
        padding: 0.25rem !important;
    }
    
    .domain-pricing .two-row-center {
        padding: 0.5rem !important;
    }
    
    .domain-pricing .tld-sale-group {
        margin-left: 0 !important;
        margin-right: 0.25rem !important;
    }
    
    .domain-pricing .tld-pricing-header .col-md-4,
    .domain-pricing .tld-pricing-header .col-xs-4 {
        padding: 1rem !important;
    }

    #order-standard_cart .section-card {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    #order-standard_cart .domain-basic-info {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    #order-standard_cart .nameservers-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    #order-standard_cart .submit-section .btn-primary {
        width: 100%;
        min-width: auto;
    }

    #order-standard_cart .view-cart-items .item {
        padding: 1rem;
    }
    
    #order-standard_cart .view-cart-items .item-title {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    
    #order-standard_cart .view-cart-items .item-price {
        margin-top: 1rem;
        padding-top: 1rem;
    }
    
    #order-standard_cart .view-cart-items .item-price span:first-child {
        font-size: 0.8rem;
    }
    
    #order-standard_cart .dropdown .dropdown-toggle {
        padding: 0.75rem 1rem;
        font-size: 12px;
    }
    
    #order-standard_cart .dropdown .dropdown-menu {
        min-width: 180px;
    }
    
    #order-standard_cart .btn-xs {
        font-size: 10px;
        padding: 0.25rem 0.5rem;
		margin-bottom: 0;
    }

    #order-standard_cart .order-summary h2 {
        padding: 1rem;
        font-size: 1.1rem;
    }
    
    #order-standard_cart .summary-container {
        padding: 1rem;
    }
    
    #order-standard_cart .promo-item .promotion-display {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    #order-standard_cart .promo-item .promotion-display .btn.btn-xs {
        width: 100% !important;
        flex-shrink: 1 !important;
    }

    #order-standard_cart .promo-item .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    #order-standard_cart .promo-item .col-sm-8,
    #order-standard_cart .promo-item .col-sm-4 {
        padding: 0;
        width: 100%;
    }
    
    #order-standard_cart .promo-item .col-sm-4:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 576px) {
    .spotlight-tld-container {
        width: 100% !important;
        min-width: 100% !important;
        padding: 8px;
    }
    
    .header-lined h1 {
        font-size: 1.5rem;
    }
    
    .domain-checker-container .input-group-box {
        max-width: 100%;
        padding: 6px;
    }
    
    .suggested-domains .list-group-item {
        padding: 1rem;
        text-align: center;
    }
    
    .suggested-domains .actions {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    
    .suggested-domains .price {
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    .suggested-domains .btn {
        width: 100%;
        max-width: 200px;
    }

    .suggested-domains .domain-suggestion:first-of-type {
        display: none !important;
    }

    #searchDomainInfo .domain-lookup-result {
        padding: 1.5rem 1rem;
        border-radius: 12px;
    }
    
    #searchDomainInfo .domain-price .btn-add-to-cart {
        padding: 0.75rem 1.5rem;
        font-size: 0.95rem;
        width: 100%;
        max-width: none;
    }

    .domain-pricing .tld-pricing-header .col-md-4,
    .domain-pricing .tld-row .col-md-4 {
        width: 80px;
    }
    
    .domain-pricing .tld-pricing-header .col-md-8,
    .domain-pricing .tld-row .col-md-8 {
        width: 245px;
    }
    
    .domain-pricing .tld-sale-group {
        margin-right: 0.15rem !important;
        display: none;
    }
    
    .domain-pricing .tld-pricing-header .col-md-4,
    .domain-pricing .tld-pricing-header .col-xs-4 {
        padding: 1rem 0.2rem !important;
    }

    #order-standard_cart .section-card {
        padding: 1rem;
        border-radius: 8px;
    }
    
    #order-standard_cart .panel-addon .panel-body {
        padding: 1.25rem !important;
    }

    #order-standard_cart .view-cart-items .item-domain {
        font-size: 0.9rem;
        word-break: break-all;
    }
    
    #order-standard_cart .dropdown .dropdown-menu {
        min-width: 160px;
        max-height: 200px;
    }
    
    #order-standard_cart .dropdown .dropdown-menu .dropdown-item {
        padding: 0.5rem 0.75rem;
        font-size: 12px;
    }

    #order-standard_cart .view-cart-promo .view-cart-items-header {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
    
    #order-standard_cart .view-cart-promo .promo-item {
        padding: 1rem;
    }
    
    #order-standard_cart .promo-item .prepend-icon .field,
    #order-standard_cart .promo-item .btn-primary,
    #order-standard_cart .view-cart-promotion-code,
    #order-standard_cart .promotion-display .btn.btn-xs {
        min-height: 44px;
        height: 44px;
    }
    
    #order-standard_cart .promo-item .prepend-icon .field-icon {
        height: 44px;
        line-height: 44px;
    }
}

@media (max-width: 480px) {
    .spotlight-tld-container {
        width: 100%;
    }
    
    .header-lined h1 {
        font-size: 1.5rem;
    }
    
    .domain-checker-container .input-group-box {
        max-width: 100%;
    }
}


/* إضافات CSS خاصة بصفحة confproduct.tpl */
/* تضاف إلى ملف custom.css الموجود */

#order-standard_cart .server-config-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

#order-standard_cart .configurable-options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

#order-standard_cart .config-option-item {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 8px;
    padding: 1.5rem;
    transition: var(--transition-normal);
}

#order-standard_cart .config-option-item:focus-within {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(29, 175, 187, 0.08);
}

#order-standard_cart .config-option-quantity {
    grid-column: 1 / -1;
}

#order-standard_cart .radio-options {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

#order-standard_cart .radio-option {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.75rem 1rem !important;
    background: var(--white) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: var(--transition-normal) !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
}

#order-standard_cart .radio-option:hover {
    border-color: var(--primary) !important;
    background: var(--primary-light) !important;
}

#order-standard_cart .radio-option input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--primary) !important;
    margin: 0 !important;
}

#order-standard_cart .radio-option input[type="radio"]:checked {
    background-color: var(--primary) !important;
}

#order-standard_cart .radio-option:has(input[type="radio"]:checked) {
    border-color: var(--primary) !important;
    background: var(--primary-light) !important;
    color: var(--primary-dark) !important;
}

#order-standard_cart select.form-control {
    -webkit-appearance: none ;
    -moz-appearance: none ;
    appearance: none ;
}

#order-standard_cart select.form-control:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231dafbb' d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") ;
}

#order-standard_cart .radio-text {
    flex: 1;
    font-weight: 500;
    color: var(--heading-color);
}

#order-standard_cart .checkbox-option {
    display: flex ;
    align-items: center ;
    gap: 0.75rem ;
    padding: 1rem ;
    background: var(--white);
    border: 1px solid var(--border-color) ;
    border-radius: 8px ;
    cursor: pointer ;
    transition: var(--transition-normal) ;
    margin-bottom: 0 ;
    font-weight: 400 ;
}

#order-standard_cart .checkbox-option:hover {
    border-color: var(--primary) ;
    background: var(--primary-light) ;
}

#order-standard_cart .checkbox-option input[type="checkbox"] {
    width: 18px ;
    height: 18px ;
    accent-color: var(--primary) ;
    margin: 0 ;
}

#order-standard_cart .checkbox-option:has(input[type="checkbox"]:checked) {
    border-color: var(--success) ;
    background: var(--success-light) ;
    color: var(--success-dark) ;
}

#order-standard_cart .checkbox-text {
    flex: 1;
    font-weight: 500;
    color: var(--heading-color);
}

#order-standard_cart .quantity-input-group {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 0.5rem 1rem;
    transition: var(--transition-normal);
}

#order-standard_cart .quantity-input-group:focus-within {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
}

#order-standard_cart .quantity-input-group input[type="number"] {
    border: none !important;
    background: transparent !important;
    width: 100px;
    text-align: center;
    font-weight: 600;
    color: var(--heading-color);
}

#order-standard_cart .quantity-input-group input[type="number"]:focus {
    box-shadow: none !important;
    outline: none !important;
}

#order-standard_cart .quantity-label {
    font-weight: 500;
    color: var(--text-muted);
    white-space: nowrap;
}

#order-standard_cart .custom-fields-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

#order-standard_cart .metrics-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

#order-standard_cart .metric-item {
    padding: 1.25rem;
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 8px;
    transition: var(--transition-normal);
}

#order-standard_cart .metric-item:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(29, 175, 187, 0.1);
}

#order-standard_cart .metric-info strong {
    color: var(--heading-color);
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
}

#order-standard_cart .metric-pricing {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--text-muted);
    font-size: 0.9rem;
}

#order-standard_cart .addon-description {
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.4;
    margin-top: 0.5rem;
    margin-bottom: 0;
}

#order-standard_cart .addon-promo-output {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--gray-light);
    border-radius: 8px;
    border: 1px solid var(--border-light);
}

@media (max-width: 768px) {
    #order-standard_cart .server-config-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    #order-standard_cart .configurable-options-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    #order-standard_cart .config-option-item {
        padding: 1rem;
    }
    
    #order-standard_cart .radio-option,
    #order-standard_cart .checkbox-option {
        padding: 0.75rem !important;
    }
    
    #order-standard_cart .metric-pricing {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}

@media (max-width: 576px) {
    #order-standard_cart .quantity-input-group {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        text-align: center;
    }
    
    #order-standard_cart .quantity-input-group input[type="number"] {
        width: 100%;
        text-align: center;
    }
    
    #order-standard_cart .quantity-label {
        text-align: center;
        white-space: normal;
    }
}

/* إضافات CSS خاصة بصفحة addons.tpl */
/* تضاف إلى ملف custom.css الموجود */

/* إصلاح سهم الـ Select */
#order-standard_cart select.form-control {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") ;
    background-repeat: no-repeat ;
    background-position: left 12px center ;
    background-size: 12px 12px ;
    padding-left: 2em ;
    padding-right: 1rem ;
    -webkit-appearance: none ;
    -moz-appearance: none ;
    appearance: none ;
}

[dir="rtl"] #order-standard_cart select.form-control {
    background-position: right 12px center ;
    padding-left: 1rem ;
    padding-right: 2rem ;

}

#order-standard_cart select.form-control:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231dafbb' d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") ;
}



/* ===== صفحة الإضافات الأساسية - معزولة تماماً ===== */
/* استخدام class مميز لتجنب التداخل مع صفحة التجديد */

#order-standard_cart.addons-purchase-page .no-addons-content {
    padding: 4rem 2rem;
    text-align: center;
}

#order-standard_cart.addons-purchase-page .no-addons-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 2rem;
    background: var(--primary-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-standard_cart.addons-purchase-page .no-addons-icon i {
    font-size: 3rem;
    color: var(--primary);
}

#order-standard_cart.addons-purchase-page .no-addons-content h3 {
    color: var(--heading-color);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

#order-standard_cart.addons-purchase-page .no-addons-content p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#order-standard_cart.addons-purchase-page .addons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

#order-standard_cart.addons-purchase-page .addon-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    transition: var(--transition-normal);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#order-standard_cart.addons-purchase-page .addon-card:hover {
    border-color: var(--primary);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

#order-standard_cart.addons-purchase-page .addon-form {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#order-standard_cart.addons-purchase-page .addon-header {
    padding: 1.5rem 2rem 1rem;
    text-align: center;
    border-bottom: 1px solid var(--border-light);
}

#order-standard_cart.addons-purchase-page .addon-title {
    color: var(--heading-color);
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

#order-standard_cart.addons-purchase-page .addon-body {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#order-standard_cart.addons-purchase-page .addon-description {
    flex-grow: 1;
}

#order-standard_cart.addons-purchase-page .addon-description p {
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
    font-size: 0.95rem;
    text-align: center;
}

#order-standard_cart.addons-purchase-page .addon-service-selector {
    margin-top: auto;
}

#order-standard_cart.addons-purchase-page .addon-service-selector .form-label {
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

#order-standard_cart.addons-purchase-page .addon-service-select {
    font-size: 0.9rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    transition: var(--transition-normal);
}

#order-standard_cart.addons-purchase-page .addon-service-select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
}

#order-standard_cart.addons-purchase-page .addon-footer {
    padding: 1.5rem 2rem 2rem;
    border-top: 1px solid var(--border-light);
    background: var(--gray-light);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

#order-standard_cart.addons-purchase-page .addon-pricing {
    flex: 1;
}

#order-standard_cart.addons-purchase-page .price-free {
    padding: 0.5rem 1rem;
    background: var(--success-light);
    border: 1px solid var(--success);
    border-radius: 8px;
    display: inline-block;
}

#order-standard_cart.addons-purchase-page .price-free .price-label {
    color: var(--success-dark);
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#order-standard_cart.addons-purchase-page .price-main {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

#order-standard_cart.addons-purchase-page .price-amount {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary);
    font-family: var(--font-family-monospace);
}

#order-standard_cart.addons-purchase-page .price-cycle {
    font-size: 0.9rem;
    color: var(--text-muted);
    font-weight: 500;
}

#order-standard_cart.addons-purchase-page .price-setup {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--text-muted);
    font-size: 0.8rem;
}

#order-standard_cart.addons-purchase-page .price-setup i {
    font-size: 0.7rem;
    color: var(--warning);
}

#order-standard_cart.addons-purchase-page .btn-addon-order {
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 8px;
    font-size: 0.9rem;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: var(--transition-normal);
    white-space: nowrap;
}

#order-standard_cart.addons-purchase-page .btn-addon-order:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

#order-standard_cart.addons-purchase-page .btn-addon-order i {
    font-size: 0.8rem;
}

/* ===== RESPONSIVE DESIGN للإضافات الأساسية ===== */
@media (max-width: 992px) {
    #order-standard_cart.addons-purchase-page .addons-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 1.5rem;
    }
    
    #order-standard_cart.addons-purchase-page .addon-header {
        padding: 1.5rem 1.5rem 1rem;
    }
    
    #order-standard_cart.addons-purchase-page .addon-body {
        padding: 1.5rem;
    }
    
    #order-standard_cart.addons-purchase-page .addon-footer {
        padding: 1.25rem 1.5rem 1.5rem;
    }
}

@media (max-width: 768px) {
    #order-standard_cart.addons-purchase-page .addons-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    
    #order-standard_cart.addons-purchase-page .addon-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        text-align: center;
    }
    
    #order-standard_cart.addons-purchase-page .btn-addon-order {
        width: 100%;
    }
    
    #order-standard_cart.addons-purchase-page .no-addons-content {
        padding: 3rem 1rem;
    }
    
    #order-standard_cart.addons-purchase-page .no-addons-icon {
        width: 100px;
        height: 100px;
    }
    
    #order-standard_cart.addons-purchase-page .no-addons-icon i {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    #order-standard_cart.addons-purchase-page .addon-icon {
        width: 70px;
        height: 70px;
        border-radius: 16px;
    }
    
    #order-standard_cart.addons-purchase-page .addon-icon i {
        font-size: 1.75rem;
    }
    
    #order-standard_cart.addons-purchase-page .addon-title {
        font-size: 1.1rem;
    }
    
    #order-standard_cart.addons-purchase-page .addon-header {
        padding: 1.25rem 1.25rem 0.75rem;
    }
    
    #order-standard_cart.addons-purchase-page .addon-body {
        padding: 1.25rem;
        gap: 1.25rem;
    }
    
    #order-standard_cart.addons-purchase-page .addon-footer {
        padding: 1rem 1.25rem 1.25rem;
    }
}

/* إضافات CSS خاصة بصفحة products.tpl */
/* تضاف إلى ملف custom.css الموجود */

#order-standard_cart .products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

#order-standard_cart .product-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    transition: var(--transition-normal);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#order-standard_cart .product-card:hover {
    border-color: var(--primary);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .product-header {
    padding: 2rem 2rem 1rem;
    border-bottom: 1px solid var(--border-light);
    position: relative;
}

#order-standard_cart .product-title-section {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

#order-standard_cart .product-name {
    color: var(--heading-color);
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

#order-standard_cart .product-stock {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--success-dark);
    font-size: 0.85rem;
    font-weight: 500;
}

#order-standard_cart .product-stock i {
    color: var(--success);
    font-size: 0.8rem;
}

#order-standard_cart .product-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

#order-standard_cart .bundle-badge {
    background: var(--warning-light);
    color: var(--warning-dark);
    border: 1px solid rgba(var(--warning-rgb), 0.2);
}

#order-standard_cart .bundle-badge i {
    font-size: 0.7rem;
}

#order-standard_cart .product-body {
    padding: 1.5rem 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

#order-standard_cart .product-description {
    margin-bottom: 1.5rem;
}

#order-standard_cart .product-description p {
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
    font-size: 0.95rem;
}

#order-standard_cart .product-features {
    flex-grow: 1;
}

#order-standard_cart .features-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

#order-standard_cart .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

#order-standard_cart .feature-item i {
    color: var(--success);
    font-size: 0.8rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

#order-standard_cart .feature-text {
    color: var(--body-color);
    font-size: 0.9rem;
    line-height: 1.4;
    flex: 1;
}

#order-standard_cart .feature-value {
    color: var(--heading-color);
    font-weight: 600;
}

#order-standard_cart .product-footer {
    padding: 1.5rem 2rem 2rem;
    border-top: 1px solid var(--border-light);
    background: var(--gray-light);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

#order-standard_cart .product-pricing {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#order-standard_cart .price-prefix {
    color: var(--text-muted);
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#order-standard_cart .price-main {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    flex-wrap: wrap;
}

#order-standard_cart .price-amount {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--primary);
    font-family: var(--font-family-monospace);
    line-height: 1;
}

#order-standard_cart .price-cycle {
    font-size: 0.9rem;
    color: var(--text-muted);
    font-weight: 500;
    white-space: nowrap;
}

#order-standard_cart .price-setup {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--text-muted);
    font-size: 0.8rem;
}

#order-standard_cart .price-setup i {
    font-size: 0.7rem;
    color: var(--warning);
}

#order-standard_cart .btn-product-order {
    padding: 0.875rem 2rem;
    font-weight: 600;
    border-radius: 8px;
    font-size: 0.95rem;
    min-width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: var(--transition-normal);
    white-space: nowrap;
    flex-shrink: 0;
}

#order-standard_cart .btn-product-order i {
    font-size: 0.85rem;
}

@media (max-width: 1200px) {
    #order-standard_cart .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    #order-standard_cart .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 1.5rem;
    }
    
    #order-standard_cart .product-header {
        padding: 1.5rem 1.5rem 1rem;
    }
    
    #order-standard_cart .product-body {
        padding: 1.25rem 1.5rem;
    }
    
    #order-standard_cart .product-footer {
        padding: 1.25rem 1.5rem 1.5rem;
    }
}

@media (max-width: 768px) {
    #order-standard_cart .products-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    
    #order-standard_cart .product-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        text-align: center;
    }
    
    #order-standard_cart .btn-product-order {
        width: 100%;
    }
    
    #order-standard_cart .price-main {
        justify-content: center;
    }
    
    #order-standard_cart .product-badge {
        position: static;
        align-self: flex-start;
        margin-top: 0.5rem;
    }
    
    #order-standard_cart .product-title-section {
        text-align: center;
    }
}

@media (max-width: 576px) {
    #order-standard_cart .product-header {
        padding: 1.25rem 1.25rem 0.75rem;
    }
    
    #order-standard_cart .product-body {
        padding: 1rem 1.25rem;
    }
    
    #order-standard_cart .product-footer {
        padding: 1rem 1.25rem 1.25rem;
    }
    
    #order-standard_cart .product-name {
        font-size: 1.1rem;
    }
    
    #order-standard_cart .price-amount {
        font-size: 1.5rem;
    }
    
    #order-standard_cart .btn-product-order {
        padding: 0.75rem 1.5rem;
        font-size: 0.9rem;
    }
}



/* ===== صفحة اختيار النطاق - Bootstrap RTL 4.3 محترم ===== */

/* خيارات النطاقات الرئيسية */
#order-standard_cart .domain-selection-options {
    margin: 2rem 0;
    background: transparent;
    padding: 0;
}

#order-standard_cart .domain-selection-options .option {
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 16px;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    position: relative;
    padding: 0;
}

#order-standard_cart .domain-selection-options .option:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: default;
}

#order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked) {
    border-color: var(--primary);
    background: var(--primary-lighter);
}

/* تحسين Label - العنوان والأيقونة RTL */
#order-standard_cart .domain-selection-options .option > label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem 2rem;
    margin: 0;
    cursor: pointer;
    font-weight: 600;
    color: var(--heading-color);
    font-size: 1.1rem;
    line-height: 1.4;
    border-bottom: 1px solid var(--border-light);
    transition: all 0.3s ease;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked) > label {
    background: var(--primary-light);
    color: var(--primary-dark);
    border-bottom-color: rgba(var(--primary-rgb), 0.2);
}

/* Radio Buttons */
#order-standard_cart .domain-selection-options input[type="radio"] {
    width: 20px;
    height: 20px;
    accent-color: var(--primary);
    cursor: pointer;
    margin: 0;
    flex-shrink: 0;
}

/* أيقونات الخيارات */
#order-standard_cart .domain-selection-options .option > label::before {
    content: '';
    font-family: "Font Awesome 5 Pro", "FontAwesome";
    font-weight: 900;
    font-size: 1.3rem;
    color: var(--primary);
    opacity: 0.8;
    transition: all 0.3s ease;
    flex-shrink: 0;
    width: 24px;
    text-align: center;
}

#order-standard_cart .domain-selection-options .option:has(#selregister) > label::before { content: '\f0ac'; }
#order-standard_cart .domain-selection-options .option:has(#seltransfer) > label::before { content: '\f362'; }
#order-standard_cart .domain-selection-options .option:has(#selowndomain) > label::before { content: '\f015'; }
#order-standard_cart .domain-selection-options .option:has(#selsubdomain) > label::before { content: '\f1e0'; }
#order-standard_cart .domain-selection-options .option:has(#selincart) > label::before { content: '\f07a'; }

#order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked) > label::before {
    opacity: 1;
    transform: scale(1.1);
}

/* قسم الإدخال - فقط إجبار المنطقة LTR */
#order-standard_cart .domain-input-group {
    padding: 1.5rem;
    background: var(--white);
    border-top: 1px solid var(--border-light);
    display: none;
    animation: slideDown 0.3s ease-out;
    margin: 0;
    direction: ltr; /* فقط هذه المنطقة LTR */
}

#order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked) .domain-input-group {
    display: block;
}

@keyframes slideDown {
    from { 
        opacity: 0; 
        transform: translateY(-10px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* ===== تحسين النماذج مع فصل www ===== */

/* ارتفاع موحد للعناصر */


/* جميع مكونات النموذج بارتفاع موحد - طبيعي */
#order-standard_cart .domain-input-group .form-control,
#order-standard_cart .domain-input-group .btn,
#order-standard_cart .domain-input-group .input-group-text,
#order-standard_cart .form-control-static {
    height: var(--domain-input-height);
    min-height: var(--domain-input-height);
    border: 2px solid var(--border-color);
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    font-family: var(--font-family-monospace);
}

#order-standard_cart .domain-input-group .form-control {
    padding: 0.75rem 1rem;
    text-align: left; /* طبيعي بدون !important */
	border-radius: 0 8px 8px 0;
}

#order-standard_cart .domain-input-group .form-control:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
}

/* Input Group منفصل - طبيعي */
#order-standard_cart .domain-input-group .input-group {
    display: flex;
    gap: 5px; /* نفس المسافة المستخدمة في domains-row */
}

/* www منفصل */
#order-standard_cart .domain-input-group .input-group-text {
    background: var(--primary-light);
    border-color: var(--primary-light);
    color: var(--primary-dark);
    font-weight: 600;
    padding: 0 1rem;
    white-space: nowrap;
    border-radius: 8px 0 0 8px; /* منفصل تماماً */
    flex-shrink: 0;
}

/* المدخل منفصل */
#order-standard_cart .domain-input-group .input-group .form-control {
    border-radius: 0; /* منفصل تماماً */
    flex: 1;
    min-width: 0;
}

#order-standard_cart .domain-input-group .input-group .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
}

/* Select للـ TLD منفصل */
#order-standard_cart .domain-input-group select.form-control {
    background: var(--white);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 12px;
    padding-right: 2.5rem;
    padding-left: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border-radius: 0 8px 8px 0; /* منفصل تماماً */
}

#order-standard_cart .domain-input-group select.form-control:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231dafbb' d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
}

/* form-control-static منفصل */
#order-standard_cart .form-control-static {
    background: var(--gray-light);
    border-color: var(--border-color);
    color: var(--heading-color);
    font-weight: 600;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    border-radius: 8px !important; /* منفصل تماماً */
}

/* الأزرار - طبيعي مع النص العربي */
#order-standard_cart .domain-input-group .btn {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    font-weight: 600;
    font-family: var(--font-family-arabic);
    cursor: pointer;
    padding: 0.75rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    direction: rtl; /* النص العربي في الأزرار */
}

#order-standard_cart .domain-input-group .btn:hover:not(:disabled) {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

#order-standard_cart .domain-input-group .btn:focus {
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.25);
}

/* ===== تحسين المسافات بين العناصر ===== */

/* domains-row - Bootstrap Grid محترم */
#order-standard_cart .domains-row {
    margin-right: -5px;
    margin-left: -5px;
}

#order-standard_cart .domains-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 0;
}

/* النطاقات المجانية */
#order-standard_cart .freedomain-notice {
    margin-top: 2rem;
    padding: 1.5rem;
    background: var(--success-light);
    border: 1px solid var(--success);
    border-radius: 12px;
    color: var(--success-dark);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .freedomain-notice::before {
    content: '\f06b';
    font-family: "Font Awesome 5 Pro", "FontAwesome";
    font-weight: 900;
    color: var(--success);
    font-size: 1.5rem;
    flex-shrink: 0;
}

/* زر المتابعة */
#order-standard_cart #btnDomainContinue {
    margin-top: 1.5rem;
    padding: 0.875rem 2.5rem;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    min-height: 50px;
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    transition: all 0.3s ease;
    font-family: var(--font-family-arabic);
}
#order-standard_cart #btnDomainContinue:hover:not(:disabled) {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

#order-standard_cart #btnDomainContinue:disabled {
    background: var(--gray-light);
    border-color: var(--border-color);
    color: var(--text-muted);
    cursor: not-allowed;
    box-shadow: none;
}

#order-standard_cart #btnDomainContinue.w-hidden {
    display: none;
}

#order-standard_cart #btnDomainContinue:not(.w-hidden) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

/* إخفاء العناصر القديمة */
#order-standard_cart .domain-selection-options .option .iradio_square-blue,
#order-standard_cart .domain-selection-options .option .panel-body,
#order-standard_cart .domain-selection-options .option .panel-price,
#order-standard_cart .domain-selection-options .option .panel-add {
    display: none;
}


#order-standard_cart .transfer-eligible,
#order-standard_cart .transfer-not-eligible {
margin: 0;
  padding: 0;
  background: transparent;
}


/* ===== عنوان الاقتراحات داخل الـ container ===== */
#order-standard_cart .spotlight-tlds {
    margin: 3rem 0;
    background: transparent;
    padding: 0;
}

#order-standard_cart .spotlight-tlds-header {
    margin-bottom: 1.5rem;
    padding: 0 0.5rem;
}

#order-standard_cart .suggestions-label {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--text-muted);
    font-family: var(--font-family-arabic);
    position: relative;
    display: inline-block;
    padding-left: 1rem;
}

#order-standard_cart .suggestions-label::before {
    content: '\f060 ';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 400;
    font-size: 0.9rem;
    color: var(--primary);
    margin-left: 0.5rem;
    opacity: 0.7;
}

@media (max-width: 768px) {
    #order-standard_cart .spotlight-tlds-header {
        text-align: center;
        margin-bottom: 1rem;
    }
    
    #order-standard_cart .suggestions-label {
        font-size: 1rem;
    }
}

/* Transfer Success - نفس أيقونة domain-available */
#order-standard_cart .transfer-eligible::before {
    content: '\f00c';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 700;
    width: 50px;
    height: 50px;
    background: var(--success);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 0.45rem;
}

#order-standard_cart .transfer-eligible .headline {
    color: var(--success);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.4;
}

/* Transfer Failed - نفس أيقونة domain-unavailable */
#order-standard_cart .transfer-not-eligible::before {
    content: '\f00d';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 700;
    width: 50px;
    height: 50px;
    background: var(--danger);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 0.45rem;
}

#order-standard_cart .transfer-not-eligible .headline {
    color: var(--danger-dark);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.4;
}

/* النصوص في Transfer messages */
#order-standard_cart .transfer-eligible p,
#order-standard_cart .transfer-not-eligible p {
    color: var(--body-color);
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

#order-standard_cart .transfer-eligible p:last-child,
#order-standard_cart .transfer-not-eligible p:last-child {
    margin-bottom: 0;
}

/* ===== Responsive Design محترم لـ Bootstrap ===== */

/* Medium screens */
@media (min-width: 768px) and (max-width: 1199px) {
    #order-standard_cart .domains-row {
        margin-right: -3px;
        margin-left: -3px;
    }
    
    #order-standard_cart .domains-row > [class*="col-"] {
        padding-right: 3px;
        padding-left: 3px;
    }
}

/* Small screens */
@media (max-width: 767px) {
    :root {
        --domain-input-height: var(--domain-input-height-mobile);
    }
    #order-standard_cart .domain-input-group .input-group-text {
        display: none;
    }
    
	#order-standard_cart .domain-input-group select.form-control {
        padding-right: 1rem;
        padding-left: 0.5rem;
		background-position: right 6px center;
        border-radius: 8px;

	}
    #order-standard_cart .domain-input-group .input-group .form-control {
        border-radius: 8px;
        border: 2px solid var(--border-color);
    }
    #order-standard_cart .domain-input-group {
        padding: 1rem;
    }
    
    #order-standard_cart .domain-input-group .form-control,
    #order-standard_cart .domain-input-group .btn,
    #order-standard_cart .domain-input-group .input-group-text,
    #order-standard_cart .form-control-static {
        font-size: 13px;
        padding: 0.625rem 0.875rem;
    }
    
    #order-standard_cart .domains-row {
        margin-right: -3px;
        margin-left: -3px;
    }
    
    #order-standard_cart .domains-row > [class*="col-"] {
        padding-right: 3px;
        padding-left: 3px;
        margin-bottom: 0.75rem;
    }
    
    #order-standard_cart .domains-row > [class*="col-"]:last-child {
        margin-bottom: 0;
    }
    
    #order-standard_cart #btnDomainContinue {
        padding: 0.875rem 2rem;
        font-size: 14px;
        min-height: 48px;
        width: 100%;
		margin-top: 0.5rem;
    }
    
    #order-standard_cart .freedomain-notice {
        padding: 1rem;
        font-size: 0.9rem;
        gap: 0.75rem;
    }
    
    #order-standard_cart .freedomain-notice::before {
        font-size: 1.25rem;
    }
}

/* Extra small screens */
@media (max-width: 575px) {


}

/* ===== إصلاح Bootstrap offsets مع Media Queries الصحيحة ===== */

/* sm breakpoint */
@media (min-width: 576px) {
    [dir="rtl"] #order-standard_cart .domain-input-group .offset-sm-1 {
        margin-right: 0;
        margin-left: 8.333333%;
    }
}

/* md breakpoint */
@media (min-width: 768px) {
    [dir="rtl"] #order-standard_cart .domain-input-group .offset-md-2 {
        margin-right: 0;
        margin-left: 16.666667%;
    }
}

/* lg breakpoint */
@media (min-width: 992px) {
    [dir="rtl"] #order-standard_cart .domain-input-group .offset-lg-2 {
        margin-right: 0;
        margin-left: 16.666667%;
    }
    
    [dir="rtl"] #order-standard_cart .domain-input-group .offset-lg-3 {
        margin-right: 0;
        margin-left: 25%;
    }
}
/* ===== CSS موحد لصفحات تجديد النطاقات والخدمات ===== */

/* متغيرات CSS مشتركة */


/* ===== SHARED COMPONENTS - مكونات مشتركة ===== */

/* Search Container */
#order-standard_cart .search-container {
    max-width: 400px;
    margin: 2rem auto 0;
}

#order-standard_cart .search-container .prepend-icon {
    position: relative;
    display: block;
    width: 100%;
}

#order-standard_cart .search-container .field {
    width: 100%;
    padding: 0.75rem 3rem 0.75rem 1rem;
    border: 2px solid var(--border-color);
    border-radius: 12px;
    background: var(--white);
    transition: border-color 0.2s ease;
    height: 48px;
    font-size: 14px;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .search-container .field:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
}

#order-standard_cart .search-container .field-icon {
    position: absolute;
    right: 0;
	left:auto;
    top: 0;
    bottom: 0;
    width: 3rem;
    height: 48px;
    z-index: 2;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-standard_cart .search-container .field-icon i {
    color: var(--primary);
    font-size: 1rem;
}

/* No Content States */
#order-standard_cart .no-services-content,
#order-standard_cart .no-domains-content {
    padding: 4rem 2rem;
    text-align: center;
    background: var(--white);
    border-radius: var(--renewal-card-radius);
    border: 1px solid var(--border-light);
    box-shadow: var(--renewal-card-shadow);
    margin: 2rem 0;
}

#order-standard_cart .no-services-icon,
#order-standard_cart .no-domains-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 2rem;
    background: var(--primary-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-standard_cart .no-services-icon i,
#order-standard_cart .no-domains-icon i {
    font-size: 3rem;
    color: var(--primary);
}

#order-standard_cart .no-services-content h3,
#order-standard_cart .no-domains-content h3 {
    color: var(--heading-color);
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

#order-standard_cart .no-domains-content p {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin-bottom: 2rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

/* Grid Layouts */
#order-standard_cart .services-renewals-grid,
#order-standard_cart .domains-renewals-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin: 0;
}

/* Card Base Styles */
#order-standard_cart .service-renewal-card,
#order-standard_cart .domain-renewal-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: var(--renewal-card-radius);
    box-shadow: var(--renewal-card-shadow);
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

#order-standard_cart .service-renewal-card:hover,
#order-standard_cart .domain-renewal-card:hover {
    border-color: var(--primary);
    box-shadow: var(--renewal-card-shadow-hover);
}

/* Card Headers */
#order-standard_cart .service-card-header,
#order-standard_cart .domain-card-header {
    padding: var(--renewal-padding-lg);
    border-bottom: 1px solid var(--border-light);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    background: var(--white);
}

#order-standard_cart .service-info,
#order-standard_cart .domain-info {
    flex: 1;
    min-width: 0;
}

/* Names & Domains */
#order-standard_cart .service-name,
#order-standard_cart .domain-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0 0 0.75rem 0;
    line-height: 1.3;
}

#order-standard_cart .service-name {
    font-family: var(--font-family-arabic);
}

#order-standard_cart .domain-name {
    font-family: var(--font-family-monospace);
    word-break: break-all;
}

#order-standard_cart .service-domain {
    color: var(--primary);
    font-weight: 600;
    margin: 0 0 0.75rem 0;
    font-size: 1rem;
    font-family: var(--font-family-monospace);
    word-break: break-all;
}

/* Expiry Info */
#order-standard_cart .service-expiry,
#order-standard_cart .domain-expiry {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: var(--text-muted);
    flex-wrap: wrap;
}

#order-standard_cart .service-expiry i,
#order-standard_cart .domain-expiry i {
    color: var(--primary);
    font-size: 0.85rem;
    flex-shrink: 0;
}

#order-standard_cart .expiry-info,
#order-standard_cart .expiry-label {
    font-weight: 500;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .expiry-date {
    font-weight: 600;
    color: var(--heading-color);
    font-family: var(--font-family-monospace);
}

#order-standard_cart .expiry-relative {
    font-style: italic;
    color: var(--text-muted);
}

/* Status Badges */
#order-standard_cart .service-status,
#order-standard_cart .domain-status {
    flex-shrink: 0;
}

#order-standard_cart .status-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    font-family: var(--font-family-arabic);
    line-height: 1;
    transition: all 0.3s ease;
    white-space: nowrap;
}

#order-standard_cart .status-badge i {
    font-size: 0.75rem;
}

/* Status Colors - استخدام ألوان التصميم الرئيسي */
#order-standard_cart .status-info {
    background: var(--gray-light) !important;
    color: var(--text-muted) !important;
    border: 1px solid var(--border-color) !important;
}

#order-standard_cart .status-warning {
    background: var(--warning-light) !important;
    color: var(--warning-dark) !important;
    border: 1px solid var(--warning-subtle) !important;
}

#order-standard_cart .status-success {
    background: var(--success-light) !important;
    color: var(--success-dark) !important;
    border: 1px solid var(--success-subtle) !important;
}

#order-standard_cart .status-danger {
    background: var(--danger-light) !important;
    color: var(--danger-dark) !important;
    border: 1px solid var(--danger-subtle) !important;
}

/* Card Bodies */
#order-standard_cart .service-card-body,
#order-standard_cart .domain-card-body {
    padding: var(--renewal-padding-lg);
    flex-grow: 1;
}

/* Notice Styles - استخدام ألوان التصميم الرئيسي */
#order-standard_cart .renewal-unavailable-notice,
#order-standard_cart .renewal-unavailable {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.9rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .renewal-unavailable-notice {
    background: var(--warning-light) !important;
    border: 1px solid var(--warning-subtle) !important;
    color: var(--warning-dark) !important;
}

#order-standard_cart .renewal-unavailable {
    background: var(--gray-light) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-muted) !important;
    font-style: italic;
}

#order-standard_cart .renewal-unavailable-notice i,
#order-standard_cart .renewal-unavailable i {
    font-size: 1.1rem;
    flex-shrink: 0;
}

#order-standard_cart .renewal-unavailable-notice i {
    color: var(--warning) !important;
}

#order-standard_cart .renewal-unavailable i {
    color: var(--text-muted) !important;
}

#order-standard_cart .free-renewal-notice {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--success-light) !important;
    border: 1px solid var(--success-subtle) !important;
    border-radius: 8px;
    color: var(--success-dark) !important;
    font-weight: 500;
    margin-bottom: 1rem;
}

#order-standard_cart .free-renewal-notice i {
    color: var(--success) !important;
    font-size: 1.1rem;
}

/* Renewal Options */
#order-standard_cart .renewal-options {
    margin-top: 0.5rem;
}

#order-standard_cart .renewal-period-label,
#order-standard_cart .renewal-options .form-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .renewal-period-label::before {
    content: '\f073';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    color: var(--primary);
    font-size: 0.85rem;
}

#order-standard_cart .renewal-options .form-label i {
    color: var(--primary);
    font-size: 0.85rem;
}

#order-standard_cart .renewal-period-info {
    color: var(--body-color);
    font-size: 0.95rem;
    line-height: 1.5;
    font-family: var(--font-family-arabic);
}

/* Select Dropdown */
#order-standard_cart .select-renewal-pricing {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 0.75rem 2.5rem 0.75rem 1rem;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
    font-family: var(--font-family-arabic);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 12px center;
    background-size: 12px 12px;
}

#order-standard_cart .select-renewal-pricing:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231dafbb' d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
}

[dir="rtl"] #order-standard_cart .select-renewal-pricing {
    background-position: right 12px center;
    padding: 0.75rem 1rem 0.75rem 2.5rem;
}

/* Card Footers */
#order-standard_cart .service-card-footer,
#order-standard_cart .domain-card-footer {
    padding: var(--renewal-padding-lg);
    padding-bottom: 2rem;
    border-top: 1px solid var(--border-light);
    background: var(--gray-light);
}

/* Buttons */
#order-standard_cart .btn-add-renewal-to-cart {
    width: 100%;
    padding: 0.875rem 1.5rem;
    font-weight: 600;
    border-radius: 8px;
    font-size: 0.95rem;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}

#order-standard_cart .btn-add-renewal-to-cart:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

#order-standard_cart .btn-add-renewal-to-cart .to-add i {
    display: none;
}

#order-standard_cart .btn-add-renewal-to-cart .added {
    display: none;
}

#order-standard_cart .btn-add-renewal-to-cart.added .to-add {
    display: none;
}

#order-standard_cart .btn-add-renewal-to-cart.added .added {
    display: inline;
}

#order-standard_cart .btn-add-renewal-to-cart.added,
#order-standard_cart .btn-add-renewal-to-cart:disabled,
#order-standard_cart .btn-renewal:disabled,
#order-standard_cart .btn-secondary.btn-renewal {
    width: 100%;
    padding: 0.875rem 1.5rem;
    font-weight: 600;
    border-radius: 8px;
    font-size: 0.95rem;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: var(--gray-light) !important;
    border-color: var(--border-color) !important;
    color: var(--text-muted) !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* ===== SPECIFIC COMPONENTS - مكونات خاصة ===== */

/* ===== SPECIFIC COMPONENTS - مكونات خاصة ===== */
/* Service Controls - خاص بالخدمات فقط */
#order-standard_cart .service-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
    padding: 1rem;
    background: rgba(var(--primary-rgb), 0.02);
    border-radius: 12px;
    border: 1px solid rgba(var(--primary-rgb), 0.08);
}

#order-standard_cart .service-renewals-quick-filter {
    background: var(--white);
    border: 1px solid var(--border-color);
    color: var(--body-color);
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .service-renewals-quick-filter:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

#order-standard_cart .service-renewals-quick-filter i {
    color: var(--primary) !important;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

#order-standard_cart .service-renewals-quick-filter:hover i {
    color: var(--white) !important;
}

#order-standard_cart .service-renewals-quick-filter .to-hide,
#order-standard_cart .service-renewals-quick-filter .to-show {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ===== إضافات التجديد فقط - معزولة عن إضافات الشراء ===== */
/* استخدام selector محدد لضمان العزل */
#order-standard_cart .service-renewal-card .service-addons-section {
    margin-top: 1.5rem;
    border-top: 2px dashed rgba(var(--primary-rgb), 0.15);
    padding: 1rem 0 0 0;
    position: relative;
    border-radius: 0 0 8px 8px;
}



#order-standard_cart .service-renewal-card .addons-title {
    font-weight: 500;
    margin: 0 0 0.75rem 0;
    font-size: 0.9rem;
    padding: 0 1.5rem;
    font-family: var(--font-family-arabic);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    opacity: 0.85;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#order-standard_cart .service-renewal-card .addons-title i {
    color: var(--primary);
    font-size: 0.75rem;
}

/* شبكة إضافات التجديد - تصميم أفقي مدمج */
#order-standard_cart .service-renewal-card .addons-grid {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0 1.5rem 1rem;
}

/* كارد إضافة التجديد - تصميم مسطح ومدمج */
#order-standard_cart .service-renewal-card .addon-renewal-card {
    background: var(--white);
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 56px;
    padding: 0.75rem 1rem;
    position: relative;
    animation: slideInUp 0.3s ease-out;
}

#order-standard_cart .service-renewal-card .addon-renewal-card:hover {
    border-color: rgba(var(--primary-rgb), 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    background: rgba(var(--primary-rgb), 0.01);
}

#order-standard_cart .service-renewal-card .addon-renewal-card:hover::before {
    background: var(--primary);
    width: 4px;
}

/* إزالة التقسيمات الداخلية لإضافات التجديد */
#order-standard_cart .service-renewal-card .addon-card-header,
#order-standard_cart .service-renewal-card .addon-card-body,
#order-standard_cart .service-renewal-card .addon-card-footer {
    padding: 0;
    border: none;
    background: none;
    margin: 0;
    display: flex;
    align-items: center;
}

#order-standard_cart .service-renewal-card .addon-card-header {
    flex: 1;
    gap: 1rem;
    min-width: 0;
}

#order-standard_cart .service-renewal-card .addon-card-body {
    display: none; /* إخفاء معلومات التجديد التفصيلية */
}

#order-standard_cart .service-renewal-card .addon-card-footer {
    flex-shrink: 0;
    margin-left: auto;
}

/* معلومات إضافة التجديد المبسطة */
#order-standard_cart .service-renewal-card .addon-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

#order-standard_cart .service-renewal-card .addon-name {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--heading-color);
    margin: 0;
    font-family: var(--font-family-arabic);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#order-standard_cart .service-renewal-card .addon-domain {
    color: var(--text-muted);
    font-weight: 400;
    font-size: 0.7rem;
    font-family: var(--font-family-monospace);
    margin: 0;
    opacity: 0.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* إخفاء معلومات انتهاء الصلاحية لتوفير المساحة - إضافات التجديد */
#order-standard_cart .service-renewal-card .addon-expiry {
    display: none;
}

/* حالة إضافة التجديد مبسطة */
#order-standard_cart .service-renewal-card .addon-status {
    flex-shrink: 0;
    margin-left: 0.75rem;
}

#order-standard_cart .service-renewal-card .addon-status .status-badge {
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 60px;
    justify-content: center;
}

#order-standard_cart .service-renewal-card .addon-status .status-badge i {
    font-size: 0.6rem;
}

/* أزرار إضافات التجديد مبسطة */
#order-standard_cart .service-renewal-card .addon-card-footer .btn-add-renewal-to-cart,
#order-standard_cart .service-renewal-card .addon-card-footer .btn-renewal {
    padding: 0.35rem 0.75rem;
    font-size: 0.7rem;
    min-height: 28px;
    border-radius: 5px;
    font-weight: 500;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

#order-standard_cart .service-renewal-card .addon-card-footer .btn-add-renewal-to-cart i,
#order-standard_cart .service-renewal-card .addon-card-footer .btn-renewal i {
    font-size: 0.65rem;
}

/* تأثيرات الحركة - إضافات التجديد */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* تحسين الاستجابة للشاشات المتوسطة - إضافات التجديد */
@media (max-width: 992px) {
    #order-standard_cart .service-renewal-card .addon-renewal-card {
        flex-direction: column;
        align-items: stretch;
        min-height: auto;
        padding: 0.6rem 0.8rem;
        gap: 0.5rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-card-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 0.5rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-info {
        flex: 1;
    }
    
    #order-standard_cart .service-renewal-card .addon-name {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        font-size: 0.8rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-domain {
        font-size: 0.65rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-status {
        margin-left: 0;
        flex-shrink: 0;
    }
    
    #order-standard_cart .service-renewal-card .addon-card-footer {
        margin-left: 0;
        align-self: stretch;
    }
    
    #order-standard_cart .service-renewal-card .addon-card-footer .btn-add-renewal-to-cart,
    #order-standard_cart .service-renewal-card .addon-card-footer .btn-renewal {
        width: 100%;
        min-height: 32px;
        font-size: 0.75rem;
    }
}

/* تحسين الاستجابة للشاشات الصغيرة - إضافات التجديد */
@media (max-width: 768px) {
    #order-standard_cart .service-renewal-card .service-addons-section {
        padding: 0.75rem 0 0 0;
        margin-top: 1rem;
    }
    
    #order-standard_cart .service-renewal-card .service-addons-section::before {
        left: 1rem;
        width: 3px;
        height: 12px;
    }
    
    #order-standard_cart .service-renewal-card .addons-title {
        padding: 0 1rem;
        font-size: 0.85rem;
        margin-bottom: 0.5rem;
    }
    
    #order-standard_cart .service-renewal-card .addons-grid {
        padding: 0 1rem 0.75rem;
        gap: 0.3rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-renewal-card {
        padding: 0.5rem 0.7rem;
        min-height: 48px;
    }
    
    #order-standard_cart .service-renewal-card .addon-name {
        font-size: 0.75rem;
        line-height: 1.2;
    }
    
    #order-standard_cart .service-renewal-card .addon-domain {
        font-size: 0.6rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-status .status-badge {
        font-size: 0.6rem;
        padding: 0.15rem 0.4rem;
        min-width: 50px;
    }
    
    #order-standard_cart .service-renewal-card .addon-card-footer .btn-add-renewal-to-cart,
    #order-standard_cart .service-renewal-card .addon-card-footer .btn-renewal {
        padding: 0.3rem 0.6rem;
        font-size: 0.65rem;
        min-height: 28px;
        min-width: 60px;
    }
}

/* تحسين الاستجابة للشاشات الصغيرة جداً - إضافات التجديد */
@media (max-width: 576px) {
    #order-standard_cart .service-renewal-card .service-addons-section {
        margin-top: 0.75rem;
        padding: 0.5rem 0 0 0;
    }
    
    #order-standard_cart .service-renewal-card .addons-title {
        padding: 0 0.75rem;
        font-size: 0.8rem;
        gap: 0.3rem;
    }
    
    #order-standard_cart .service-renewal-card .addons-grid {
        padding: 0 0.75rem 0.5rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-renewal-card {
        padding: 0.4rem 0.6rem;
        border-radius: 4px;
        min-height: 44px;
    }
    
    #order-standard_cart .service-renewal-card .addon-renewal-card::before {
        width: 2px;
    }
    
    #order-standard_cart .service-renewal-card .addon-renewal-card:hover::before {
        width: 3px;
    }
    
    #order-standard_cart .service-renewal-card .addon-card-header {
        gap: 0.4rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-name {
        font-size: 0.7rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-domain {
        font-size: 0.55rem;
    }
    
    #order-standard_cart .service-renewal-card .addon-status .status-badge {
        font-size: 0.55rem;
        padding: 0.1rem 0.3rem;
        min-width: 45px;
        border-radius: 8px;
    }
    
    #order-standard_cart .service-renewal-card .addon-card-footer .btn-add-renewal-to-cart,
    #order-standard_cart .service-renewal-card .addon-card-footer .btn-renewal {
        padding: 0.25rem 0.5rem;
        font-size: 0.6rem;
        min-height: 26px;
        min-width: 55px;
        border-radius: 4px;
    }
}

/* ===== صفحة الإضافات المتاحة للشراء - محفوظة كما هي ===== */
/* هذا القسم خاص بصفحة شراء الإضافات الجديدة وليس التجديد */
#order-standard_cart .no-addons-content {
    padding: 4rem 2rem;
    text-align: center;
}

#order-standard_cart .no-addons-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 2rem;
    background: var(--primary-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-standard_cart .no-addons-icon i {
    font-size: 3rem;
    color: var(--primary);
}

#order-standard_cart .no-addons-content h3 {
    color: var(--heading-color);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

#order-standard_cart .no-addons-content p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* شبكة إضافات الشراء - مختلفة عن إضافات التجديد */
#order-standard_cart .cart-body > .addons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

/* كاردات إضافات الشراء - مختلفة عن إضافات التجديد */
#order-standard_cart .cart-body > .addons-grid .addon-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    transition: var(--transition-normal);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#order-standard_cart .cart-body > .addons-grid .addon-card:hover {
    border-color: var(--primary);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .addon-form {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#order-standard_cart .addon-header {
    padding: 1.5rem 2rem 1rem;
    text-align: center;
    border-bottom: 1px solid var(--border-light);
}

#order-standard_cart .addon-title {
    color: var(--heading-color);
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

#order-standard_cart .addon-body {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#order-standard_cart .addon-description {
    flex-grow: 1;
}

#order-standard_cart .addon-description p {
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
    font-size: 0.95rem;
    text-align: center;
}

#order-standard_cart .addon-service-selector {
    margin-top: auto;
}

#order-standard_cart .addon-service-selector .form-label {
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

#order-standard_cart .addon-service-select {
    font-size: 0.9rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    transition: var(--transition-normal);
}

#order-standard_cart .addon-service-select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(29, 175, 187, 0.1);
}

#order-standard_cart .addon-footer {
    padding: 1.5rem 2rem 2rem;
    border-top: 1px solid var(--border-light);
    background: var(--gray-light);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

#order-standard_cart .addon-pricing {
    flex: 1;
}

#order-standard_cart .price-free {
    padding: 0.5rem 1rem;
    background: var(--success-light);
    border: 1px solid var(--success);
    border-radius: 8px;
    display: inline-block;
}

#order-standard_cart .price-free .price-label {
    color: var(--success-dark);
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#order-standard_cart .price-main {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

#order-standard_cart .price-amount {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary);
    font-family: var(--font-family-monospace);
}

#order-standard_cart .price-cycle {
    font-size: 0.9rem;
    color: var(--text-muted);
    font-weight: 500;
}

#order-standard_cart .price-setup {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--text-muted);
    font-size: 0.8rem;
}

#order-standard_cart .price-setup i {
    font-size: 0.7rem;
    color: var(--warning);
}

#order-standard_cart .btn-addon-order {
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 8px;
    font-size: 0.9rem;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: var(--transition-normal);
    white-space: nowrap;
}

#order-standard_cart .btn-addon-order:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

#order-standard_cart .btn-addon-order i {
    font-size: 0.8rem;
}



#order-standard_cart .grace-period-notice {
    background: var(--warning-light) !important;
    border: 1px solid var(--warning-subtle) !important;
    border-radius: var(--custom-radius-lg);
    padding: 1.5rem;
    margin-top: 2rem;
    color: var(--warning-dark) !important;
}

#order-standard_cart .grace-period-notice .notice-icon {
    background: var(--warning) !important;
    color: var(--white) !important;
    width: 32px;
    height: 32px;
    border-radius: var(--custom-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 1rem;
}

#order-standard_cart .grace-period-notice .notice-content {
    flex: 1;
}

#order-standard_cart .grace-period-notice strong {
    color: var(--warning-dark) !important;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

#order-standard_cart .grace-period-notice p {
    margin: 0;
    line-height: 1.5;
    font-size: 0.9rem;
    color: var(--warning-dark) !important;
}

/* ===== RESPONSIVE DESIGN للصفحة العامة ===== */
@media (max-width: 992px) {

    
    #order-standard_cart .service-card-header,
    #order-standard_cart .domain-card-header {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        text-align: center;
    }
    
    #order-standard_cart .service-status,
    #order-standard_cart .domain-status {
        align-self: center;
    }

    /* تحسين إضافات الشراء للشاشات المتوسطة */
    #order-standard_cart .cart-body > .addons-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 1.5rem;
    }
    
    #order-standard_cart .addon-header {
        padding: 1.5rem 1.5rem 1rem;
    }
    
    #order-standard_cart .addon-body {
        padding: 1.5rem;
    }
    
    #order-standard_cart .addon-footer {
        padding: 1.25rem 1.5rem 1.5rem;
    }
}

@media (max-width: 768px) {
    :root {
        --renewal-padding-lg: 1.25rem 1.5rem;
        --renewal-padding-md: 1rem 1.25rem;
        --renewal-card-radius: 12px;
    }
    
    #order-standard_cart .header-lined {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }
    
    #order-standard_cart .header-lined h1 {
        font-size: 1.75rem;
    }
    
    #order-standard_cart .search-container {
        margin-top: 1.5rem;
    }
    
    #order-standard_cart .search-container .field {
        height: 44px;
        font-size: 13px;
    }
    
    #order-standard_cart .search-container .field-icon {
        height: 44px;
    }
    
    #order-standard_cart .service-controls {
        padding: 0.75rem;
        margin-bottom: 1.5rem;
    }
    
    #order-standard_cart .service-name,
    #order-standard_cart .domain-name {
        font-size: 1.1rem;
    }
    
    #order-standard_cart .domain-name {
        word-break: break-all;
    }
    
    #order-standard_cart .service-expiry,
    #order-standard_cart .domain-expiry {
        font-size: 0.85rem;
        justify-content: center;
    }
    
    #order-standard_cart .status-badge {
        font-size: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
    
    #order-standard_cart .btn-add-renewal-to-cart {
        padding: 0.75rem 1.25rem;
        font-size: 0.9rem;
        min-height: 44px;
    }
    
    #order-standard_cart .no-services-content,
    #order-standard_cart .no-domains-content {
        padding: 3rem 1rem;
    }
    
    #order-standard_cart .no-services-icon,
    #order-standard_cart .no-domains-icon {
        width: 100px;
        height: 100px;
    }
    
    #order-standard_cart .no-services-icon i,
    #order-standard_cart .no-domains-icon i {
        font-size: 2.5rem;
    }
    
    #order-standard_cart .grace-period-notice {
        padding: 1.25rem;
    }
    
    #order-standard_cart .grace-period-notice .notice-icon {
        width: 28px;
        height: 28px;
        margin-left: 0.75rem;
    }

    /* تحسين إضافات الشراء للشاشات الصغيرة */
    #order-standard_cart .cart-body > .addons-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    
    #order-standard_cart .addon-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        text-align: center;
    }
    
    #order-standard_cart .btn-addon-order {
        width: 100%;
    }
    
    #order-standard_cart .no-addons-content {
        padding: 3rem 1rem;
    }
    
    #order-standard_cart .no-addons-icon {
        width: 100px;
        height: 100px;
    }
    
    #order-standard_cart .no-addons-icon i {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    :root {
        --renewal-padding-lg: 1rem 1.25rem;
        --renewal-padding-md: 0.875rem 1rem;
    }
    
    #order-standard_cart .header-lined h1 {
        font-size: 1.5rem;
    }
    
    #order-standard_cart .search-container {
        max-width: 100%;
    }
    
    #order-standard_cart .service-renewals-quick-filter {
        width: 100%;
        padding: 0.625rem 1.25rem;
        font-size: 0.9rem;
    }
    
    #order-standard_cart .service-controls {
        padding: 0.5rem;
        margin-bottom: 1rem;
    }
    
    #order-standard_cart .service-card-footer,
    #order-standard_cart .domain-card-footer {
        padding-bottom: 1.25rem;
    }
    
    #order-standard_cart .service-name,
    #order-standard_cart .domain-name {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    
    #order-standard_cart .service-expiry,
    #order-standard_cart .domain-expiry {
        font-size: 0.8rem;
        justify-content: center;
        gap: 0.25rem;
    }
    
    #order-standard_cart .status-badge {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
        border-radius: 12px;
    }
    
    #order-standard_cart .select-renewal-pricing {
        font-size: 13px;
        padding: 0.625rem 2.25rem 0.625rem 0.875rem;
        background-size: 10px 10px;
        background-position: left 8px center;
    }
    
    #order-standard_cart .btn-add-renewal-to-cart {
        padding: 0.625rem 1rem;
        font-size: 0.85rem;
        min-height: 40px;
    }
    
    #order-standard_cart .free-renewal-notice,
    #order-standard_cart .renewal-unavailable,
    #order-standard_cart .renewal-unavailable-notice {
        padding: 0.875rem;
        font-size: 0.85rem;
    }
    
    #order-standard_cart .grace-period-notice {
        padding: 1rem;
        border-radius: 8px;
    }
    
    #order-standard_cart .grace-period-notice .d-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    #order-standard_cart .grace-period-notice .notice-icon {
        align-self: center;
        margin-left: 0;
        margin-bottom: 0.5rem;
    }
    
    #order-standard_cart .grace-period-notice .notice-content {
        text-align: center;
    }

    /* تحسين إضافات الشراء للشاشات الصغيرة جداً */
    #order-standard_cart .addon-icon {
        width: 70px;
        height: 70px;
        border-radius: 16px;
    }
    
    #order-standard_cart .addon-icon i {
        font-size: 1.75rem;
    }
    
    #order-standard_cart .addon-title {
        font-size: 1.1rem;
    }
    
    #order-standard_cart .addon-header {
        padding: 1.25rem 1.25rem 0.75rem;
    }
    
    #order-standard_cart .addon-body {
        padding: 1.25rem;
        gap: 1.25rem;
    }
    
    #order-standard_cart .addon-footer {
        padding: 1rem 1.25rem 1.25rem;
    }
}

/* ===== HOVER EFFECTS FOR STATUS BADGES ===== */
#order-standard_cart .service-renewal-card:hover .status-info,
#order-standard_cart .domain-renewal-card:hover .status-info {
    background: var(--gray) !important;
    color: var(--white) !important;
}

#order-standard_cart .service-renewal-card:hover .status-warning,
#order-standard_cart .domain-renewal-card:hover .status-warning {
    background: var(--warning) !important;
    color: var(--white) !important;
}

#order-standard_cart .service-renewal-card:hover .status-success,
#order-standard_cart .domain-renewal-card:hover .status-success {
    background: var(--success) !important;
    color: var(--white) !important;
}

#order-standard_cart .service-renewal-card:hover .status-danger,
#order-standard_cart .domain-renewal-card:hover .status-danger {
    background: var(--danger) !important;
    color: var(--white) !important;
}

/* تأثيرات hover خاصة بإضافات التجديد فقط */
#order-standard_cart .service-renewal-card .addon-renewal-card:hover .status-info {
    background: var(--gray) !important;
    color: var(--white) !important;
}

#order-standard_cart .service-renewal-card .addon-renewal-card:hover .status-warning {
    background: var(--warning) !important;
    color: var(--white) !important;
}

#order-standard_cart .form-control.service-renewals-filter,
#order-standard_cart .form-control.domain-renewals-filter,
#order-standard_cart .service-renewals-filter {
    background: var(--white) !important;
    background-image: none !important;
    padding: 0.75rem 3rem 0.75rem 1rem !important;  /* Padding جديد */
    height: 48px !important;
    width: 100% !important;
    font-size: 14px !important;
    border-radius: 12px !important;
    float: none !important;
}

@media (min-width: 768px) {
    #order-standard_cart .form-control.service-renewals-filter,
    #order-standard_cart .service-renewals-quick-filter {
        width: 100% !important;
        float: none !important;
    }
}

#order-standard_cart .service-renewals-quick-filter {
    width: auto !important;
    float: none !important;
}

.addon-renewals > div {
	border: none;
}

/* صفحة نقل النطاقات */

#order-standard_cart .transfer-subtitle {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .transfer-form-container {
    max-width: 800px;
    margin: 0 auto;
}

#order-standard_cart .transfer-card {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

#order-standard_cart .transfer-card-header {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid var(--border-light);
    background: var(--white);
}

#order-standard_cart .transfer-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--heading-color);
    margin: 0;
    font-family: var(--font-family-arabic);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

#order-standard_cart .transfer-card-title::before {
    content: '\f362';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    color: var(--primary);
    font-size: 1.25rem;
}

#order-standard_cart .transfer-card-body {
    padding: 2rem;
}

#order-standard_cart .transfer-form-group {
    margin-bottom: 1.5rem;
}

#order-standard_cart .transfer-label-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

#order-standard_cart .transfer-form-group label {
    font-weight: 600;
    color: var(--heading-color);
    font-size: 0.95rem;
    font-family: var(--font-family-arabic);
    margin: 0;
}

#order-standard_cart .transfer-help-link {
    color: var(--primary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    transition: color 0.3s ease;
}

#order-standard_cart .transfer-help-link:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

#order-standard_cart .transfer-input {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 14px;
    background: var(--white);
    transition: all 0.3s ease;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .transfer-input:focus {
    border-color: var(--primary);
    outline: 0;
}

#order-standard_cart .transfer-input::placeholder {
    color: var(--text-muted);
}

#order-standard_cart .transfer-input-domain {
    font-family: var(--font-family-monospace);
    font-weight: 600;
    color: var(--heading-color);
}

#order-standard_cart .transfer-input-epp {
    font-family: var(--font-family-monospace);
    letter-spacing: 0.5px;
}

#order-standard_cart .transfer-alert {
    background: var(--warning-light);
    border: 1px solid var(--warning-subtle);
    color: var(--warning-dark);
    padding: 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-family: var(--font-family-arabic);
    display: none;
}

#order-standard_cart .transfer-alert:not(.w-hidden) {
    display: flex;
    align-items: center;
}

#order-standard_cart .transfer-alert::before {
    content: '\f071';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    color: var(--warning);
    font-size: 1rem;
    flex-shrink: 0;
    margin-left: 0.35rem;
}

#order-standard_cart .transfer-captcha-section {
    background: var(--gray-light);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

#order-standard_cart .transfer-captcha-card {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

#order-standard_cart .transfer-captcha-card p {
    margin-bottom: 1rem;
    color: var(--body-color);
    font-family: var(--font-family-arabic);
}

#order-standard_cart .transfer-captcha-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

#order-standard_cart .transfer-captcha-image {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#order-standard_cart .transfer-captcha-input {
    width: 120px;
    padding: 0.75rem;
    text-align: center;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    background: var(--white);
    transition: all 0.3s ease;
}

#order-standard_cart .transfer-captcha-input:focus {
    border-color: var(--primary);
    outline: 0;
}

#order-standard_cart .transfer-recaptcha-section {
    text-align: center;
    margin: 1.5rem 0;
}

#order-standard_cart .transfer-recaptcha-container {
    display: flex;
    justify-content: center;
}

#order-standard_cart .transfer-card-footer {
    padding: 1.5rem 2rem 2rem;
    border-top: 1px solid var(--border-light);
    background: var(--gray-light);
    text-align: center;
}

#order-standard_cart .btn-transfer {
    background: var(--primary);
    border: 2px solid var(--primary);
    color: var(--white);
    padding: 0.875rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.3s ease;
    font-family: var(--font-family-arabic);
    cursor: pointer;
}

#order-standard_cart .btn-transfer:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--white);
}

#order-standard_cart .btn-transfer:disabled {
    background: var(--gray-light);
    border-color: var(--border-color);
    color: var(--text-muted);
    cursor: not-allowed;
    transform: none;
}

#order-standard_cart .btn-transfer .transfer-loader i {
    animation: spin 1s linear infinite;
}

#order-standard_cart .transfer-info-section {
    margin: 2rem auto;
    max-width: 800px;
}

#order-standard_cart .transfer-info-card {
    background: var(--success-light);
    border: 1px solid rgba(var(--success-rgb), 0.2);
    border-radius: 12px;
    padding: 1.5rem;
    color: var(--success-dark);
}

#order-standard_cart .transfer-info-card h3 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--success-dark);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .transfer-info-card h3::before {
    content: '\f05a';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    color: var(--success);
    font-size: 1rem;
}

#order-standard_cart .transfer-info-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

#order-standard_cart .transfer-info-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.9rem;
    line-height: 1.5;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .transfer-info-item::before {
    content: '\f00c';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    color: var(--success);
    font-size: 0.8rem;
    margin-top: 0.1rem;
    flex-shrink: 0;
}

#order-standard_cart .transfer-disclaimer {
    text-align: center;
    margin: 2rem auto;
    padding: 1rem;
    color: var(--text-muted);
    font-size: 0.85rem;
    font-family: var(--font-family-arabic);
    max-width: 800px;
}

#order-standard_cart .transfer-disclaimer strong {
    color: var(--warning-dark);
}

@media (max-width: 768px) {
    #order-standard_cart .transfer-form-container,
    #order-standard_cart .transfer-info-section,
    #order-standard_cart .transfer-disclaimer {
        margin-left: 0;
        margin-right: 0;
    }
    
    #order-standard_cart .transfer-card-header,
    #order-standard_cart .transfer-card-body,
    #order-standard_cart .transfer-card-footer {
        padding: 1.25rem 1.5rem;
    }
    
    #order-standard_cart .transfer-card-title {
        font-size: 1.25rem;
        justify-content: flex-start;
        text-align: start;
    }
    
    #order-standard_cart .transfer-label-container {
        justify-content: space-between;
        align-items: center;
    }
    
    #order-standard_cart .transfer-help-link {
        align-self: flex-end;
    }
    
    #order-standard_cart .transfer-input {
        padding: 0.75rem;
        font-size: 13px;
    }
    
    #order-standard_cart .transfer-captcha-container {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    #order-standard_cart .transfer-captcha-input {
        width: 100px;
    }
    
    #order-standard_cart .btn-transfer {
        width: 100%;
        padding: 0.75rem 1.5rem;
    }
    
    #order-standard_cart .transfer-info-card {
        padding: 1.25rem;
    }
    
    #order-standard_cart .transfer-info-card h3 {
        justify-content: flex-start;
        text-align: start;
    }
}
}

@media (max-width: 576px) {
    #order-standard_cart .transfer-card-header,
    #order-standard_cart .transfer-card-body,
    #order-standard_cart .transfer-card-footer {
        padding: 1rem 1.25rem;
    }
    
    #order-standard_cart .transfer-card-title {
        font-size: 1.1rem;
    }
    
    #order-standard_cart .transfer-input {
        padding: 0.625rem;
        font-size: 12px;
    }
    
    #order-standard_cart .transfer-captcha-section {
        padding: 1rem;
    }
    
    #order-standard_cart .transfer-info-card {
        padding: 1rem;
    }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* ===== صفحة الدفع المخصصة - Final Clean Version ===== */

/* Layout والتخطيط العام */
#order-standard_cart .already-registered {
}

#order-standard_cart .already-registered .toggle-buttons {
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

#order-standard_cart .toggle-buttons .btn {
    min-width: 200px;
    padding: 0.875rem 1.5rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
}

#order-standard_cart .checkout-section {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.3s ease;
}

#order-standard_cart .checkout-section:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .section-header {
    padding-bottom: 1rem;
}

#order-standard_cart .section-title {
    color: var(--heading-color);
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .section-title i {
    color: var(--primary);
    font-size: 1.25rem;
}

#order-standard_cart .section-description {
    color: var(--text-muted);
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
}

#order-standard_cart .form-label {
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .form-label.required::after {
    content: '*';
    color: var(--danger);
    margin-left: 0.25rem;
}

#order-standard_cart .form-label i {
    color: var(--primary);
    font-size: 0.9rem;
    width: 16px;
    text-align: center;
}

/* اختيار الحساب */
#order-standard_cart .account-select-container {
    margin: 0;
    padding: 0;
    border: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

#order-standard_cart .account-select-container > div {
    padding: 0;
}

#order-standard_cart .account-select-container .account {
    background: var(--white);
    border: 2px solid var(--border-color);
    border-radius: 12px;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#order-standard_cart .account-select-container .account:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 16px rgba(29, 175, 187, 0.15);
    transform: translateY(-2px);
}

#order-standard_cart .account-select-container .account:has(input[type="radio"]:checked) {
    border-color: var(--primary);
    background: var(--primary-lighter);
    box-shadow: 0 6px 20px rgba(29, 175, 187, 0.25);
}

#order-standard_cart .account-select-container .account.border-bottom:has(input[type="radio"]:checked) {
    border-color: var(--success);
    background: var(--success-light);
    box-shadow: 0 6px 20px rgba(7, 192, 126, 0.25);
}

#order-standard_cart .account-select-container .account .radio-inline {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#order-standard_cart .account-select-container .account .radio-inline input[type="radio"] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 20px;
    height: 20px;
    accent-color: var(--primary);
    z-index: 2;
}

#order-standard_cart .account-select-container .account .address {
    display: block;
    width: 100%;
    padding: 1.5rem;
    padding-right: 3rem;
    flex: 1;
    position: relative;
}

#order-standard_cart .account-select-container .account .address strong {
    color: var(--heading-color);
    font-weight: 700;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .account-select-container .account .address .label {
    margin-left: 0.5rem;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

#order-standard_cart .account-select-container .account .address .label-default {
    background: var(--danger-light);
    color: var(--danger-dark);
}

#order-standard_cart .account-select-container .account .address .label-info {
    background: var(--info-light);
    color: var(--info-dark);
}

#order-standard_cart .account-select-container .account .address .small {
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.4;
    margin-top: 0.5rem;
    display: block;
}

#order-standard_cart .account-select-container .account.border-bottom .address {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 2rem;
}

#order-standard_cart .account-select-container .account.border-bottom .address::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(29, 175, 187, 0.05) 0%, rgba(29, 175, 187, 0.02) 100%);
    border-radius: 12px;
    z-index: 1;
}

#order-standard_cart .account-select-container .account.border-bottom .radio-inline {
    position: relative;
    z-index: 2;
    color: var(--primary);
    font-weight: 700;
    font-size: 1.1rem;
    text-align: center;
    font-family: var(--font-family-arabic);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

#order-standard_cart .account-select-container .account.border-bottom .radio-inline::before {
    content: '\f067';
    font-family: "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    color: var(--success);
    font-size: 1.5rem;
}

#order-standard_cart .account-select-container .account.border-bottom input[type="radio"] {
    position: static;
    margin-right: 0.5rem;
    width: 20px;
    height: 20px;
}

/* كلمة المرور والأمان */
#order-standard_cart .login-submit-container {
    text-align: center;
    margin-top: 1.5rem;
}

#order-standard_cart .password-strength-container {
    margin-top: 0.5rem;
}

#order-standard_cart .password-strength-meter .progress {
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    background: var(--border-light);
}

#order-standard_cart .password-strength-text {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin: 0.5rem 0 0;
    text-align: center;
}

/* عرض المبلغ الإجمالي */
#order-standard_cart .payment-section {
    border: 2px solid rgba(29, 175, 187, 0.1);
}

#order-standard_cart .total-amount-display {
    background: linear-gradient(135deg, var(--success-light), rgba(var(--success-rgb), 0.05));
    color: var(--success);
    padding: 1.5rem;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

#order-standard_cart .total-amount-display::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.3;
}

#order-standard_cart .total-container {
    position: relative;
    z-index: 2;
}

#order-standard_cart .total-label {
    font-size: 1.1rem;
    font-weight: 500;
    display: block;
    margin-bottom: 0.5rem;
    color: var(--success);
    text-align: center;
}

#order-standard_cart .total-amount {
    font-size: 2.5rem;
    font-weight: 800;
    font-family: var(--font-family-monospace);
}

/* خيارات الرصيد */
#order-standard_cart .credit-application-container {
    background: var(--warning-light);
    border: 1px solid var(--warning-subtle);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

#order-standard_cart .credit-title {
    color: var(--warning-dark);
    font-weight: 600;
    font-size: 1.1rem;
    margin: 0 0 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .credit-title i {
    color: var(--warning);
}

#order-standard_cart .credit-options {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#order-standard_cart .credit-option {
    background: var(--white);
    border: 1px solid var(--warning-subtle);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

#order-standard_cart .credit-option:hover {
    border-color: var(--warning);
    box-shadow: 0 2px 8px rgba(255, 164, 47, 0.15);
}

#order-standard_cart .credit-radio-label {
    display: block;
    padding: 1rem 1.5rem;
    margin: 0;
    cursor: pointer;
    position: relative;
}

#order-standard_cart .credit-radio-label input[type="radio"] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 20px;
    height: 20px;
    accent-color: var(--warning);
}

#order-standard_cart .credit-option-content {
    padding-right: 2rem;
    color: var(--warning-dark);
    font-weight: 500;
    line-height: 1.4;
}

/* ===== طرق الدفع - محسنة مع اللون الأخضر ===== */

#order-standard_cart .payment-methods-container {
    margin-bottom: 2rem;
}

#order-standard_cart .payment-methods-title {
    color: var(--heading-color);
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .payment-methods-title i {
    color: var(--primary);
}

#order-standard_cart .payment-methods-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 1rem !important;
    margin-bottom: 2rem !important;
}

#order-standard_cart .payment-method-option {
    border: 2px solid var(--border-light) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    background: var(--white) !important;
    position: relative !important;
}

#order-standard_cart .payment-method-option:hover {
    border-color: var(--primary) !important;
    box-shadow: 0 2px 8px rgba(29, 175, 187, 0.15) !important;
}

/* الحالة المحددة - تحويل للأخضر مثل الإضافات */
#order-standard_cart .payment-method-option:has(.iradio_square-blue.checked) {
    border-color: var(--success) !important;
    background: var(--success-light) !important;
    box-shadow: 0 4px 16px rgba(7, 192, 126, 0.25) !important;
}

#order-standard_cart .payment-method-option:has(.iradio_square-blue.checked):hover {
    border-color: var(--success-dark) !important;
}

#order-standard_cart .payment-method-label {
    display: block !important;
    padding: 1.5rem !important;
    margin: 0 !important;
    cursor: pointer !important;
    text-align: center !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

#order-standard_cart .payment-method-label .iradio_square-blue {
    position: absolute !important;
    top: 0.75rem !important;
    right: 0.75rem !important;
    width: 20px !important;
    height: 20px !important;
    background-image: none !important;
    background-color: var(--white) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 50% !important;
    display: inline-block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    background-position: initial !important;
}

/* إزالة أي محتوى افتراضي */
#order-standard_cart .payment-method-label .iradio_square-blue::after {
    content: '' !important;
    display: none !important;
}

/* فقط عندما يحتوي على class checked */
#order-standard_cart .payment-method-label .iradio_square-blue.checked {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
    background-image: none !important;
    background-position: initial !important;
}

/* علامة الصح فقط مع checked */
#order-standard_cart .payment-method-label .iradio_square-blue.checked::after {
    content: '\f00c' !important;
    font-family: "Font Awesome 5 Pro", "FontAwesome" !important;
    color: var(--white) !important;
    font-size: 12px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-weight: 900 !important;
    display: block !important;
}

/* حالة التحويم - غير محدد */
#order-standard_cart .payment-method-label .iradio_square-blue:not(.checked):hover {
    border-color: var(--primary) !important;
    background-color: var(--primary-light) !important;
}

/* حالة التحويم - محدد */
#order-standard_cart .payment-method-label .iradio_square-blue.checked:hover {
    background-color: var(--success-dark) !important;
    border-color: var(--success-dark) !important;
}

#order-standard_cart .payment-method-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.75rem !important;
    color: var(--heading-color) !important;
    font-weight: 600 !important;
    margin-top: 1rem !important;
}

#order-standard_cart .payment-method-content i {
    color: var(--primary) !important;
    font-size: 1.5rem !important;
    transition: all 0.3s ease !important;
}

#order-standard_cart .payment-method-content span {
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
}

/* تأثير التحديد على المحتوى - أخضر */
#order-standard_cart .payment-method-option:has(.iradio_square-blue.checked) .payment-method-content {
    color: var(--success-dark) !important;
}

#order-standard_cart .payment-method-option:has(.iradio_square-blue.checked) .payment-method-content i {
    color: var(--success) !important;
    transform: scale(1.1) !important;
}

/* إخفاء العنصر الأصلي في طرق الدفع */
#order-standard_cart .payment-method-label input[type="radio"] {
    display: none !important;
}

/* التأكد من عمل iCheck-helper للدفع */
#order-standard_cart .payment-method-label .iCheck-helper {
    position: absolute !important;
    top: 0.75rem !important;
    right: 0.75rem !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    z-index: 1 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* بطاقات الائتمان */
#order-standard_cart .credit-card-form {
    background: var(--gray-light);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 2rem;
    margin-top: 2rem;
}

#order-standard_cart .existing-card-cvv {
    max-width: 300px;
    margin-bottom: 1.5rem;
}

#order-standard_cart .cvv-input-group {
    display: flex;
    gap: 0.5rem;
}

#order-standard_cart .cvv-help-btn {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-standard_cart .card-option-label {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    cursor: pointer;
    font-weight: 500;
    color: var(--heading-color);
}

#order-standard_cart .card-option-text {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#order-standard_cart .new-card-form {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.5rem;
}

#order-standard_cart .card-save-settings {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-light);
}

#order-standard_cart .card-store-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-top: 0.75rem;
}

#order-standard_cart .card-store-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-weight: 500;
    color: var(--heading-color);
}

/* الدفع السريع */
#order-standard_cart .express-checkout-container {
    background: var(--primary-light);
    border: 1px solid var(--primary-subtle);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
}

#order-standard_cart .express-checkout-message {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-weight: 600;
    color: var(--primary-dark);
    font-size: 1.1rem;
}

#order-standard_cart .express-checkout-message i {
    color: var(--success);
    font-size: 1.5rem;
}

/* الملاحظات والتسويق */
#order-standard_cart .notes-form textarea {
    width: 100%;
}

#order-standard_cart .marketing-section {
    background: linear-gradient(135deg, var(--info-light) 0%, rgba(var(--info-rgb), 0.1) 100%);
    border: 1px solid var(--info-subtle);
}

#order-standard_cart .marketing-optin-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

#order-standard_cart .marketing-header {
    flex: 1;
}

#order-standard_cart .marketing-title {
    color: var(--info-dark);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-family-arabic);
}

#order-standard_cart .marketing-title i {
    color: var(--info);
}

#order-standard_cart .marketing-description {
    color: var(--info-dark);
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
}

#order-standard_cart .marketing-toggle {
    flex-shrink: 0;
}

/* ===== مربع الشروط والأحكام ===== */

#order-standard_cart .terms-acceptance {
    margin-bottom: 2rem !important;
    display: flex !important;
    justify-content: center !important;
}

#order-standard_cart .terms-checkbox-label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
    cursor: pointer !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: right !important;
    padding: 1rem !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    background: var(--white) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

#order-standard_cart .terms-checkbox-label:hover {
    border-color: var(--primary) !important;
    background: var(--primary-light) !important;
}

/* checkbox مخصص للشروط */
#order-standard_cart .terms-checkbox-label .icheckbox_square-blue {
    width: 20px !important;
    height: 20px !important;
    background-image: none !important;
    background-color: var(--white) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 4px !important;
    position: relative !important;
    display: inline-block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    margin-top: 0.125rem !important;
    flex-shrink: 0 !important;
    background-position: initial !important;
}

#order-standard_cart .terms-checkbox-label .icheckbox_square-blue::after {
    content: '' !important;
    display: none !important;
}

#order-standard_cart .terms-checkbox-label .icheckbox_square-blue.checked {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    background-image: none !important;
    background-position: initial !important;
}

#order-standard_cart .terms-checkbox-label .icheckbox_square-blue.checked::after {
    content: '\f00c' !important;
    font-family: "Font Awesome 5 Pro", "FontAwesome" !important;
    color: var(--white) !important;
    font-size: 12px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-weight: 900 !important;
    display: block !important;
}

#order-standard_cart .terms-checkbox-label .icheckbox_square-blue:not(.checked):hover {
    border-color: var(--primary) !important;
    background-color: var(--primary-light) !important;
}

#order-standard_cart .terms-checkbox-label .icheckbox_square-blue.checked:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

#order-standard_cart .terms-text {
    flex: 1 !important;
    color: var(--body-color) !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
}

#order-standard_cart .terms-text i {
    color: var(--primary) !important;
    margin-top: 0.125rem !important;
    flex-shrink: 0 !important;
    font-size: 0.9rem !important;
}

#order-standard_cart .terms-link {
    color: var(--primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

#order-standard_cart .terms-link:hover {
    color: var(--primary-dark) !important;
    text-decoration: underline !important;
}

/* إخفاء العنصر الأصلي للشروط */
#order-standard_cart .terms-checkbox-label input[type="checkbox"] {
    display: none !important;
}

/* التأكد من عمل iCheck-helper للشروط */
#order-standard_cart .terms-checkbox-label .iCheck-helper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    z-index: 1 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* إتمام الطلب */
#order-standard_cart .checkout-submit-section {
    text-align: center;
}

#order-standard_cart .btn-complete-order {
    min-width: 300px;
    padding: 1rem 2rem;
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin: 0 auto;
    transition: all 0.3s ease;
}

/* إشعارات الأمان */
#order-standard_cart .security-notice {
    background: var(--success-light);
    border: 1px solid var(--success-subtle);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-top: 2rem;
}

#order-standard_cart .security-notice-content {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--success-dark);
    font-size: 0.9rem;
}

#order-standard_cart .security-notice-content i {
    color: var(--success);
    font-size: 1.25rem;
    flex-shrink: 0;
}

#order-standard_cart .security-text {
    flex: 1;
}

/* رسائل الخطأ */
#order-standard_cart .checkout-error-feedback .error-list {
    margin: 0.5rem 0 0;
    padding-right: 1.5rem;
}

#order-standard_cart .checkout-error-feedback .error-list li {
    margin-bottom: 0.25rem;
}

#order-standard_cart .checkout-hook-output {
    margin: 1.5rem 0;
}

/* ===== متوافقية الاتجاه RTL ===== */

[dir="rtl"] #order-standard_cart .payment-method-label .iradio_square-blue {
    left: auto !important;
    right: 0.75rem !important;
}

[dir="rtl"] #order-standard_cart .payment-method-label .iCheck-helper {
    right: auto !important;
    left: 0.75rem !important;
}

/* ===== حل بديل للمتصفحات القديمة ===== */

@supports not (selector(:has(*))) {
    #order-standard_cart .payment-method-option.js-checked {
        border-color: var(--success) !important;
        background: var(--success-light) !important;
        box-shadow: 0 4px 16px rgba(7, 192, 126, 0.25) !important;
    }
    
    #order-standard_cart .payment-method-option.js-checked:hover {
        border-color: var(--success-dark) !important;
    }
    
    #order-standard_cart .payment-method-option.js-checked .payment-method-content {
        color: var(--success-dark) !important;
    }
    
    #order-standard_cart .payment-method-option.js-checked .payment-method-content i {
        color: var(--success) !important;
        transform: scale(1.1) !important;
    }
}

/* ===== تحسينات للأجهزة المحمولة ===== */

@media (max-width: 768px) {
    #order-standard_cart .already-registered .toggle-buttons {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    
    #order-standard_cart .already-registered .toggle-buttons .btn {
        min-width: 250px;
    }
    
    #order-standard_cart .checkout-section {
        padding: 1.5rem;
    }
    
    #order-standard_cart .account-select-container {
        grid-template-columns: 1fr;
    }
    
    #order-standard_cart .account-select-container .account .radio-inline input[type="radio"] {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
    
    #order-standard_cart .account-select-container .account.border-bottom input[type="radio"] {
        position: static;
        margin-right: 0.5rem;
    }
    
    #order-standard_cart .payment-methods-grid {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }
    
    #order-standard_cart .payment-method-label {
        padding: 1.25rem !important;
    }
    
    #order-standard_cart .payment-method-content i {
        font-size: 1.25rem !important;
    }
    
    #order-standard_cart .payment-method-content span {
        font-size: 0.9rem !important;
    }
    
    #order-standard_cart .marketing-optin-container {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    #order-standard_cart .terms-checkbox-label {
        padding: 0.75rem !important;
        text-align: center !important;
    }
    
    #order-standard_cart .terms-text {
        font-size: 0.9rem !important;
    }
    
    #order-standard_cart .btn-complete-order {
        min-width: 100%;
    }
    
    #order-standard_cart .total-amount {
        font-size: 2rem;
    }
    
    #order-standard_cart .credit-radio-label input[type="radio"] {
        position: static;
        margin-bottom: 0.5rem;
    }
    
    #order-standard_cart .credit-option-content {
        padding-right: 0;
        text-align: center;
    }
}

@media (max-width: 576px) {
    #order-standard_cart .payment-method-label {
        padding: 1rem !important;
    }
    
    #order-standard_cart .payment-method-content {
        gap: 0.5rem !important;
    }
    
    #order-standard_cart .payment-method-content i {
        font-size: 1.1rem !important;
    }
    
    #order-standard_cart .payment-method-content span {
        font-size: 0.85rem !important;
    }
}

/* RTL Support */
[dir="rtl"] #order-standard_cart .view-cart-items .item-domain {
    text-align: right;
    direction: ltr;
    unicode-bidi: plaintext;
}

[dir="rtl"] #order-standard_cart .dropdown .dropdown-toggle {
    text-align: right;
}

[dir="rtl"] #order-standard_cart .dropdown .dropdown-menu .dropdown-item {
    text-align: right;
}

[dir="rtl"] #order-standard_cart .dropdown .dropdown-toggle .caret {
    right: auto !important;
    left: 1rem !important;
}

[dir="rtl"] #order-standard_cart .dropdown .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

[dir="rtl"] #order-standard_cart .dropdown .dropdown-menu[x-placement*="top"] {
    left: auto !important;
    right: 0 !important;
}

[dir="rtl"] #order-standard_cart .dropdown .dropdown-menu[style] {
    left: auto !important;
    right: 0 !important;
}

[dir="rtl"] #order-standard_cart .dropdown .dropdown-toggle {
    text-align: right !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}


#order-standard_cart label, #order-standard_cart p.domain-renewal-desc, .service-renewals .div-renewal-period-label {
	margin-left: 0;
}


#order-standard_cart .pricing-feature-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.275rem;
}

#order-standard_cart .pricing-feature-list li:empty {
    display: none;
}

#order-standard_cart .pricing-feature-list li {
    display: flex;
    align-items: center;
    gap: 0.575rem;
    padding: 0.5rem 1rem;
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 8px;
    font-family: var(--font-family-arabic);
    margin: 0;
    color: var(--body-color);
    font-size: 0.95rem;
    line-height: 1.4;
}

#order-standard_cart .pricing-feature-list li::before {
    content: '+';
    font-family: var(--font-family-arabic);
    font-weight: 700;
    color: var(--primary);
    font-size: 1rem;
    flex-shrink: 0;
    line-height: 1;
}

#order-standard_cart .pricing-feature-list li span {
    font-weight: 600;
    color: var(--heading-color);
    margin-left: 0.375rem;
}

#order-standard_cart .pricing-feature-list li.feature-extra {
    background: rgba(29, 175, 187, 0.02);
    border-color: rgba(29, 175, 187, 0.15);
}

#order-standard_cart .pricing-feature-list li.feature-extra span {
    color: var(--primary);
}



@media (max-width: 768px) {
    #order-standard_cart .pricing-feature-list li {
        padding: 0.875rem 1rem;
        gap: 0.75rem;
        font-size: 0.9rem;
    }
    
    #order-standard_cart .pricing-feature-list li span {
        margin-left: 0.25rem;
    }
}