/**
 * Custom Six Cart — Order Form
 * Domain Lagbe design system
 */

:root {
    --navy-dark: #0D2A45;
    --navy: #123B5E;
    --navy-deep: #0A2138;
    --teal: #2FA98C;
    --teal-dark: #23856E;
    --teal-tint: #EAF6F2;
    --teal-tint-2: #D9F0E8;
    --teal-line: #CDEBE2;
    --orange: #EE9F3C;
    --red: #D2503A;
    --ink: #1D2733;
    --ink-dim: #64717D;
    --ink-faint: #94A1AC;
    --bg: #F5F7F9;
    --line: #E4E8EC;
    --white: #FFFFFF;
    --font-head: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-body: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ── Base ── */
#order-standard_cart,
#order-standard_cart * {
    font-family: var(--font-body) !important;
    box-sizing: border-box;
}

#order-standard_cart {
    background: var(--bg);
    color: var(--ink);
    font-size: 14px;
    padding: 32px 0 64px;
    margin: 0;
}

/* ── Layout ── */
#order-standard_cart .cart-sidebar {
    float: left;
    width: 25%;
    padding: 0 15px;
}

#order-standard_cart .cart-body {
    float: right;
    width: 75%;
    padding: 0 15px;
}

#order-standard_cart .secondary-cart-body {
    float: left;
    width: 65%;
    padding: 0 15px;
}

#order-standard_cart .secondary-cart-sidebar {
    float: right;
    width: 35%;
    padding: 0 15px;
}

@media (max-width: 1199px) {
    #order-standard_cart .cart-sidebar { display: none; }
    #order-standard_cart .cart-body { width: 100%; float: none; }
}

@media (max-width: 767px) {
    #order-standard_cart .secondary-cart-body,
    #order-standard_cart .secondary-cart-sidebar { width: 100%; float: none; }
}

/* ── Page title ── */
#order-standard_cart .header-lined h1,
#order-standard_cart h1.font-size-36 {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 26px !important;
    color: var(--ink) !important;
    border-bottom: 1px solid var(--line) !important;
    padding-bottom: 12px !important;
    margin: 0 0 20px !important;
}

/* ── Panels / Cards ── */
#order-standard_cart .panel {
    background: var(--white) !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    margin-bottom: 20px;
}

#order-standard_cart .panel-heading,
#order-standard_cart .panel > .panel-heading {
    background: var(--white) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 14px 20px !important;
    color: var(--ink) !important;
    text-shadow: none !important;
}

#order-standard_cart .panel-title,
#order-standard_cart .panel-title * {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: var(--ink) !important;
    margin: 0 !important;
}

#order-standard_cart .panel-body {
    padding: 20px !important;
    color: var(--ink-dim);
}

#order-standard_cart .panel-footer {
    background: var(--white) !important;
    border-top: 1px solid var(--line) !important;
    border-radius: 0 0 10px 10px !important;
    padding: 14px 20px !important;
}

/* ── Sidebar categories ── */
#order-standard_cart .list-group-item {
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    color: var(--ink-dim) !important;
    background: var(--white) !important;
    border-radius: 0 !important;
}

#order-standard_cart .list-group-item:last-child {
    border-bottom: 0 !important;
    border-radius: 0 0 10px 10px !important;
}

#order-standard_cart a.list-group-item:hover {
    background: var(--teal-tint) !important;
    color: var(--teal-dark) !important;
}

#order-standard_cart a.list-group-item.active,
#order-standard_cart a.list-group-item.active:hover {
    background: var(--teal-tint) !important;
    color: var(--teal-dark) !important;
    font-weight: 600 !important;
}

/* ── Buttons ── */
#order-standard_cart .btn {
    font-family: var(--font-body) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    border-radius: 7px !important;
    padding: 10px 18px !important;
    border: 1px solid transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

#order-standard_cart .btn-primary,
#order-standard_cart .btn-success {
    background: var(--teal) !important;
    border-color: var(--teal) !important;
    color: var(--white) !important;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover {
    background: var(--teal-dark) !important;
    border-color: var(--teal-dark) !important;
}

