html, body {
    background: #050505 !important;
    color: #f2f2f2 !important;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

body,
#wrapper,
#main-body,
.main-content,
section#main-body,
.container,
.container-fluid {
    background: #050505 !important;
    color: #f2f2f2 !important;
}

a {
    color: #d4af37;
    text-decoration: none;
}

a:hover {
    color: #f6d365;
}

/* ===== HEADER ===== */
.sofbac-header {
    background: #050505 !important;
    border-bottom: 1px solid rgba(212,175,55,.25);
    padding: 18px 0;
}

.sofbac-header-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sofbac-brand img {
    max-height: 42px;
    width: auto;
    display: block;
}

.sofbac-header-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.sofbac-top-link {
    color: #f2f2f2 !important;
    font-weight: 600;
}

.sofbac-top-link:hover {
    color: #d4af37 !important;
}

.sofbac-top-btn {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 12px;
    background: linear-gradient(135deg,#d4af37,#f2d46b);
    color: #111 !important;
    font-weight: 700;
}

/* ===== HIDE DEFAULT WHMCS TOP NAV ===== */
.navbar,
.navbar-main,
.top-nav,
#Primary_Navbar,
#Secondary_Navbar,
.navbar-nav,
.search-box,
.form[action*="knowledgebase"],
.breadcrumb,
.page-header,
.header-lined {
    display: none !important;
}

/* ===== STORE GRID ===== */
.store-heading,
.product-group-header,
h1,
h2,
h3,
h4 {
    color: #f4e3a2 !important;
}

.store .product,
.product,
.product-group,
.package {
    background: linear-gradient(180deg,#111217,#0b0c10) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.35) !important;
    color: #f2f2f2 !important;
}

.store .product:hover,
.product:hover {
    border-color: #d4af37 !important;
    transform: translateY(-3px);
    transition: .2s ease;
}

.product .title,
.product h3,
.product h4 {
    color: #f4e3a2 !important;
}

.product .price,
.price,
.product-price {
    color: #d4af37 !important;
    font-weight: 800 !important;
}

.product p,
.product span {
    color: #d5d5d5 !important;
}

.btn,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
button[type="submit"] {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 20px rgba(212,175,55,.18) !important;
}

/* ===== CHECKOUT ===== */
#order-standard_cart {
    max-width: 1180px;
    margin: 36px auto 60px auto !important;
    padding: 0 24px !important;
    background: transparent !important;
}

#order-standard_cart .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
    align-items: flex-start !important;
}

#order-standard_cart .categories-collapsable-card,
#order-standard_cart .actions-collapsable-card,
#order-standard_cart > .row > .col-md-3,
#order-standard_cart > .row > .col-lg-3 {
    display: none !important;
}

#order-standard_cart > .row > .main-content,
#order-standard_cart > .row > .col-md-8,
#order-standard_cart > .row > .col-lg-8,
#order-standard_cart > .row > .col-md-9,
#order-standard_cart > .row > .col-lg-9 {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart .secondary-cart-sidebar,
#order-standard_cart .view-cart-sidebar,
#order-standard_cart #scrollingPanelContainer {
    display: block !important;
    flex: 0 0 30% !important;
    max-width: 30% !important;
    width: 30% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
#order-standard_cart .view-cart-sidebar,
#order-standard_cart .secondary-cart-sidebar,
#order-standard_cart #scrollingPanelContainer,
#order-standard_cart .panel,
#order-standard_cart .card {
    background: linear-gradient(180deg,#111217,#0a0b0f) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.38) !important;
    color: #f2f2f2 !important;
}

#order-standard_cart input,
#order-standard_cart select,
#order-standard_cart textarea,
#order-standard_cart .form-control {
    background: #0d0f14 !important;
    color: #fff !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    border-radius: 12px !important;
    min-height: 46px;
}

#order-standard_cart .price,
#order-standard_cart .amt,
#order-standard_cart .amount,
#order-standard_cart .total,
#order-standard_cart strong {
    color: #d4af37 !important;
}

#order-standard_cart .sub-heading,
#order-standard_cart .product-desc {
    display: none !important;
}

footer,
#footer,
.footer {
    background: #050505 !important;
    border-top: 1px solid rgba(212,175,55,.20) !important;
    color: #cfcfcf !important;
}

@media (max-width: 980px) {
    .sofbac-header-inner {
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
    }

    #order-standard_cart .row {
        flex-wrap: wrap !important;
    }

    #order-standard_cart > .row > .main-content,
    #order-standard_cart > .row > .col-md-8,
    #order-standard_cart > .row > .col-lg-8,
    #order-standard_cart > .row > .col-md-9,
    #order-standard_cart > .row > .col-lg-9,
    #order-standard_cart .secondary-cart-sidebar,
    #order-standard_cart .view-cart-sidebar,
    #order-standard_cart #scrollingPanelContainer {

    }
}
/* ===== FINAL TOP BAR + STORE GRID ===== */

/* górna belka */
.sofbac-header {
    background: #050505 !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
    padding: 14px 0 !important;
}

.sofbac-header-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.sofbac-brand {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}

.container,
.container-fluid {
    max-width: 1200px !important;
}

.sofbac-brand img {
    max-height: 42px !important;
    width: auto !important;
    display: block !important;
}

.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
    margin-left: auto !important;
    flex: 1 1 auto !important;
}

.sofbac-top-link {
    color: #f2f2f2 !important;
    font-weight: 800 !important;
    font-size: 17px !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
}

.sofbac-top-link:hover {
    color: #d4af37 !important;
}

.sofbac-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 11px 18px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    white-space: nowrap !important;
}

/* ukryj stare top-nav whmcs */
.navbar,
.navbar-main,
.top-nav,
#Primary_Navbar,
#Secondary_Navbar,
.navbar-nav,
.search-box,
form[action*="knowledgebase"],
.breadcrumb,
.page-header,
.header-lined {
    display: none !important;
}

/* store: usuń lewe menu */
.store .sidebar,
.store .categories-collapsable-card,
.store .actions-collapsable-card,
#main-body .col-md-3,
#main-body .col-lg-3 {
    display: none !important;
}

/* store: siatka 3x3 */
.store .main-content,
.store .col-md-9,
.store .col-lg-9,
#main-body .main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.store .product-group,
.store .products,
.store .row-products,
.store .product-grid {
    width: 100% !important;
}

.store .product,
.store .product-group .product,
.product-group .product,
.package {
    background: linear-gradient(180deg,#111217,#0b0c10) !important;
    border: 1px solid rgba(212,175,55,.24) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.35) !important;
    color: #f2f2f2 !important;
    min-height: 320px !important;
}

.store .product:hover,
.product:hover {
    transform: translateY(-3px) !important;
    border-color: #d4af37 !important;
}

.store .product .title,
.store .product h3,
.store .product h4,
.product-name {
    color: #f4e3a2 !important;
    font-size: 26px !important;
    font-weight: 800 !important;
}

.store .product .price,
.store .product .product-price,
.store .product .price .amt,
.price {
    color: #d4af37 !important;
    font-weight: 800 !important;
}

.store .product p,
.store .product span {
    color: #d6d6d6 !important;
}

.store .product .btn,
.store .product .btn-primary {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
}

/* checkout: usuń lewe menu, zostaw prawe summary */
#order-standard_cart .categories-collapsable-card,
#order-standard_cart .actions-collapsable-card,
#order-standard_cart > .row > .col-md-3,
#order-standard_cart > .row > .col-lg-3 {
    display: none !important;
}

#order-standard_cart > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
    align-items: flex-start !important;
}

#order-standard_cart > .row > .main-content,
#order-standard_cart > .row > .col-md-8,
#order-standard_cart > .row > .col-lg-8,
#order-standard_cart > .row > .col-md-9,
#order-standard_cart > .row > .col-lg-9 {
    flex: 0 0 64% !important;
    max-width: 64% !important;
    width: 64% !important;
}