#order-standard_cart .btn-default {
    background: var(--white) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

#order-standard_cart .btn-default:hover {
    background: var(--bg) !important;
}

#order-standard_cart .btn-danger {
    background: var(--red) !important;
    border-color: var(--red) !important;
    color: var(--white) !important;
}

#order-standard_cart .btn-lg {
    font-size: 15px !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
}

/* ── Domain search hero ── */
#order-standard_cart .domain-checker-bg {
    background: linear-gradient(150deg, var(--navy-dark) 0%, var(--navy-deep) 100%) !important;
    border-radius: 12px !important;
    padding: 32px !important;
    margin-bottom: 28px !important;
    border: 0 !important;
}

#order-standard_cart .domain-checker-bg .input-group .form-control {
    border: 0 !important;
    border-radius: 7px 0 0 7px !important;
    height: 50px !important;
    font-size: 15px !important;
    padding: 10px 18px !important;
    box-shadow: none !important;
    color: var(--ink) !important;
}

#order-standard_cart .domain-checker-bg .input-group-btn .btn {
    height: 50px !important;
    border-radius: 0 7px 7px 0 !important;
    background: var(--teal) !important;
    border-color: var(--teal) !important;
    color: var(--white) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 26px !important;
}

#order-standard_cart .domain-checker-bg .input-group-btn .btn:hover {
    background: var(--teal-dark) !important;
    border-color: var(--teal-dark) !important;
}

/* Transfer button */
#order-standard_cart .domain-checker-bg .btn-transfer,
#order-standard_cart .domain-checker-bg .btn-default {
    background: var(--navy) !important;
    border-color: var(--navy) !important;
    color: var(--white) !important;
}

/* ── TLD price cards ── */
#order-standard_cart .domain-checker-tld-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin: 20px 0 !important;
}

#order-standard_cart .domain-checker-tld-list > div {
    background: var(--white) !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
    padding: 18px 16px !important;
    text-align: center !important;
    flex: 0 0 calc(25% - 12px) !important;
    box-shadow: none !important;
}

@media (max-width: 991px) {
    #order-standard_cart .domain-checker-tld-list > div {
        flex: 0 0 calc(50% - 8px) !important;
    }
}

#order-standard_cart .domain-checker-tld-list .tld-name,
#order-standard_cart .domain-checker-tld-list .tld {
    font-family: var(--font-head) !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    color: var(--navy-deep) !important;
}

#order-standard_cart .domain-checker-tld-list .btn,
#order-standard_cart .domain-checker-tld-list a.btn {
    width: 100% !important;
    margin-top: 10px !important;
    padding: 8px 12px !important;
    font-size: 13.5px !important;
    border-radius: 7px !important;
    background: var(--teal) !important;
    border-color: var(--teal) !important;
    color: var(--white) !important;
}

/* ── Pricing table ── */
#order-standard_cart .table {
    background: var(--white) !important;
    border-radius: 10px !important;
    border: 1px solid var(--line) !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .table > thead > tr > th {
    background: var(--bg) !important;
    border-bottom: 1px solid var(--line) !important;
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: var(--ink-dim) !important;
    padding: 12px 16px !important;
    text-transform: none !important;
}

#order-standard_cart .table > tbody > tr > td {
    border-top: 1px solid var(--line) !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    color: var(--ink) !important;
}

#order-standard_cart .table > tbody > tr:hover > td {
    background: #FAFBFC !important;
}

/* ── Tabs (Popular / Shopping / Novelty) ── */
#order-standard_cart .nav-tabs {
    border-bottom: 1px solid var(--line) !important;
    margin-bottom: 20px !important;
}

#order-standard_cart .nav-tabs > li > a {
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    color: var(--ink-dim) !important;
    font-weight: 500 !important;
    padding: 10px 16px !important;
    background: transparent !important;
}

#order-standard_cart .nav-tabs > li.active > a,
#order-standard_cart .nav-tabs > li.active > a:hover {
    border-bottom: 2px solid var(--teal) !important;
    background: transparent !important;
    color: var(--teal-dark) !important;
    font-weight: 600 !important;
}

#order-standard_cart .nav-tabs > li > a:hover {
    background: var(--teal-tint) !important;
    color: var(--teal-dark) !important;
}

/* ── Labels ── */
#order-standard_cart .label-success { background: var(--teal-tint) !important; color: var(--teal-dark) !important; border-radius: 20px !important; padding: 4px 10px !important; font-size: 12px !important; }
#order-standard_cart .label-danger  { background: #FBEAE7 !important; color: var(--red) !important; border-radius: 20px !important; padding: 4px 10px !important; font-size: 12px !important; }
#order-standard_cart .label-info    { background: #E6F2FA !important; color: #1F7FAE !important; border-radius: 20px !important; padding: 4px 10px !important; font-size: 12px !important; }
#order-standard_cart .label-warning { background: #FDF1E0 !important; color: var(--orange) !important; border-radius: 20px !important; padding: 4px 10px !important; font-size: 12px !important; }

/* ── Alerts ── */
#order-standard_cart .alert {
    border-radius: 10px !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    border: 1px solid var(--teal-line) !important;
    background: var(--teal-tint) !important;
    color: var(--teal-dark) !important;
}

#order-standard_cart .alert-danger {
    background: #FBEEEB !important;
    border-color: #F3D3CC !important;
    color: var(--red) !important;
}

#order-standard_cart .alert-info {
    background: #E9F4FB !important;
    border-color: #CDE6F4 !important;
    color: #1F7FAE !important;
}

/* ── Form fields ── */
#order-standard_cart .form-control {
    border: 1px solid var(--line) !important;
    border-radius: 7px !important;
    height: 40px !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
    color: var(--ink) !important;
    box-shadow: none !important;
    background: var(--white) !important;
}

#order-standard_cart .form-control:focus {
    border-color: var(--teal) !important;
    box-shadow: 0 0 0 3px rgba(47,169,140,0.14) !important;
}

#order-standard_cart label {
    font-weight: 600 !important;
    font-size: 13.5px !important;
    color: var(--ink) !important;
    margin-bottom: 6px !important;
}

/* ── Product cards (hosting) ── */
#order-standard_cart .product-list .panel {
    border-radius: 10px !important;
    border: 1px solid var(--line) !important;
    transition: box-shadow 0.2s, border-color 0.2s;
}

#order-standard_cart .product-list .panel:hover {
    border-color: var(--teal-line) !important;
    box-shadow: 0 4px 18px rgba(13,42,69,0.08) !important;
}

#order-standard_cart .product-list .panel-body h3 {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    color: var(--ink) !important;
    margin-bottom: 10px !important;
}

#order-standard_cart .product-list .price,
#order-standard_cart .product-list .price * {
    font-family: var(--font-head) !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    color: var(--navy-deep) !important;
}

#order-standard_cart .product-list .price-billing-cycle {
    font-size: 13px !important;
    color: var(--teal-dark) !important;
    font-weight: 500 !important;
}

/* ── Order total ── */
#order-standard_cart .order-summary-total,
#order-standard_cart .total {
    font-family: var(--font-head) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: var(--navy-deep) !important;
    border-top: 2px solid var(--line) !important;
    padding-top: 14px !important;
    margin-top: 10px !important;
}

/* =====================================================================
   Domain search page (cart.php?a=add&domain=register)
   Domain Lagbe — refined layout
   ===================================================================== */

/* ── 0. Spacing ────────────────────────────────────────────────────
   কার্ট পেজ ইতিমধ্যেই `#main-body` এর ৩২px টপ প্যাডিং এর ভেতরে বসে।
   `#order-standard_cart` এর নিজের ৩২px যোগ হয়ে হেডারের নিচে ~৬৫px
   ফাঁকা তৈরি করছিল — টপ প্যাডিং শূন্য করা হলো। */

#order-standard_cart {
    padding-top: 0 !important;
}

/* ── 1. Search hero ─────────────────────────────────────────────── */

#order-standard_cart .domain-checker-container {
    margin: 0 0 30px;
}