#order-standard_cart .secondary-cart-sidebar,
#order-standard_cart .view-cart-sidebar,
#order-standard_cart #scrollingPanelContainer {
    display: block !important;
    flex: 0 0 28% !important;
    max-width: 28% !important;
    width: 28% !important;
}

/* mobile */
@media (max-width: 980px) {
    .sofbac-header-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sofbac-header-actions {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
    }

    #order-standard_cart > .row {
        flex-wrap: wrap !important;
    }

    #order-standard_cart > .row > .main-content,
    #order-standard_cart > .row > .col-md-8,
    #order-standard_cart > .row > .col-lg-8,
    #order-standard_cart > .row > .col-md-9,
    #order-standard_cart > .row > .col-lg-9,
    #order-standard_cart .secondary-cart-sidebar,
    #order-standard_cart .view-cart-sidebar,
    #order-standard_cart #scrollingPanelContainer {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}
/* ===== HEADER FINAL ALIGN FIX ===== */

.sofbac-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

/* logo po lewej */
.sofbac-brand {
    display: flex !important;
    align-items: center !important;
}

/* menu po prawej */
.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 24px !important;
    margin-left: auto !important;
}

/* linki */
.sofbac-top-link {
    color: #f2f2f2 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    letter-spacing: .02em !important;
}

/* hover */
.sofbac-top-link:hover {
    color: #d4af37 !important;
}

/* przycisk koszyka */
.sofbac-top-btn {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    font-weight: 800 !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
}

/* usuń łamanie tekstu */
.sofbac-header-actions a {
    white-space: nowrap !important;
}

/* ===== ULTRA PREMIUM HEADER ===== */

.sofbac-header {
    background: #050505 !important;
 =   border-bottom: 1px solid rgba(212,175,55,.22) !important;
    padding: 14px 0 !important;
}

.sofbac-header-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
}

.sofbac-brand {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}

.sofbac-brand img {
    max-height: 44px !important;
    width: auto !important;
    display: block !important;
}

.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    margin-left: auto !important;
    flex-wrap: wrap !important;
}

.sofbac-top-link,
.sofbac-top-btn {
    white-space: nowrap !important;
    font-size: 16px !important;
    letter-spacing: .01em !important;
}

.sofbac-top-link {
    color: #f3f3f3 !important;
    font-weight: 800 !important;
    opacity: .96 !important;
}

.sofbac-top-link:hover {
    color: #d4af37 !important;
}

.sofbac-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(212,175,55,.18) !important;
}

@media (max-width: 980px) {
    .sofbac-header-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sofbac-header-actions {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 14px !important;
    }
}
.sofbac-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.sofbac-header-actions {
    display: flex !important;
    gap: 22px !important;
    margin-left: auto !important;
}

.sofbac-top-link {
    font-weight: 800 !important;
}

/* ===== GLOBAL CONTAINER ===== */
body {
    max-width: 1400px;
    margin: 0 auto !important;
}

/* ===== HEADER FIX ===== */
.sofbac-header {
    width: 100%;
    padding: 10px 30px;
}

.sofbac-header-inner {
    max-width: 1300px;
    margin: 0 auto;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* ===== LOGO SIZE FIX ===== */
.sofbac-brand img {
    max-height: 42px !important;
    width: auto !important;
}

/* ===== MENU ALIGN ===== */
.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

/* ===== TYPOGRAPHY PREMIUM ===== */
.sofbac-top-link {
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.3px;
}

/* ===== CONTENT WIDTH ===== */
#main-body,
.main-content,
.container {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* ===== HARD RESET HEADER ===== */
body > header#header,
body > #header,
.navbar,
.navbar-main,
.top-nav,
#Primary_Navbar,
#Secondary_Navbar,
.navbar-nav,
.navbar-header,
.search-box,
.header-lined,
.page-header,
.breadcrumb {
    display: none !important;
}

.sofbac-header {
    display: block !important;
    width: 100% !important;
    background: #050505 !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
    padding: 14px 0 !important;
    margin: 0 !important;
}

.sofbac-header-inner {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    box-sizing: border-box !important;
}

.sofbac-brand {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sofbac-brand img {
    display: block !important;
    height: 42px !important;
    max-height: 42px !important;
    width: auto !important;
    max-width: 220px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 1 1 auto !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.sofbac-top-link,
.sofbac-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

.sofbac-top-link {
    color: #f3f3f3 !important;
    font-weight: 800 !important;
}

.sofbac-top-link:hover {
    color: #d4af37 !important;
}

.sofbac-top-btn {
    padding: 11px 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    font-weight: 800 !important;
}

@media (max-width: 980px) {
    .sofbac-header-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sofbac-header-actions {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
    }
}

/* ===== HEADER TYPOGRAPHY TUNING ===== */

.sofbac-header-actions {
    gap: 16px !important;
}

.sofbac-top-link {
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em !important;
    opacity: 0.96 !important;
}

.sofbac-top-link:hover {
    color: #f1d98a !important;
}

.sofbac-top-btn {
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 9px 15px !important;
    border-radius: 11px !important;
}

@media (max-width: 980px) {
    .sofbac-top-link,
    .sofbac-top-btn {
        font-size: 14px !important;
    }
}
/* =========================================
   SOFBAC FINAL GLOBAL DARK + TRUST TUNING
   ========================================= */

/* ---- top bar typography final ---- */
.sofbac-header-actions {
    gap: 16px !important;
}

.sofbac-top-link {
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.01em !important;
    opacity: 0.96 !important;
}

.sofbac-top-btn {
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 9px 15px !important;
    border-radius: 11px !important;
}

/* ---- global dark content wrappers ---- */
body,
#wrapper,
#main-body,
.main-content,
section#main-body,
.container,
.container-fluid,
.content-block,
.client-area,
.logincontainer,
.login-page,
.register-page {
    background: #050505 !important;
    color: #e8e4d8 !important;
}

/* ---- all content cards / white blocks ---- */
.logincontainer .card,
.logincontainer .panel,
.logincontainer .well,
.logincontainer .alert,
.logincontainer .container,
.client-area .card,
.client-area .panel,
.client-area .well,
.register-page .card,
.register-page .panel,
.register-page .well,
.main-content .card,
.main-content .panel,
.main-content .well,
.content-block .card,
.content-block .panel,
.content-block .well,
div.panel,
div.card,
div.well {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}

/* ---- headings ---- */
h1, h2, h3, h4, h5 {
    color: #f1d98a !important;
}

label,
.control-label,
.form-group label,
.fieldlabel {
    color: #d8d2c6 !important;
}

/* ---- login / register forms ---- */
.logincontainer,
.logincontainer * {
    color: #e8e4d8 !important;
}

.logincontainer h1,
.logincontainer h2,
.logincontainer h3 {
    color: #f1d98a !important;
}

.logincontainer .card,
.logincontainer .panel,
.logincontainer .logincontainer,
.logincontainer .main-content {
    background: #0c1018 !important;
}

/* ---- inputs everywhere ---- */
input,
select,
textarea,
.form-control,
.custom-select,
.input-group-text {
    background: #0a0f16 !important;
    color: #f3efe4 !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    box-shadow: none !important;
}

.input-group-text {
    color: #d8d2c6 !important;
}

input::placeholder,
textarea::placeholder {
    color: #aaa395 !important;
    opacity: 1 !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.custom-select:focus {
    background: #0d131b !important;
    color: #ffffff !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 0.15rem rgba(212,175,55,.15) !important;
}

input[readonly],
input[disabled],
select[disabled],
textarea[disabled],
.form-control[readonly],
.form-control:disabled {
    background: #111722 !important;
    color: #d9d4c7 !important;
    border-color: rgba(212,175,55,.18) !important;
    opacity: 1 !important;
}

/* ---- tabs / white areas in cart ---- */
.nav-tabs,
.nav-tabs li,
.nav-tabs li a,
.nav-tabs .nav-link,
.tab-content,
.tab-pane,
.promo-banner,
.promo-container,
.masspay-container {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.22) !important;
}

.nav-tabs li a:hover,
.nav-tabs .nav-link:hover,
.nav-tabs li.active a,
.nav-tabs .nav-link.active {
    background: #111722 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.28) !important;
}

/* ---- order/cart tables ---- */
.table,
.table-striped,
.table-bordered,
.table > tbody > tr > td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > td {
    background: transparent !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.18) !important;
}

/* ---- helper texts ---- */
small,
.help-block,
.text-muted,
.muted,
.text-light,
.form-text {
    color: #bdb7aa !important;
}

/* ---- links ---- */
a {
    color: #e7c760 !important;
}

a:hover {
    color: #f3d983 !important;
}

/* ---- buttons ---- */
.btn,
.btn-primary,
.btn-default,
.btn-success,
.btn-info,
.btn-warning,
button[type="submit"] {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.btn:hover,
.btn-primary:hover,
.btn-default:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
button[type="submit"]:hover {
    background: linear-gradient(135deg,#e0bb4b,#f5db82) !important;
    color: #111 !important;
}

/* ---- checkboxes / misc ---- */
.checkbox,
.checkbox-inline,
.radio,
.radio-inline {
    color: #d8d2c6 !important;
}

/* ---- footer consistency ---- */
footer,
#footer,
.footer {
    background: #050505 !important;
    color: #cfc8ba !important;
    border-top: 1px solid rgba(212,175,55,.18) !important;
}

/* ---- mobile tune ---- */
@media (max-width: 980px) {
    .sofbac-top-link,
    .sofbac-top-btn {
        font-size: 14px !important;
    }
}

/* =========================================
   SOFBAC CART COLOR UNIFICATION
   ========================================= */

/* nagłówki tabel / niebieskie paski */
#order-standard_cart .products-header,
#order-standard_cart .cart-body .header,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .panel-heading,
#order-standard_cart .cart-item-header,
#order-standard_cart .row-upgrade-package .panel-heading,
#order-standard_cart .product-header,
#order-standard_cart .order-summary-header,
#order-standard_cart .header-area,
#order-standard_cart .bg-info,
#order-standard_cart .bg-primary {
    background: #0d1118 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* lewy sidebar aktywny element */
#order-standard_cart .list-group-item.active,
#order-standard_cart .sidebar .list-group-item.active,
#order-standard_cart .list-group-item.active:hover,
#order-standard_cart .list-group-item.active:focus {
    background: #121926 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.25) !important;
}

/* zwykłe elementy listy */
#order-standard_cart .list-group-item,
#order-standard_cart .sidebar .list-group-item {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.16) !important;
}

/* zakładki promo / taxes */
#order-standard_cart .nav-tabs,
#order-standard_cart .nav-tabs li,
#order-standard_cart .nav-tabs li a,
#order-standard_cart .nav-tabs .nav-link,
#order-standard_cart .tab-content,
#order-standard_cart .tab-pane {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.18) !important;
}

#order-standard_cart .nav-tabs li a:hover,
#order-standard_cart .nav-tabs .nav-link:hover,
#order-standard_cart .nav-tabs li.active a,
#order-standard_cart .nav-tabs .nav-link.active {
    background: #121926 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.25) !important;
}

/* input promo code */
#order-standard_cart .promo-code-input,
#order-standard_cart input[name="promocode"],
#order-standard_cart .input-group,
#order-standard_cart .input-group-text {
    background: #0a0f16 !important;
    color: #f3efe4 !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* przyciski continue shopping i checkout */
#order-standard_cart .btn,
#order-standard_cart .btn-primary,
#order-standard_cart .btn-default,
#order-standard_cart .btn-success,
#order-standard_cart button,
#order-standard_cart input[type="submit"] {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: 0 !important;
}