#order-standard_cart .domain-checker-bg {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #0D2A45 0%, #123B5E 55%, #0A2138 100%) !important;
    border: 0 !important;
    border-radius: 16px !important;
    padding: 46px 32px 44px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 18px 44px rgba(13, 42, 69, 0.16) !important;
}

/* soft teal glow, top-right */
#order-standard_cart .domain-checker-bg::before {
    content: "";
    position: absolute;
    top: -140px;
    right: -110px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(47, 169, 140, 0.30) 0%, rgba(47, 169, 140, 0) 70%);
    pointer-events: none;
}

/* faint orange glow, bottom-left */
#order-standard_cart .domain-checker-bg::after {
    content: "";
    position: absolute;
    bottom: -230px;
    left: -180px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(238, 159, 60, 0.10) 0%, rgba(238, 159, 60, 0) 68%);
    pointer-events: none;
}

#order-standard_cart .domain-checker-bg > * {
    position: relative;
    z-index: 1;
}

#order-standard_cart .dc-intro {
    text-align: center;
    margin: 0 auto 26px;
    max-width: 620px;
}

#order-standard_cart .dc-title {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 1.3 !important;
    color: var(--white) !important;
    margin: 0 0 10px !important;
    letter-spacing: -0.3px;
}

#order-standard_cart .dc-sub {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    margin: 0 !important;
}

/* white pill wrapping input + button */
#order-standard_cart .domain-checker-bg .input-group-box {
    background: var(--white);
    border-radius: 13px;
    padding: 6px;
    box-shadow: 0 16px 36px rgba(5, 20, 35, 0.28);
    display: table;
    width: 100%;
}

#order-standard_cart .domain-checker-bg .input-group .form-control,
#order-standard_cart .domain-checker-bg .form-control {
    height: 52px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 16px !important;
    color: var(--ink) !important;
    padding: 10px 18px !important;
}

#order-standard_cart .domain-checker-bg .form-control::placeholder {
    color: var(--ink-faint) !important;
}

#order-standard_cart .domain-checker-bg .input-group-btn .btn {
    height: 52px !important;
    min-width: 128px;
    border-radius: 9px !important;
    background: var(--teal) !important;
    border-color: var(--teal) !important;
    color: var(--white) !important;
    font-family: var(--font-head) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 26px !important;
    letter-spacing: 0.1px;
    transition: background .18s ease;
}

#order-standard_cart .domain-checker-bg .input-group-btn .btn:hover,
#order-standard_cart .domain-checker-bg .input-group-btn .btn:focus {
    background: var(--teal-dark) !important;
    border-color: var(--teal-dark) !important;
}

#order-standard_cart .domain-checker-bg .captcha-container,
#order-standard_cart .domain-checker-bg .default-captcha {
    color: rgba(255, 255, 255, 0.8) !important;
    text-align: center;
    margin-top: 16px;
}

@media (max-width: 767px) {
    #order-standard_cart .domain-checker-bg {
        padding: 32px 18px 30px !important;
        border-radius: 14px !important;
    }
    #order-standard_cart .dc-title {
        font-size: 22px !important;
    }
    #order-standard_cart .domain-checker-bg .input-group-box {
        display: block;
        padding: 8px;
    }
    #order-standard_cart .domain-checker-bg .input-group-box .form-control {
        display: block;
        width: 100%;
        border-radius: 9px !important;
        text-align: center;
        margin-bottom: 8px;
    }
    #order-standard_cart .domain-checker-bg .input-group-box .input-group-btn {
        display: block;
        width: 100%;
    }
    #order-standard_cart .domain-checker-bg .input-group-btn .btn {
        width: 100%;
    }
}

/* ── 2. Lookup result headline ──────────────────────────────────── */

#order-standard_cart .domain-checker-result-headline {
    margin: 0 0 24px !important;
    padding: 26px 24px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 14px;
    font-size: 20px !important;
    font-family: var(--font-head) !important;
    text-align: center;
}

#order-standard_cart .domain-checker-available {
    color: var(--teal-dark) !important;
}

#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid {
    color: var(--red) !important;
}

#order-standard_cart .domain-price {
    margin: 18px 0 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}

#order-standard_cart .domain-price .price {
    font-family: var(--font-head) !important;
    font-weight: 600;
    font-size: 19px;
    color: var(--ink);
}

/* ── 3. Spotlight TLDs ──────────────────────────────────────────── */

#order-standard_cart .spotlight-tlds {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
}

#order-standard_cart .spotlight-tld {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 18px 14px;
    text-align: center;
    font-family: var(--font-head);
    font-weight: 600;
    font-size: 16px;
    color: var(--ink);
    transition: border-color .18s ease, box-shadow .18s ease;
}

#order-standard_cart .spotlight-tld:hover {
    border-color: var(--teal-line);
    box-shadow: 0 8px 22px rgba(13, 42, 69, 0.07);
}

#order-standard_cart .spotlight-tld .price {
    display: block;
    margin: 8px 0;
    font-size: 14px;
    color: var(--ink-dim);
    font-family: var(--font-body);
    font-weight: 500;
}

/* ── 4. Suggested domains ───────────────────────────────────────── */

#order-standard_cart .suggested-domains {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 26px;
}

#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
    background: var(--bg) !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    padding: 14px 20px !important;
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    color: var(--ink) !important;
}

#order-standard_cart .suggested-domains .list-group-item {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 13px 20px !important;
}

#order-standard_cart .suggested-domains .domain {
    font-weight: 600;
    color: var(--ink) !important;
}

#order-standard_cart .suggested-domains .extension {
    color: var(--teal-dark) !important;
}

#order-standard_cart .suggested-domains .actions {
    float: none !important;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

#order-standard_cart .suggested-domains .promo span {
    border-radius: 20px !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em;
}

#order-standard_cart .domain-suggestions-warning {
    padding: 12px 20px 16px;
    font-size: 12.5px;
    color: var(--ink-faint) !important;
}

/* ── 5. Featured TLD cards ──────────────────────────────────────── */

#order-standard_cart .featured-tlds-container {
    margin: 4px 0 10px !important;
}

#order-standard_cart .featured-tld {
    margin: 0 0 24px !important;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(13, 42, 69, 0.04) !important;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

#order-standard_cart .featured-tld:hover {
    transform: translateY(-3px);
    border-color: var(--teal-line);
    box-shadow: 0 14px 32px rgba(13, 42, 69, 0.10) !important;
}

#order-standard_cart .featured-tld .img-container {
    height: 118px !important;
    line-height: normal !important;
    padding: 24px 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-standard_cart .featured-tld .img-container img {
    max-width: 62% !important;
    max-height: 58px !important;
    width: auto;
}

/* per-TLD brand colours from Bootstrap get replaced by one calm style */
#order-standard_cart .featured-tld .price,
#order-standard_cart .featured-tld .price[class] {
    background-color: var(--teal-tint) !important;
    color: var(--teal-dark) !important;
    border-top: 1px solid var(--teal-line) !important;
    border-radius: 0 !important;
    padding: 13px 12px !important;
    line-height: 1.3 !important;
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-align: center !important;
}

/* ── 6. Section heading + category filters ──────────────────────── */

#order-standard_cart .domain-pricing h4,
#order-standard_cart .domain-pricing .font-size-18 {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    color: var(--ink) !important;
    margin: 30px 0 14px !important;
}

#order-standard_cart .tld-filters {
    margin: 0 0 18px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#order-standard_cart .tld-filters a,
#order-standard_cart .tld-filters a.badge,
#order-standard_cart .tld-filters a.badge-secondary {
    display: inline-block;
    margin: 0 !important;
    padding: 7px 15px !important;
    border: 1px solid var(--line) !important;
    border-radius: 999px !important;
    background-color: var(--white) !important;
    color: var(--ink-dim) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    transition: background-color .16s ease, color .16s ease, border-color .16s ease;
}