#order-standard_cart .btn:hover,
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart button:hover,
#order-standard_cart input[type="submit"]:hover {
    background: linear-gradient(135deg,#e0bb4b,#f5db82) !important;
    color: #111 !important;
}

/* cienkie linie / separatory */
#order-standard_cart hr,
#order-standard_cart .divider,
#order-standard_cart .border,
#order-standard_cart .border-top,
#order-standard_cart .border-bottom {
    border-color: rgba(212,175,55,.14) !important;
}

/* teksty w koszyku */
#order-standard_cart,
#order-standard_cart p,
#order-standard_cart span,
#order-standard_cart td,
#order-standard_cart th,
#order-standard_cart div {
    color: #e8e4d8 !important;
}


/* =========================================
   SOFBAC FINAL WHITE DESCRIPTION BOX FIX
   ========================================= */

/* box z opisem produktu / konfiguracji */
#order-standard_cart .product-info,
#order-standard_cart .product-details,
#order-standard_cart .product-config,
#order-standard_cart .product-desc,
#order-standard_cart .product-description,
#order-standard_cart .sub-heading,
#order-standard_cart .field-container.product-name,
#order-standard_cart .package-name,
#order-standard_cart .product-name,
#order-standard_cart .panel.product-details,
#order-standard_cart .cart-item-description,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .configurable-options .option,
#order-standard_cart .package-description,
#order-standard_cart .package-features,
#order-standard_cart .product-summary,
#order-standard_cart .domain-selection-options,
#order-standard_cart .configoption,
#order-standard_cart .configoption label,
#order-standard_cart .configoption span {
    background: #0c1018 !important;
    color: #d9d4c7 !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* konkretne jasne boksy w store */