#order-standard_cart .tld-filters a:hover,
#order-standard_cart .tld-filters a.badge-secondary[href]:hover,
#order-standard_cart .tld-filters a.badge-secondary[href]:focus {
    background-color: var(--bg) !important;
    border-color: #D5DBE1 !important;
    color: var(--ink) !important;
}

/* active filter — the cart JS swaps in .badge-success */
#order-standard_cart .tld-filters a.badge-success,
#order-standard_cart .tld-filters a.badge-success[href]:hover,
#order-standard_cart .tld-filters a.badge-success[href]:focus,
#order-standard_cart .tld-filters a.active {
    background-color: var(--teal) !important;
    border-color: var(--teal) !important;
    color: var(--white) !important;
    font-weight: 600 !important;
}

/* ── 7. TLD pricing table ───────────────────────────────────────── */

#order-standard_cart .domain-pricing .bg-white {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(13, 42, 69, 0.04);
}

/* header row — flat, no thick blue underline */
#order-standard_cart .tld-pricing-header {
    margin: 0 !important;
}

#order-standard_cart .tld-pricing-header > div,
#order-standard_cart .domain-pricing .tld-pricing-header .col-md-4,
#order-standard_cart .domain-pricing .tld-pricing-header .col-md-8,
#order-standard_cart .domain-pricing .tld-pricing-header .col-sm-4,
#order-standard_cart .domain-pricing .tld-pricing-header .col-sm-2,
#order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4,
#order-standard_cart .domain-pricing .tld-pricing-header .col-xs-2,
#order-standard_cart .domain-pricing .tld-pricing-header .col-4,
#order-standard_cart .domain-pricing .tld-pricing-header .tld-column {
    height: auto !important;
    background-color: var(--bg) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    padding: 14px 8px !important;
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--ink-faint) !important;
}

#order-standard_cart .tld-pricing-header .tld-column {
    text-align: left !important;
    padding-left: 22px !important;
}

/* remove the nested double border on the right-hand group */
#order-standard_cart .tld-pricing-header .col-md-8 > .row > div {
    border-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* data rows */
#order-standard_cart .tld-row {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    transition: background-color .14s ease;
    align-items: center;
}

#order-standard_cart .tld-row:last-of-type {
    border-bottom: 0 !important;
}

#order-standard_cart .tld-row:hover,
#order-standard_cart .tld-row.highlighted {
    background: #FAFCFB !important;
}

#order-standard_cart .tld-row .two-row-center {
    border-right: 0 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 16px 22px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

#order-standard_cart .tld-row .two-row-center strong {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: var(--ink) !important;
}

#order-standard_cart .tld-row .col-md-8 > .row {
    margin: 0 !important;
}

#order-standard_cart .tld-row .col-md-8 > .row > div {
    padding: 16px 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--ink) !important;
}

#order-standard_cart .tld-row small {
    display: block;
    margin-top: 2px;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    color: var(--ink-faint) !important;
}

/* HOT / NEW / SALE pills */
#order-standard_cart .tld-sale-group {
    display: inline-block;
    padding: 2px 9px !important;
    border-radius: 999px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.6;
    background: var(--teal-tint) !important;
    color: var(--teal-dark) !important;
}

#order-standard_cart .tld-sale-group-sale {
    background: #FDF1E0 !important;
    color: #B9700F !important;
}

#order-standard_cart .tld-sale-group-hot {
    background: #FBEAE7 !important;
    color: var(--red) !important;
}

#order-standard_cart .tld-row.no-tlds .col-xs-12,
#order-standard_cart .tld-row.no-tlds .col-12 {
    padding: 26px 20px !important;
    color: var(--ink-faint) !important;
}

@media (max-width: 991px) {
    /* on narrow screens the "Domain" label sits on its own line — drop it
       and keep only the three price labels above the price columns */
    #order-standard_cart .tld-pricing-header .tld-column {
        display: none !important;
    }
    #order-standard_cart .tld-row .two-row-center {
        padding: 14px 18px 4px !important;
    }
    #order-standard_cart .tld-row .col-md-8 > .row > div {
        padding: 4px 6px 14px !important;
        font-size: 13.5px !important;
    }
}

/* ── 8. Promo boxes ─────────────────────────────────────────────── */

#order-standard_cart .domain-promo-box {
    margin: 26px 0 0 !important;
    padding: 26px !important;
    background: var(--white) !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    color: var(--ink) !important;
    height: calc(100% - 26px);
}

#order-standard_cart .domain-promo-box h3 {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 19px !important;
    color: var(--ink) !important;
    margin: 0 0 6px !important;
}

#order-standard_cart .domain-promo-box i {
    float: right !important;
    font-size: 40px !important;
    color: var(--teal-tint-2) !important;
    margin-left: 14px;
}

#order-standard_cart .domain-promo-box p {
    font-size: 13.5px !important;
    color: var(--ink-dim) !important;
    margin: 0 0 14px !important;
}

#order-standard_cart .domain-promo-box .text-warning {
    color: var(--orange) !important;
    font-weight: 600 !important;
}

#order-standard_cart .domain-promo-box .text-primary {
    color: var(--teal-dark) !important;
    font-weight: 600 !important;
}

#order-standard_cart .domain-promo-box .btn-warning {
    background: var(--orange) !important;
    border-color: var(--orange) !important;
    color: var(--white) !important;
}

#order-standard_cart .domain-promo-box .btn-warning:hover {
    background: #DC8B22 !important;
    border-color: #DC8B22 !important;
}

#order-standard_cart .domain-promo-box .small {
    margin-top: 12px !important;
    font-size: 12px !important;
    color: var(--ink-faint) !important;
}

/* ── 8b. Font Awesome must keep its own font ────────────────────
   `#order-standard_cart * { font-family: ... !important }` above also hits
   the icon <i> tags and turns every glyph into an empty box. Put the icon
   fonts back. */

#order-standard_cart .fa,
#order-standard_cart .fas,
#order-standard_cart .far,
#order-standard_cart .fal,
#order-standard_cart .fa::before,
#order-standard_cart .fas::before,
#order-standard_cart .far::before,
#order-standard_cart .fal::before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
}

#order-standard_cart .fad,
#order-standard_cart .fad::before,
#order-standard_cart .fad::after {
    font-family: "Font Awesome 5 Duotone" !important;
}

#order-standard_cart .fab,
#order-standard_cart .fab::before {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}

#order-standard_cart .fa,
#order-standard_cart .fas,
#order-standard_cart .fad {
    font-weight: 900 !important;
}

#order-standard_cart .far {
    font-weight: 400 !important;
}

#order-standard_cart .fal {
    font-weight: 300 !important;
}

/* ── 9. Sidebar polish ──────────────────────────────────────────── */

#order-standard_cart .cart-sidebar .panel-heading .panel-title,
#order-standard_cart .cart-sidebar .card-header {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
}

#order-standard_cart .cart-sidebar .list-group-item i,
#order-standard_cart .cart-sidebar .list-group-item .fas,
#order-standard_cart .cart-sidebar .list-group-item .far {
    color: var(--ink-faint) !important;
}

#order-standard_cart .cart-sidebar a.list-group-item.active i,
#order-standard_cart .cart-sidebar a.list-group-item:hover i {
    color: var(--teal-dark) !important;
}

/* =====================================================================
   Layout fix + product listing (index.php?rp=/store/<group>)
   ===================================================================== */

/* ── A. Sidebar / body column widths ────────────────────────────────
   products.tpl এর সাইডবারে `cart-sidebar sidebar` দুটো ক্লাসই আছে।
   থিমের custom.css এ `#main-body .sidebar { width: 27% }` রুলটা বেশি
   specific, তাই ২৫% হেরে যাচ্ছিল — ২৭% + ৭৫% = ১০২% হয়ে cart-body
   সাইডবারের নিচে নেমে যাচ্ছিল। এখানে জোর করে ঠিক করা হলো। */

#order-standard_cart .cart-sidebar,
#order-standard_cart .cart-sidebar.sidebar {
    float: left !important;
    width: 25% !important;
    padding: 0 15px !important;
}

#order-standard_cart .cart-body {
    float: right !important;
    width: 75% !important;
    padding: 0 15px !important;
}