.store .product,
.store .product .header,
.store .product-header,
.store .package,
.store .package-header,
.store .package-content,
.store .featured-product,
.store .featured-product .header,
.store .featured-product .package-title,
.store .product .package-title {
    background: linear-gradient(180deg,#111217,#0b0c10) !important;
    color: #d9d4c7 !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* górny biały pasek w boxach produktów */
.store .product .header,
.store .product-header,
.store .product h3,
.store .product h4,
.store .featured-product .header,
.store .featured-product h3,
.store .featured-product h4,
.store .package-header,
.store .package-title {
    background: #0c1018 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* opisy i feature listy */
.store .product p,
.store .product li,
.store .product span,
.store .package p,
.store .package li,
.store .package span,
#order-standard_cart .product-info p,
#order-standard_cart .product-info li,
#order-standard_cart .product-info span,
#order-standard_cart .product-description p,
#order-standard_cart .product-description li,
#order-standard_cart .product-description span {
    color: #d0cabd !important;
}

/* tytuły w opisach */
#order-standard_cart .product-info h1,
#order-standard_cart .product-info h2,
#order-standard_cart .product-info h3,
#order-standard_cart .product-description h1,
#order-standard_cart .product-description h2,
#order-standard_cart .product-description h3,
.store .product h1,
.store .product h2,
.store .product h3,
.store .package h1,
.store .package h2,
.store .package h3 {
    color: #f1d98a !important;
}

/* readonly inputy opisowe, jeśli whmcs je wrzuca */
#order-standard_cart input[readonly],
#order-standard_cart textarea[readonly],
#order-standard_cart .form-control[readonly] {
    background: #111722 !important;
    color: #d9d4c7 !important;
    border-color: rgba(212,175,55,.18) !important;
    opacity: 1 !important;
}

/* placeholdery i słabsze teksty */
#order-standard_cart .text-muted,
#order-standard_cart .muted,
.store .text-muted,
.store .muted {
    color: #bdb7aa !important;
}

/* =========================================
   FINAL FIX – GREY HEADERS IN PRODUCT BOXES
   ========================================= */

/* górne paski (te szare w boxach produktów) */
.store .product .header,
.store .product-header,
.store .product .panel-heading,
.store .package .header,
.store .package-header,
.store .panel-heading,
.store .featured-product .header,
.store .featured-product .panel-heading,
.store .product-group-header,
.store .product-group .header,
.store .package-title,
.store .product-title {
    background: linear-gradient(180deg,#0c1018,#0a0d14) !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.25) !important;
}

/* tekst w tych nagłówkach */
.store .product .header *,
.store .product-header *,
.store .package-header *,
.store .panel-heading *,
.store .product-title *,
.store .package-title * {
    color: #f1d98a !important;
}

/* usuń jasne tło bootstrap */
.panel-default > .panel-heading,
.panel-heading,
.bg-light,
.bg-white,
.bg-faded {
    background: #0c1018 !important;
    color: #f1d98a !important;
}

/* dodatkowe zabezpieczenie */
.store .product,
.store .package,
.store .featured-product {
    overflow: hidden;
}

/* hover efekt premium */
.store .product:hover,
.store .package:hover,
.store .featured-product:hover {
    border-color: rgba(212,175,55,.45) !important;
    box-shadow: 0 0 25px rgba(212,175,55,.12);
}

/* =========================================
   FINAL FIX – GREY HEADERS IN PRODUCT BOXES
   ========================================= */

/* górne paski (te szare w boxach produktów) */
.store .product .header,
.store .product-header,
.store .product .panel-heading,
.store .package .header,
.store .package-header,
.store .panel-heading,
.store .featured-product .header,
.store .featured-product .panel-heading,
.store .product-group-header,
.store .product-group .header,
.store .package-title,
.store .product-title {
    background: linear-gradient(180deg,#0c1018,#0a0d14) !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.25) !important;
}

/* tekst w tych nagłówkach */
.store .product .header *,
.store .product-header *,
.store .package-header *,
.store .panel-heading *,
.store .product-title *,
.store .package-title * {
    color: #f1d98a !important;
}

/* usuń jasne tło bootstrap */
.panel-default > .panel-heading,
.panel-heading,
.bg-light,
.bg-white,
.bg-faded {
    background: #0c1018 !important;
    color: #f1d98a !important;
}

/* dodatkowe zabezpieczenie */
.store .product,
.store .package,
.store .featured-product {
    overflow: hidden;
}

/* hover efekt premium */
.store .product:hover,
.store .package:hover,
.store .featured-product:hover {
    border-color: rgba(212,175,55,.45) !important;
    box-shadow: 0 0 25px rgba(212,175,55,.12);
}

/* =========================================
   HARD FIX – WHITE TOP STRIP IN STORE BOXES
   ========================================= */

/* cały box produktu */
.store .product,
.store .package,
.store .featured-product,
.store .product-group .product,
#main-body .store .product {
    background: #0b1018 !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* pierwszy górny blok w boxie – wymuszenie ciemnego tła */
.store .product > div:first-child,
.store .package > div:first-child,
.store .featured-product > div:first-child,
.store .product-group .product > div:first-child,
#main-body .store .product > div:first-child {
    background: #0c1018 !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
}

/* wszystko w środku tego górnego paska */
.store .product > div:first-child *,
.store .package > div:first-child *,
.store .featured-product > div:first-child *,
.store .product-group .product > div:first-child *,
#main-body .store .product > div:first-child * {
    background: transparent !important;
    color: #f1d98a !important;
}

/* gdyby tytuł był linkiem albo nagłówkiem */
.store .product h3,
.store .product h4,
.store .product .product-title,
.store .product .package-title,
.store .package h3,
.store .package h4,
.store .featured-product h3,
.store .featured-product h4 {
    color: #f1d98a !important;
    background: transparent !important;
}

/* dodatkowe czyszczenie bootstrapowych jasnych teł */
.store .bg-light,
.store .bg-white,
.store .panel-default > .panel-heading,
.store .panel-heading,
.store .card-header,
.store .package-header,
.store .product-header {
    background: #0c1018 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* =========================================
   SOFBAC MODAL / PASSWORD GENERATOR DARK FIX
   ========================================= */

/* tło modala */
.modal-content,
.modal-dialog,
.modal-body,
.modal-footer,
.modal-header,
.modal .card,
.modal .panel {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.22) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.38) !important;
}

/* nagłówek modala */
.modal-header {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
}

.modal-title,
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5 {
    color: #f1d98a !important;
}

/* przycisk zamknięcia X */
.modal-header .close,
.modal-header button.close,
.modal-header .btn-close {
    color: #e8e4d8 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* teksty w modalu */
.modal-content p,
.modal-content span,
.modal-content label,
.modal-content div,
.modal-content small {
    color: #d7d2c6 !important;
}

/* inputy i selecty w modalu */
.modal-content input,
.modal-content select,
.modal-content textarea,
.modal-content .form-control,
.modal-content .custom-select,
.modal-content .input-group-text {
    background: #0a0f16 !important;
    color: #f3efe4 !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    box-shadow: none !important;
}

.modal-content input:focus,
.modal-content select:focus,
.modal-content textarea:focus,
.modal-content .form-control:focus,
.modal-content .custom-select:focus {
    background: #0d131b !important;
    color: #ffffff !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 0.15rem rgba(212,175,55,.15) !important;
}

/* przyciski w modalu */
.modal-content .btn,
.modal-content .btn-primary,
.modal-content .btn-default,
.modal-content .btn-success,
.modal-content .btn-info,
.modal-content .btn-warning,
.modal-content button {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.modal-content .btn:hover,
.modal-content .btn-primary:hover,
.modal-content .btn-default:hover,
.modal-content .btn-success:hover,
.modal-content .btn-info:hover,
.modal-content .btn-warning:hover,
.modal-content button:hover {
    background: linear-gradient(135deg,#e0bb4b,#f5db82) !important;
    color: #111 !important;
}

/* stopka modala */
.modal-footer {
    border-top: 1px solid rgba(212,175,55,.18) !important;
}

/* tło przyciemnienia pod popupem */
.modal-backdrop.show,
.modal-backdrop.in {
    opacity: 0.7 !important;
    background: #000 !important;
}

/* =========================================
   SOFBAC PRODUCT BOX HEADER FIX (WHITE BAR FIX)
   ========================================= */

/* górny pasek kart produktów */
.product,
.product div,
.product-header,
.product-title,
.product-name,
.package-name,
.panel-heading,
.card-header,
.product .panel-heading,
.product .card-header {
    background: #0c1018 !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.2) !important;
}

/* konkretnie ten biały pasek */
.product div:first-child,
.product-header,
.product-title,
.package-name {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
    color: #f1d98a !important;
}

/* tekst w nagłówku */
.product h3,
.product h4,
.product h5,
.product-title,
.package-name {
    color: #f1d98a !important;
}

/* hover dla kart */
.product:hover {
    border-color: #d4af37 !important;
    box-shadow: 0 0 20px rgba(212,175,55,.2);
}

/* usunięcie jasnych tła z WHMCS */
.panel,
.panel-default,
.panel-heading {
    background: #0c1018 !important;
    border-color: rgba(212,175,55,.2) !important;
}


/* =========================================
   FINAL FIX – DYNAMIC PRICING HEADER
   ========================================= */

.pricing-card {
    background: linear-gradient(180deg,#0b1018,#090c12) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}

.pricing-header {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.20) !important;
}

.pricing-header * {
    background: transparent !important;
    color: #f1d98a !important;
}

.plan-name {
    color: #f1d98a !important;
    font-weight: 700 !important;
}

.plan-price,
.plan-price * {
    color: #e8e4d8 !important;
}

.price-amount {
    color: #f1d98a !important;
    font-weight: 800 !important;
}

/* =========================================
   FORCE OVERRIDE – DYNAMIC STORE (FINAL)
   ========================================= */

body .pricing-grid .pricing-card .pricing-header,
body .pricing-grid .pricing-card .pricing-header * {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
    color: #f1d98a !important;
}

/* fix całej karty */
body .pricing-grid .pricing-card {
    background: linear-gradient(180deg,#0b1018,#090c12) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
}

/* usuń wszystkie jasne paski WHMCS */
body .pricing-grid .pricing-card div[style*="background"],
body .pricing-grid .pricing-card div[class*="header"] {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
}

/* tekst */
body .pricing-grid .plan-name {
    color: #f1d98a !important;
}

body .pricing-grid .plan-price,
body .pricing-grid .price-amount {
    color: #e8e4d8 !important;
}


/* ===== SOFBAC FINAL CLIENT AREA CARDS ===== */

.tiles .tile,
.tile,
.client-home-cards .card,
.client-home-panels .panel,
.card,
.panel,
a[href*="announcements"],
a[href*="serverstatus"],
a[href*="knowledgebase"],
a[href*="download"],
a[href*="submitticket"],
a[href*="clientarea"],
a[href*="supporttickets"],
a[href*="invoices"] {
  background: linear-gradient(180deg,#0b0f16 0%,#07090d 100%) !important;
  background-color: #0b0f16 !important;
  background-image: linear-gradient(180deg,#0b0f16 0%,#07090d 100%) !important;
  border: 1px solid rgba(212,175,55,.36) !important;
  border-radius: 16px !important;
  color: #f4f1ea !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}

.tiles .tile *,
.tile *,
.client-home-cards .card *,
.client-home-panels .panel *,
.card *,
.panel *,
a[href*="announcements"] *,
a[href*="serverstatus"] *,
a[href*="knowledgebase"] *,
a[href*="download"] *,
a[href*="submitticket"] *,
a[href*="clientarea"] *,
a[href*="supporttickets"] *,
a[href*="invoices"] * {
  color: #f4f1ea !important;
}

.tiles .tile i,
.tile i,
.client-home-cards .card i,
.client-home-panels .panel i,
.card i,
.panel i,
.tiles .tile svg,
.tile svg,
.client-home-cards .card svg,
.client-home-panels .panel svg,
.card svg,
.panel svg {
  color: #d4af37 !important;
  fill: #d4af37 !important;
  opacity: 1 !important;
}

/* direct WHMCS client home tile classes */
.client-home-cards,
.tiles {
  background: transparent !important;
}

.tiles .row > div,
.client-home-cards > div {
  background: transparent !important;
}

/* SOFBAC custom homepage if clientareahome.tpl was replaced */
.sofbac-clean-home {
  max-width: 1120px;
  margin: 0 auto;
  padding: 36px 18px 70px;
}

.sofbac-clean-home h1 {
  color: #d4af37 !important;
  text-align: center;
  margin: 32px 0 24px;
  font-size: 30px;
}

.sofbac-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 24px;
}

.sofbac-box {
  display: block;
  background: linear-gradient(180deg,#0b0f16 0%,#07090d 100%) !important;
  border: 1px solid rgba(212,175,55,.38) !important;
  padding: 34px;
  border-radius: 18px;
  text-decoration: none !important;
  color: #f4f1ea !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.32);
}

.sofbac-box h2 {
  color: #fff !important;
  margin: 0 0 10px;
}

.sofbac-box p {
  color: #d8dbe2 !important;
  margin: 0 0 18px;
}

.sofbac-box span {
  display: inline-block;
  background: linear-gradient(135deg,#d4af37,#b99627);
  color: #0b0b0c !important;
  padding: 10px 22px;
  border-radius: 10px;
  font-weight: 800;
}

.sofbac-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}

.sofbac-links a {
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg,#0b0f16 0%,#07090d 100%) !important;
  border: 1px solid rgba(212,175,55,.35) !important;
  border-radius: 16px;
  color: #f4f1ea !important;
  text-decoration: none !important;
  font-weight: 800;
  box-shadow: 0 14px 34px rgba(0,0,0,.28);
}

.sofbac-box:hover,
.sofbac-links a:hover,
.tiles .tile:hover,
.client-home-cards .card:hover {
  border-color: #f1c94a !important;
  transform: translateY(-3px);
  transition: .22s ease;
}

@media(max-width:900px) {
  .sofbac-grid,
  .sofbac-links {
    grid-template-columns: 1fr;
  }
}


/* ===== HARD OVERRIDE WHMCS WHITE BLOCKS ===== */

body .client-home-cards .card,
body .client-home-cards .card-body,
body .client-home-cards .list-group-item,
body .tiles .tile,
body .tiles .tile * {
  background: #0b0f16 !important;
  background-image: none !important;
  border: 1px solid rgba(212,175,55,.35) !important;
  color: #f4f1ea !important;
}

/* KILL BOOTSTRAP WHITE */
body .card,
body .card-body,
body .panel,
body .panel-body,
body .list-group-item {
  background-color: #0b0f16 !important;
  background-image: none !important;
}

/* TEXT */
body .card *,
body .panel *,
body .tile *,
body .list-group-item * {
  color: #f4f1ea !important;
}

/* ICONS */
body i,
body svg {
  color: #d4af37 !important;
  fill: #d4af37 !important;
}

/* REMOVE LIGHT HOVER */
body .card:hover,
body .tile:hover,
body .list-group-item:hover {
  background: #111722 !important;
}

/* GRID CLEAN */
.client-home-cards,
.tiles {
  background: transparent !important;
}


/* ===== SOFBAC FIX: ACTION ICON BUTTONS / WHITE CARDS ===== */

.action-icon-btns a,
.action-icon-btns a[class^="card-accent-"],
.action-icon-btns a[class*="card-accent-"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 120px !important;

  background: linear-gradient(180deg,#0b0f16 0%,#07090d 100%) !important;
  background-color: #0b0f16 !important;
  background-image: linear-gradient(180deg,#0b0f16 0%,#07090d 100%) !important;

  border: 1px solid rgba(212,175,55,.38) !important;
  border-radius: 16px !important;
  color: #f4f1ea !important;
  text-decoration: none !important;

  box-shadow: 0 14px 34px rgba(0,0,0,.32) !important;
}

.action-icon-btns a:hover,
.action-icon-btns a[class^="card-accent-"]:hover,
.action-icon-btns a[class*="card-accent-"]:hover {
  border-color: #f1c94a !important;
  transform: translateY(-3px) !important;
  transition: .22s ease !important;
}

.action-icon-btns a *,
.action-icon-btns a[class^="card-accent-"] *,
.action-icon-btns a[class*="card-accent-"] * {
  color: #f4f1ea !important;
}

.action-icon-btns .ico-container {
  background: transparent !important;
  border: none !important;
  margin-bottom: 10px !important;
}

.action-icon-btns .ico-container i,
.action-icon-btns i {
  color: #d4af37 !important;
  font-size: 34px !important;
  opacity: 1 !important;
}

.action-icon-btns .col-6,
.action-icon-btns .col-md-4,
.action-icon-btns .col-lg {
  background: transparent !important;
}

/* cleaner spacing */
.action-icon-btns {
  gap: 16px !important;
}

.action-icon-btns > div {
  padding-left: 8px !important;
  padding-right: 8px !important;
}


/* SOFBAC PANEL OFFER HOME */
.sofbac-panel-offer-home {
  max-width: 1180px;
  margin: 0 auto;
  padding: 32px 18px 70px;
}

.sofbac-panel-hero {
  text-align: center;
  border: 1px solid rgba(212,175,55,.28);
  border-radius: 18px;
  padding: 34px 22px;
  background: linear-gradient(180deg,#0b0f16 0%,#07090d 100%);
  margin-bottom: 34px;
}

.sofbac-panel-hero h1,
.sofbac-panel-offer-home h2 {
  color: #d4af37 !important;
}

.sofbac-panel-hero p {
  color: #f4f1ea;
}

.sofbac-lang-links {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 18px;
}

.sofbac-lang-links a {
  border: 1px solid rgba(212,175,55,.35);
  border-radius: 999px;
  padding: 9px 16px;
  color: #f4f1ea !important;
  text-decoration: none;
}

.sofbac-panel-offer-home h2 {
  text-align: center;
  margin: 34px 0 20px;
}

.sofbac-offer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}

.sofbac-offer-box {
  background: linear-gradient(180deg,#0b0f16 0%,#07090d 100%);
  border: 1px solid rgba(212,175,55,.32);
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 14px 34px rgba(0,0,0,.28);
}

.sofbac-offer-box.highlight {
  border-color: #d4af37;
}

.sofbac-offer-box h3 {
  color: #fff !important;
  margin: 0 0 10px;
}

.sofbac-offer-box p {
  color: #cfd4dd;
  min-height: 48px;
}

.sofbac-offer-box strong {
  display: block;
  color: #d4af37;
  font-size: 18px;
  margin: 14px 0;
}

.sofbac-offer-box div {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sofbac-offer-box a {
  display: inline-block;
  background: linear-gradient(135deg,#d4af37,#b99627);
  color: #0b0b0c !important;
  border-radius: 10px;
  padding: 9px 16px;
  font-weight: 800;
  text-decoration: none;
}

.sofbac-offer-box a:last-child {
  background: transparent;
  color: #d4af37 !important;
  border: 1px solid rgba(212,175,55,.45);
}

.sofbac-offer-box:hover {
  border-color: #f1c94a;
  transform: translateY(-3px);
  transition: .22s ease;
}

@media(max-width: 980px) {
  .sofbac-offer-grid {
    grid-template-columns: 1fr;
  }
}

/* SOFBAC STORE PRODUCT GRID 3 COLUMNS */
.products,
.product-group,
#products,
.store-products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.products .product,
.product,
.store-product,
.product-grid-item {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  background: linear-gradient(180deg,#0b0f16 0%,#07090d 100%) !important;
  border: 1px solid rgba(212,175,55,.35) !important;
  border-radius: 18px !important;
  color: #f4f1ea !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}

.product header,
.product .product-heading,
.product .product-title {
  border-bottom: 1px solid rgba(212,175,55,.28) !important;
}

.product h3,
.product h4,
.product .product-title {
  color: #d4af37 !important;
}

.product .price,
.product .pricing,
.product strong {
  color: #d4af37 !important;
}

.sofbac-product-lang-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.sofbac-product-lang-links a {
  display: inline-block;
  border: 1px solid rgba(212,175,55,.45);
  color: #d4af37 !important;
  border-radius: 8px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
}

.sofbac-product-lang-links a:hover {
  background: #d4af37;
  color: #0b0b0c !important;
}

@media(max-width: 980px) {
  .products,
  .product-group,
  #products,
  .store-products {
    grid-template-columns: 1fr !important;
  }
}

/* SOFBAC STORE PRODUCT GRID - SAFE 2 COLUMNS */
.products,
.product-group,
#products,
.store-products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.products .product,
.product,
.store-product,
.product-grid-item {
  width: auto !important;
  max-width: none !important;
}

@media(max-width: 980px) {
  .products,
  .product-group,
  #products,
  .store-products {
    grid-template-columns: 1fr !important;
  }
}

/* SOFBAC STORE CATEGORY GRID FINAL - 2 COLUMNS */
body .products,
body .product-group,
body #products,
body .store-products,
body .products.row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(320px, 1fr)) !important;
  gap: 26px !important;
  align-items: stretch !important;
}

body .products > div,
body .product-group > div,
body #products > div,
body .store-products > div,
body .products.row > div {
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
  display: block !important;
}

body .product,
body .store-product,
body .product-grid-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

@media(max-width: 980px) {
  body .products,
  body .product-group,
  body #products,
  body .store-products,
  body .products.row {
    grid-template-columns: 1fr !important;
  }
}

/* SOFBAC STORE CATEGORY GRID FINAL - 2 COLUMNS */
body .products,
body .product-group,
body #products,
body .store-products,
body .products.row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(320px, 1fr)) !important;
  gap: 26px !important;
  align-items: stretch !important;
}

body .products > div,
body .product-group > div,
body #products > div,
body .store-products > div,
body .products.row > div {
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
  display: block !important;
}

body .product,
body .store-product,
body .product-grid-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

@media(max-width: 980px) {
  body .products,
  body .product-group,
  body #products,
  body .store-products,
  body .products.row {
    grid-template-columns: 1fr !important;
  }
}

/* SOFBAC STORE CATEGORY FIX - WIDE PRODUCT CARDS */
body .products .product,
body .product,
body .store-product,
body .product div.product,
body .product-grid-item,
body div[class*="product"] {
  min-width: 360px !important;
}

body .products.row,
body .products {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
}

body .products.row > div,
body .products > div {
  flex: 0 0 calc(50% - 28px) !important;
  max-width: calc(50% - 28px) !important;
  width: calc(50% - 28px) !important;
}

/* keep product cards readable */
body .product {
  display: block !important;
  overflow: visible !important;
}

body .product .product-pricing,
body .product .pricing,
body .product div[class*="price"] {
  min-width: 150px !important;
}

/* Details language links below card, not squeezed */
.sofbac-product-lang-links {
  width: 100% !important;
  margin-top: 14px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 8px !important;
}

.sofbac-product-lang-links a {
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  padding: 8px 6px !important;
}

/* Mobile */
@media(max-width: 1100px) {
  body .products.row > div,
  body .products > div {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* SOFBAC STORE CLEAN RESET */
.products,
.products.row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
}

.products > div,
.products.row > div {
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
}

.product {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 360px !important;
  overflow: hidden !important;
  position: relative !important;
  padding-bottom: 24px !important;
}

/* remove old squeezed language links */
.sofbac-product-lang-links {
  display: none !important;
}

/* new language links in description area */
.sofbac-product-info-links {
  margin: 16px 22px 18px !important;
  padding: 14px !important;
  border: 1px solid rgba(212,175,55,.28) !important;
  border-radius: 14px !important;
  background: rgba(212,175,55,.04) !important;
}

.sofbac-product-help {
  margin: 0 0 10px !important;
  color: #cfd4dd !important;
  font-size: 13px !important;
}

.sofbac-product-info-links div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.sofbac-product-info-links a {
  display: inline-block !important;
  border: 1px solid rgba(212,175,55,.45) !important;
  color: #d4af37 !important;
  border-radius: 999px !important;
  padding: 7px 11px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  background: transparent !important;
}

.sofbac-product-info-links a:hover {
  background: #d4af37 !important;
  color: #0b0b0c !important;
}

@media(max-width: 1100px) {
  .products,
  .products.row {
    grid-template-columns: 1fr !important;
  }
}

/* SOFBAC STORE CLEAN RESET */
.products,
.products.row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
}

.products > div,
.products.row > div {
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
}

.product {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 360px !important;
  overflow: hidden !important;
  position: relative !important;
  padding-bottom: 24px !important;
}

/* remove old squeezed language links */
.sofbac-product-lang-links {
  display: none !important;
}

/* new language links in description area */
.sofbac-product-info-links {
  margin: 16px 22px 18px !important;
  padding: 14px !important;
  border: 1px solid rgba(212,175,55,.28) !important;
  border-radius: 14px !important;
  background: rgba(212,175,55,.04) !important;
}

.sofbac-product-help {
  margin: 0 0 10px !important;
  color: #cfd4dd !important;
  font-size: 13px !important;
}

.sofbac-product-info-links div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.sofbac-product-info-links a {
  display: inline-block !important;
  border: 1px solid rgba(212,175,55,.45) !important;
  color: #d4af37 !important;
  border-radius: 999px !important;
  padding: 7px 11px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  background: transparent !important;
}

.sofbac-product-info-links a:hover {
  background: #d4af37 !important;
  color: #0b0b0c !important;
}

@media(max-width: 1100px) {
  .products,
  .products.row {
    grid-template-columns: 1fr !important;
  }
}

/* SOFBAC STORE FINAL STABLE LAYOUT */
body .primary-content .products,
body .primary-content .products.row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  overflow: visible !important;
}

body .primary-content .products > div,
body .primary-content .products.row > div,
body .primary-content div[class*="col-"] {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: unset !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body .primary-content .product,
body .primary-content div.product {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  min-height: 420px !important;
  position: relative !important;
}

/* naprawa wąskiego panelu ceny */
body .product .product-pricing,
body .product .pricing,
body .product div[class*="price"] {
  min-width: 150px !important;
  max-width: 170px !important;
}

/* linki językowe kompaktowo w opisie */
.sofbac-product-info-links {
  margin: 16px 20px !important;
  padding: 12px !important;
  max-width: calc(100% - 40px) !important;
  overflow: hidden !important;
}

.sofbac-product-info-links div {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}

.sofbac-product-info-links a {
  width: 100% !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* mobile */
@media(max-width: 1100px) {
  body .primary-content .products,
  body .primary-content .products.row {
    grid-template-columns: 1fr !important;
  }
}

/* SOFBAC STORE TABLE VIEW */
.sofbac-store-table-wrap {
  max-width: 1080px;
  margin: 0 auto 70px;
  padding: 10px 12px 40px;
}

.sofbac-store-table-wrap h1 {
  color: #d4af37 !important;
  text-align: center;
  margin: 20px 0 10px;
}

.sofbac-store-intro {
  color: #d8dbe2;
  text-align: center;
  margin-bottom: 24px;
}

.sofbac-store-table {
  border: 1px solid rgba(212,175,55,.32);
  border-radius: 18px;
  overflow: hidden;
  background: #07090d;
}

.sofbac-store-row {
  display: grid;
  grid-template-columns: 1.4fr 2fr 1fr 1fr 1.2fr;
  gap: 12px;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid rgba(212,175,55,.18);
}

.sofbac-store-row:last-child {
  border-bottom: none;
}

.sofbac-store-row.head {
  background: rgba(212,175,55,.10);
  color: #d4af37;
  font-weight: 800;
}

.sofbac-store-row strong,
.sofbac-store-row .price {
  color: #d4af37 !important;
}

.sofbac-store-row div {
  color: #f4f1ea;
}

.sofbac-store-row a {
  display: inline-block;
  border-radius: 10px;
  padding: 8px 11px;
  font-weight: 800;
  text-decoration: none !important;
}

.sofbac-store-row a.order {
  background: linear-gradient(135deg,#d4af37,#b99627);
  color: #0b0b0c !important;
}

.sofbac-store-row .details {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.sofbac-store-row .details a {
  border: 1px solid rgba(212,175,55,.42);
  color: #d4af37 !important;
  background: transparent;
}

@media(max-width: 900px) {
  .sofbac-store-row,
  .sofbac-store-row.head {
    grid-template-columns: 1fr;
  }

  .sofbac-store-row.head {
    display: none;
  }
}

/* SOFBAC STORE TABLE FINAL CLEAN */
body:has(#sofbacStoreTable) .sidebar,
body:has(#sofbacStoreTable) .secondary-sidebar,
body:has(#sofbacStoreTable) .products,
body:has(#sofbacStoreTable) .products.row,
body:has(#sofbacStoreTable) .product {
  display: none !important;
}

body:has(#sofbacStoreTable) .primary-content,
body:has(#sofbacStoreTable) .col-lg-8,
body:has(#sofbacStoreTable) .col-xl-9 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.sofbac-store-switcher {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 16px 0 22px;
}

.sofbac-store-switcher a {
  border: 1px solid rgba(212,175,55,.45);
  border-radius: 999px;
  padding: 10px 18px;
  color: #d4af37 !important;
  text-decoration: none !important;
  font-weight: 800;
}

.sofbac-store-switcher a.active,
.sofbac-store-switcher a:hover {
  background: #d4af37;
  color: #0b0b0c !important;
}

/* SOFBAC STORE TRUST LINE */
.sofbac-store-intro {
  color: #f4f1ea !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin-bottom: 8px !important;
}

.sofbac-store-subintro {
  color: #cfd4dd !important;
  text-align: center !important;
  margin-bottom: 22px !important;
}


/* =========================
   SOFBAC CHECKOUT / REGISTER FIX
   tylko panel.sofbac.com, nie SafeBild
   ========================= */

body:not(.safebild) #order-standard_cart {
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 0 18px !important;
    overflow: visible !important;
}

body:not(.safebild) #order-standard_cart > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 26px !important;
    align-items: flex-start !important;
}

body:not(.safebild) #order-standard_cart > .row > .col-md-3,
body:not(.safebild) #order-standard_cart > .row > .col-lg-3 {
    flex: 0 0 230px !important;
    max-width: 230px !important;
}

body:not(.safebild) #order-standard_cart > .row > .main-content,
body:not(.safebild) #order-standard_cart > .row > .col-md-8,
body:not(.safebild) #order-standard_cart > .row > .col-lg-8,
body:not(.safebild) #order-standard_cart > .row > .col-md-9,
body:not(.safebild) #order-standard_cart > .row > .col-lg-9 {
    flex: 1 1 auto !important;
    max-width: calc(100% - 260px) !important;
    min-width: 0 !important;
}

body:not(.safebild) #order-standard_cart .form-control,
body:not(.safebild) #order-standard_cart input,
body:not(.safebild) #order-standard_cart select,
body:not(.safebild) #order-standard_cart textarea {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body:not(.safebild) #order-standard_cart .field,
body:not(.safebild) #order-standard_cart .form-group {
    min-width: 0 !important;
}

body:not(.safebild) #order-standard_cart .row:not(:first-child) {
    flex-wrap: wrap !important;
}

body:not(.safebild) #order-standard_cart .row:not(:first-child) > [class*="col-"] {
    min-width: 260px !important;
}

/* PayPal/card box nie może wychodzić poza układ */
body:not(.safebild) #order-standard_cart iframe,
body:not(.safebild) #order-standard_cart .payment-method,
body:not(.safebild) #order-standard_cart .gateway-input-container {
    max-width: 100% !important;
}

/* PAYPAL / CARD BOX DARK MODE */

body:not(.safebild) .paypal-checkout-sandbox,
body:not(.safebild) .paypal-checkout-production,
body:not(.safebild) .payment-form,
body:not(.safebild) .payment-methods,
body:not(.safebild) .gateway-input-container,
body:not(.safebild) .card-container,
body:not(.safebild) .paypal-container,
body:not(.safebild) .payment-container,
body:not(.safebild) .paymethod-info {
    background: #05070d !important;
    border: 1px solid rgba(212,175,55,.35) !important;
    color: #f5f5f5 !important;
}

body:not(.safebild) .paypal-commerce-platform,
body:not(.safebild) .paypal-checkout-button-container,
body:not(.safebild) .paypal-buttons,
body:not(.safebild) .paypalHostedFields {
    background: #05070d !important;
}

body:not(.safebild) .payment-form,
body:not(.safebild) .gateway-input-container {
    border-radius: 14px !important;
    padding: 18px !important;
}


/* SOFBAC - PayPal white iframe wrapper fix */
body:not(.safebild) #paymentGatewaysContainer,
body:not(.safebild) #paypalCommerce,
body:not(.safebild) [id*="paypal"],
body:not(.safebild) [class*="paypal"],
body:not(.safebild) [class*="PayPal"],
body:not(.safebild) [class*="gateway"],
body:not(.safebild) [class*="payment"] {
    background-color: #05070d !important;
    color: #f5f5f5 !important;
}

body:not(.safebild) iframe {
    background-color: #05070d !important;
    border-radius: 12px !important;
}

/* jeśli PayPal wymusza białe tło, dajemy ciemną ramkę dookoła */
body:not(.safebild) #paymentGatewaysContainer iframe,
body:not(.safebild) [id*="paypal"] iframe,
body:not(.safebild) [class*="paypal"] iframe {
    border: 1px solid rgba(212,175,55,.45) !important;
    box-shadow: 0 0 0 14px #05070d !important;
}

/* SOFBAC - force PayPal wrapper dark */
body:not(.safebild) div:has(> iframe),
body:not(.safebild) div:has(iframe[src*="paypal"]),
body:not(.safebild) div:has([class*="paypal"]),
body:not(.safebild) div:has([id*="paypal"]) {
    background: #05070d !important;
    background-color: #05070d !important;
}

/* specific white payment area fallback */
body:not(.safebild) #paymentGatewaysContainer,
body:not(.safebild) .payment-method-container,
body:not(.safebild) .gateway-container,
body:not(.safebild) .cc-input-container,
body:not(.safebild) .paymethod-info {
    background: #05070d !important;
    background-color: #05070d !important;
    border-color: rgba(212,175,55,.45) !important;
}

/* PayPal buttons area */
body:not(.safebild) iframe[src*="paypal"] {
    background: #05070d !important;
    box-shadow: 0 0 0 18px #05070d !important;
}


/* =========================
   SAFEBILD ONLY - plans + colors
   ========================= */

body.safebild {
    --sb-blue: #12a8e8;
    --sb-green: #58a82f;
    --sb-dark: #061018;
    --sb-panel: #0b1722;
}

/* ukryj stare kategorie/akcje po lewej */
body.safebild #order-standard_cart .categories-collapsable-card,
body.safebild #order-standard_cart .actions-collapsable-card {
    display: none !important;
}

/* własny box pakietów */
body.safebild .safebild-plans-box {
    position: fixed;
    left: calc(50% - 500px);
    top: 250px;
    width: 210px;
    background: var(--sb-panel);
    border: 1px solid rgba(18,168,232,.55);
    border-radius: 18px;
    padding: 14px;
    z-index: 20;
    box-shadow: 0 18px 45px rgba(0,0,0,.35);
}

body.safebild .safebild-plans-box h3 {
    margin: 0 0 12px;
    font-size: 17px;
    color: #fff;
}

body.safebild .safebild-plans-box a {
    display: block;
    padding: 11px 12px;
    margin-bottom: 10px;
    border-radius: 14px;
    background: #071018;
    border: 1px solid rgba(255,255,255,.12);
    color: #fff !important;
    text-decoration: none !important;
}

body.safebild .safebild-plans-box a:hover {
    border-color: var(--sb-green);
    background: rgba(88,168,47,.18);
}

body.safebild .safebild-plans-box strong {
    display: block;
    font-size: 18px;
}

body.safebild .safebild-plans-box span {
    display: block;
    color: var(--sb-blue);
    font-size: 13px;
    margin-top: 3px;
}

/* kolory SafeBild zamiast złota */
body.safebild .btn,
body.safebild .btn-primary,
body.safebild button,
body.safebild input[type="submit"] {
    background: var(--sb-blue) !important;
    border-color: var(--sb-blue) !important;
    color: #fff !important;
}

body.safebild .btn:hover,
body.safebild button:hover,
body.safebild input[type="submit"]:hover {
    background: var(--sb-green) !important;
    border-color: var(--sb-green) !important;
}

body.safebild #order-standard_cart .summary-container,
body.safebild #order-standard_cart .panel,
body.safebild #order-standard_cart .card,
body.safebild #order-standard_cart input,
body.safebild #order-standard_cart select,
body.safebild #order-standard_cart textarea,
body.safebild #order-standard_cart .form-control {
    border-color: rgba(18,168,232,.5) !important;
}

/* na mniejszych ekranach box nie jest fixed */
@media (max-width: 1100px) {
    body.safebild .safebild-plans-box {
        position: static;
        width: auto;
        max-width: 520px;
        margin: 16px auto;
    }
}

/* SAFEBILD ONLY - hide old WHMCS side panels */
body.safebild .categories-collapsable-card,
body.safebild .actions-collapsable-card {
    display: none !important;
}


/* =========================
   SAFEBILD FINAL CLEANUP v520
   only checkout.safebild.de
   ========================= */

body.safebild {
    --sb-blue: #11a8e8;
    --sb-green: #55a630;
    --sb-bg: #061018;
    --sb-panel: #0b1722;
}

/* hide original WHMCS left sidebar column */
body.safebild #order-standard_cart > .row > .col-md-3,
body.safebild #order-standard_cart > .row > .col-lg-3,
body.safebild #order-standard_cart .categories-collapsable-card,
body.safebild #order-standard_cart .actions-collapsable-card,
body.safebild #order-standard_cart .secondary-cart-sidebar,
body.safebild #order-standard_cart .view-cart-sidebar,
body.safebild #order-standard_cart #scrollingPanelContainer {
    display: none !important;
}

/* give main content full width */
body.safebild #order-standard_cart > .row > .main-content,
body.safebild #order-standard_cart > .row > .col-md-8,
body.safebild #order-standard_cart > .row > .col-lg-8,
body.safebild #order-standard_cart > .row > .col-md-9,
body.safebild #order-standard_cart > .row > .col-lg-9 {
    width: 100% !important;
    max-width: 720px !important;
    flex: 0 0 720px !important;
    margin-left: 260px !important;
}

/* package box stable left */
body.safebild .safebild-plans-box {
    position: fixed !important;
    left: calc(50% - 560px) !important;
    top: 315px !important;
    width: 220px !important;
    background: var(--sb-panel) !important;
    border: 1px solid var(--sb-blue) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    z-index: 50 !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.45) !important;
}

body.safebild .safebild-plans-box h3 {
    color: #fff !important;
    font-size: 17px !important;
    margin: 0 0 12px !important;
}

body.safebild .safebild-plans-box a {
    display: block !important;
    background: #071018 !important;
    border: 1px solid rgba(17,168,232,.35) !important;
    border-radius: 14px !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    text-decoration: none !important;
}

body.safebild .safebild-plans-box a:hover {
    border-color: var(--sb-green) !important;
    background: rgba(85,166,48,.16) !important;
}

body.safebild .safebild-plans-box strong {
    display: block !important;
    font-size: 18px !important;
    color: #fff !important;
}

body.safebild .safebild-plans-box span {
    display: block !important;
    color: var(--sb-blue) !important;
    font-size: 13px !important;
}

/* SafeBild colors */
body.safebild .btn,
body.safebild .btn-primary,
body.safebild button,
body.safebild input[type="submit"] {
    background: var(--sb-blue) !important;
    border-color: var(--sb-blue) !important;
    color: #fff !important;
}

body.safebild .btn:hover,
body.safebild button:hover,
body.safebild input[type="submit"]:hover {
    background: var(--sb-green) !important;
    border-color: var(--sb-green) !important;
}

body.safebild #order-standard_cart .summary-container,
body.safebild #order-standard_cart .panel,
body.safebild #order-standard_cart .card,
body.safebild #order-standard_cart input,
body.safebild #order-standard_cart select,
body.safebild #order-standard_cart textarea,
body.safebild #order-standard_cart .form-control {
    border-color: rgba(17,168,232,.55) !important;
}

/* hide old SOFBAC footer text */
body.safebild footer,
body.safebild .footer,
body.safebild .sofbac-footer,
body.safebild [class*="footer"] {
    display: none !important;
}

@media (max-width: 1100px) {
    body.safebild .safebild-plans-box {
        position: static !important;
        width: auto !important;
        max-width: 720px !important;
        margin: 18px auto !important;
    }

    body.safebild #order-standard_cart > .row > .main-content,
    body.safebild #order-standard_cart > .row > .col-md-8,
    body.safebild #order-standard_cart > .row > .col-lg-8,
    body.safebild #order-standard_cart > .row > .col-md-9,
    body.safebild #order-standard_cart > .row > .col-lg-9 {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 720px !important;
        flex: 0 0 100% !important;
    }
}