#order-standard_cart > .row::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 1199px) {
    #order-standard_cart .cart-sidebar,
    #order-standard_cart .cart-sidebar.sidebar {
        display: none !important;
    }
    #order-standard_cart .cart-body {
        float: none !important;
        width: 100% !important;
    }
}

/* ── B. Product cards ───────────────────────────────────────────── */

#order-standard_cart .products {
    margin: 0 !important;
}

#order-standard_cart .products .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

#order-standard_cart .products .row > div[class*="col-"] {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
}

#order-standard_cart .products .product {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    padding: 0 !important;
    margin: 0 0 20px !important;
    background: var(--white) !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(13, 42, 69, 0.04);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

#order-standard_cart .products .product:hover {
    transform: translateY(-2px);
    border-color: var(--teal-line) !important;
    box-shadow: 0 12px 28px rgba(13, 42, 69, 0.09);
}

#order-standard_cart .products .product header {
    position: static !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 !important;
    padding: 15px 20px !important;
    background: var(--bg) !important;
    border-bottom: 1px solid var(--line);
    border-radius: 0 !important;
}

#order-standard_cart .products .product header span {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: var(--ink) !important;
}

#order-standard_cart .products .product header .qty {
    float: none !important;
    font-style: normal !important;
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--ink-faint) !important;
    white-space: nowrap;
}

/* description + feature list */
#order-standard_cart .products .product div.product-desc {
    float: none !important;
    width: auto !important;
    flex: 1 1 auto;
    padding: 18px 20px 6px !important;
    font-size: 13.5px !important;
    line-height: 1.6;
    color: var(--ink-dim) !important;
}

#order-standard_cart .products .product div.product-desc > p {
    margin: 0 0 12px !important;
}

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

#order-standard_cart .products .product div.product-desc li {
    position: relative;
    padding: 7px 0 7px 24px !important;
    border-bottom: 1px solid #F1F4F6;
    color: var(--ink-dim);
}

#order-standard_cart .products .product div.product-desc li:last-child {
    border-bottom: 0;
}

#order-standard_cart .products .product div.product-desc li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 11px;
    color: var(--teal);
}

#order-standard_cart .products .product span.feature-value {
    font-weight: 600 !important;
    color: var(--ink) !important;
}

/* price + order button */
#order-standard_cart .products .product footer {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    border-top: 1px solid var(--line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    text-align: left !important;
    font-size: 13px !important;
}

#order-standard_cart .products .product div.product-pricing {
    margin: 0 !important;
    line-height: 1.35;
    font-size: 12.5px !important;
    color: var(--ink-faint) !important;
}

#order-standard_cart .products .product div.product-pricing span.price {
    display: block;
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    color: var(--ink) !important;
    letter-spacing: -0.4px;
}

#order-standard_cart .products .product div.product-pricing br {
    display: none;
}

#order-standard_cart .products .product div.product-pricing small {
    display: block;
    margin-top: 3px;
    font-size: 11.5px !important;
}

#order-standard_cart .products .product .btn-order-now {
    flex: 0 0 auto;
    background: var(--teal) !important;
    border-color: var(--teal) !important;
    color: var(--white) !important;
    font-size: 13.5px !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
}

#order-standard_cart .products .product .btn-order-now:hover,
#order-standard_cart .products .product .btn-order-now:focus {
    background: var(--teal-dark) !important;
    border-color: var(--teal-dark) !important;
}

#order-standard_cart .products .product .btn-order-now i {
    margin-right: 6px;
}

/* group headline + tagline */
#order-standard_cart .header-lined p {
    margin: -8px 0 20px !important;
    font-size: 14px !important;
    color: var(--ink-dim) !important;
}

@media (max-width: 767px) {
    #order-standard_cart .products .row > div[class*="col-"] {
        width: 100%;
    }
    #order-standard_cart .products .product footer {
        flex-direction: column;
        align-items: stretch;
    }
    #order-standard_cart .products .product .btn-order-now {
        width: 100%;
        text-align: center;
    }
}