/*
 * Syscare brand refresh
 *
 * This file intentionally contains presentation overrides only. It does not
 * change markup, copy, layout rules or product data.
 */

:root {
    color-scheme: dark;
    --syscare-black: #0A0C0F;
    --syscare-black-2: #12151A;
    --syscare-black-3: #1A1E24;
    --syscare-cyan: #22BEEF;
    --syscare-cyan-dark: #0A7396;
    --syscare-red: #E11D48;
    --syscare-text: #E8EDF1;
    --syscare-muted: #9BA4AD;
    --syscare-line: #252A31;

    --bs-primary: #22BEEF;
    --bs-primary-rgb: 34, 190, 239;
    --bs-link-color: #22BEEF;
    --bs-link-color-rgb: 34, 190, 239;
    --bs-link-hover-color: #0A7396;
    --bs-link-hover-color-rgb: 10, 115, 150;
    --bs-body-color: #E8EDF1;
    --bs-body-color-rgb: 232, 237, 241;
    --bs-body-bg: #0A0C0F;
    --bs-body-bg-rgb: 10, 12, 15;
    --bs-border-color: #252A31;
    --bs-border-color-translucent: rgba(255, 255, 255, .12);
    --bs-secondary-color: #9BA4AD;
    --bs-secondary-bg: #12151A;
    --bs-tertiary-bg: #1A1E24;
    --bs-light: #1A1E24;
    --bs-light-rgb: 26, 30, 36;
    --bs-dark: #0A0C0F;
    --bs-dark-rgb: 10, 12, 15;
    --bs-danger: #E11D48;
    --bs-danger-rgb: 225, 29, 72;
}

html,
body,
body#category,
body#index,
body#product,
body#cart,
body#checkout {
    background: var(--syscare-black) !important;
    color: var(--syscare-text) !important;
}

body {
    --bs-body-color: var(--syscare-text);
    --bs-body-color-rgb: 232, 237, 241;
    --bs-body-bg: var(--syscare-black);
    --bs-body-bg-rgb: 10, 12, 15;
    --bs-heading-color: var(--syscare-text);
    --bs-link-color-rgb: 34, 190, 239;
    --bs-link-hover-color-rgb: 10, 115, 150;
}

body a {
    color: var(--syscare-cyan);
}

body a:hover,
body a:focus {
    color: var(--syscare-cyan-dark);
}

body p,
body .text-muted,
body .small,
body small,
body .label,
body .product-description,
body .product-reference,
body .product-availability,
body .product-additional-info {
    color: var(--syscare-muted) !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body .page-title,
body .section-title,
body .product-title,
body .product-name {
    color: var(--syscare-text) !important;
}

/* Header, benefit strip and navigation */
#header,
#desktop-header,
#mobile-header,
#header .header-nav,
#header .header-top,
#header .header-top-inner,
.syscare-header-main,
.syscare-header-content,
.syscare-search-wrapper,
.syscare-header-actions,
.header-nav,
.header-top {
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

#header .header-nav a,
#header .header-top a,
.syscare-header-content a,
.syscare-header-actions a,
.header-nav a,
.header-top a {
    color: var(--syscare-muted) !important;
}

#header .header-nav a:hover,
#header .header-top a:hover,
.syscare-header-content a:hover,
.syscare-header-actions a:hover {
    color: var(--syscare-cyan) !important;
}

#desktop_logo img.logo,
#_desktop_logo img.logo,
#mobile_logo img.logo,
#_mobile_logo img.logo,
.syscare-logo img.logo,
.syscare-header-content img.logo {
    content: url('/modules/syscarebrand/views/img/syscare_logo_horizontal_transparente.png') !important;
    background: transparent !important;
    object-fit: contain;
}

#iqitmegamenu-wrapper,
#iqitmegamenu-wrapper .container,
#iqitmegamenu-horizontal,
#cbp-hrmenu,
#iqitmegamenu-mobile,
.mobile-menu,
.mobile-menu__content,
.mobile-menu__header-wrapper {
    background-color: var(--syscare-black) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

#iqitmegamenu-wrapper a,
#cbp-hrmenu a,
.mobile-menu a,
.mobile-menu__row a {
    color: var(--syscare-text) !important;
}

#iqitmegamenu-wrapper a:hover,
#cbp-hrmenu a:hover,
.mobile-menu a:hover,
.mobile-menu__row a:hover {
    color: var(--syscare-cyan) !important;
}

#iqitmegamenu-wrapper .cbp-hrsub,
#iqitmegamenu-wrapper .cbp-hrsub-inner,
#iqitmegamenu-wrapper .cbp-tabs-container,
#iqitmegamenu-wrapper .mt-submenu-container,
#iqitmegamenu-wrapper .mt-submenu-body,
#iqitmegamenu-wrapper .mt-submenu-links,
#_desktop_iqitmegamenu-mobile,
#_mobile_iqitmegamenu-mobile {
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .45) !important;
}

/* General content surfaces */
#wrapper,
#main-page-content,
#main,
#content-wrapper,
#left-column,
#right-column,
#content,
.page-content,
.page-home,
.elementor,
.elementor-section-wrap,
.elementor-section,
.elementor-container,
.elementor-column-wrap,
.elementor-widget-wrap,
.elementor-widget-container {
    background-color: transparent !important;
    color: var(--syscare-text) !important;
    border-color: var(--syscare-line) !important;
}

.elementor-section.elementor-section-boxed,
.elementor-section.elementor-section-stretched {
    background-color: transparent !important;
}

.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-text-editor,
.rte-content,
.rte-content p,
.rte-content li {
    color: var(--syscare-text) !important;
}

.elementor-widget-text-editor .text-muted,
.elementor-text-editor .text-muted {
    color: var(--syscare-muted) !important;
}

/* Brand cyan for primary actions; red remains reserved for offers/discounts. */
.btn-primary,
.btn-secondary,
.btn-action,
.btn-outline-primary:hover,
.elementor-button,
.elementor-button.btn,
button.btn-primary,
button.btn-secondary,
a.btn-primary,
a.btn-secondary,
input.btn-primary,
input.btn-secondary {
    background: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-action:hover,
.elementor-button:hover,
button.btn-primary:hover,
button.btn-secondary:hover,
a.btn-primary:hover,
a.btn-secondary:hover {
    background: var(--syscare-cyan-dark) !important;
    border-color: var(--syscare-cyan-dark) !important;
    color: #fff !important;
}

.btn-outline-primary,
.btn-outline-secondary {
    color: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    background: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    color: var(--syscare-black) !important;
}

/* Forms, search, cart and dropdown surfaces */
input:not([type='checkbox']):not([type='radio']),
select,
textarea,
.form-control,
.form-select,
.custom-select,
.input-group-text,
#search_widget input,
.search-widget input,
.syscare-search-wrapper input {
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder,
#search_widget input::placeholder,
.syscare-search-wrapper input::placeholder {
    color: var(--syscare-muted) !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus,
#search_widget input:focus,
.syscare-search-wrapper input:focus {
    border-color: var(--syscare-cyan) !important;
    box-shadow: 0 0 0 .2rem rgba(34, 190, 239, .18) !important;
}

.dropdown-menu,
.dropdown-menu-custom,
.dropdown-content,
.popover,
.tooltip-inner,
.modal-content,
.offcanvas,
#blockcart-content,
#_desktop_blockcart-content,
#_mobile_blockcart-content,
.ps-shoppingcart #blockcart-content {
    background-color: var(--syscare-black-2) !important;
    color: var(--syscare-text) !important;
    border-color: var(--syscare-line) !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .45) !important;
}

.dropdown-item,
.dropdown-menu a,
.dropdown-content a,
.modal-content a,
.offcanvas a {
    color: var(--syscare-text) !important;
}

.dropdown-item:hover,
.dropdown-menu a:hover,
.dropdown-content a:hover,
.modal-content a:hover,
.offcanvas a:hover {
    background-color: var(--syscare-black-3) !important;
    color: var(--syscare-cyan) !important;
}

.close,
.btn-close,
.modal-header,
.modal-footer,
.dropdown-divider,
hr {
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

/* Breadcrumbs and filters */
.breadcrumb,
.breadcrumb-wrapper,
#breadcrumb,
.pagination .page-item .page-link,
.pagination .page-link,
#search_filters,
#search_filters .facet,
.block.block-toggle,
.block-categories,
.block-category {
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

.breadcrumb-item,
.breadcrumb-item.active,
.breadcrumb-item a,
.pagination .page-link {
    color: var(--syscare-muted) !important;
}

.breadcrumb-item a:hover,
.pagination .page-link:hover,
.pagination .page-item.active .page-link {
    background-color: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

/* Product cards and catalog surfaces */
.products,
.products-grid,
.product-list,
.product-miniature,
.product-miniature-default,
.product-container,
.product-miniature .thumbnail-container,
.product-miniature .product-description,
.product-miniature .product-description-short,
.product-miniature .product-add-cart,
.product-miniature .product-functional-buttons,
.product-miniature .product-price-and-shipping,
.product-miniature .product-information,
.product-miniature .product-title a,
.product-miniature-grid,
.product-miniature-list,
.product-miniature-squared,
.product-miniature-small,
.product-miniature .thumbnail {
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

.product-miniature .thumbnail-container,
.product-miniature .thumbnail-container img,
.product-miniature .thumbnail {
    background-color: var(--syscare-black-3) !important;
}

.product-miniature .product-title a,
.product-miniature .product-title,
.product-miniature .product-category-name,
.product-miniature .product-price,
.product-miniature .product-price-and-shipping,
.product-miniature .regular-price,
.product-miniature .current-price {
    color: var(--syscare-text) !important;
}

.product-miniature .product-category-name,
.product-miniature .product-price,
.product-miniature .current-price,
.product-miniature .product-availability {
    color: var(--syscare-cyan) !important;
}

.product-miniature .product-title a:hover,
.product-miniature .product-category-name:hover {
    color: var(--syscare-cyan) !important;
}

.product-miniature .product-add-cart .btn,
.product-miniature .product-add-cart button,
.product-miniature .product-add-cart a,
.product-miniature .btn-traditional {
    background-color: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

.product-miniature .product-functional-buttons a,
.product-miniature .product-functional-buttons button,
.btn-iqitwishlist-add,
.btn-iqitcompare-add {
    color: var(--syscare-cyan) !important;
    border-color: var(--syscare-line) !important;
    background-color: var(--syscare-black-3) !important;
}

/* Offer red: only sale/discount affordances. */
.product-flags .on-sale,
.product-flags .discount,
.product-flags .discount-percentage,
.product-flag.discount,
.product-flag.on-sale,
.product-availability .on-sale,
.product-miniature .product-available,
.syscare-flag-discount,
.syscare-hero-price-discount,
.badge-of,
.bg-text-clear-2 {
    background-color: var(--syscare-red) !important;
    border-color: var(--syscare-red) !important;
    color: #fff !important;
}

/* Product detail page */
#product #content,
#product #content-wrapper,
#product .product-information,
#product .product-actions,
#product .tabs,
#product .tab-content,
#product .product-description,
#product .product-features,
#product .product-variants,
#product .product-additional-info,
#product .card,
#product .card-header,
#product .card-body,
#product .product-cover,
#product .product-images > li .thumbnail-container {
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

#product .product-price,
#product .current-price,
#product .product-discount,
#product .discount-amount {
    color: var(--syscare-cyan) !important;
}

#product .product-discount,
#product .discount-amount {
    background-color: var(--syscare-red) !important;
}

.syscare-product-hero,
.syscare-hero-bg-left,
#main .syscare-hero-bg-left {
    background: var(--syscare-black) !important;
}

.syscare-hero-bg-right,
#main .syscare-hero-bg-right,
.syscare-gallery-main,
.syscare-gallery-thumb {
    background: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
}

.syscare-hero-category,
.syscare-info-item,
.syscare-info-separator,
.syscare-hero-price-main,
.syscare-product-info-bar {
    color: var(--syscare-cyan) !important;
    border-color: var(--syscare-line) !important;
}

.syscare-hero-title,
.syscare-hero-desc,
.syscare-hero-price-old {
    color: var(--syscare-text) !important;
}

.syscare-hero-addtocart,
#product .syscare-readmore-btn-h,
#product .syscare-modal-btn {
    background: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

.syscare-modal,
.syscare-modal-content {
    background-color: var(--syscare-black-2) !important;
    color: var(--syscare-text) !important;
    border-color: var(--syscare-line) !important;
}

/* Checkout and cart */
#cart #content-wrapper,
#cart #inner-wrapper,
#cart .cart-grid-body,
#cart .cart-summary,
#cart .cart-container,
#checkout #content-wrapper,
#checkout #inner-wrapper,
#checkout .checkout-step,
#checkout .card,
#checkout .cart-summary {
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

#cart .cart-item,
#checkout .cart-item,
#checkout .delivery-option,
#checkout .payment-option,
#checkout .additional-information {
    background-color: var(--syscare-black-3) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

/* Syscare custom footer and legacy footer */
#syscare-footer,
#footer,
#footer-container-main,
#footer-container-first,
#footer-container-last,
.page-footer {
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

#syscare-footer-bottom {
    background-color: var(--syscare-black) !important;
    border-color: var(--syscare-line) !important;
}

#syscare-footer .sf-title,
#syscare-footer .sf-list li,
#syscare-footer .sf-list a,
#syscare-footer .sf-description,
#syscare-footer .sf-logo,
#syscare-footer-bottom .sfb-copy,
#syscare-footer-bottom .sfb-dev {
    color: var(--syscare-text) !important;
}

#syscare-footer .sf-list a:hover,
#syscare-footer .sf-whatsapp-btn,
#syscare-footer .sf-social-btn:hover {
    color: var(--syscare-cyan) !important;
}

#syscare-footer .sf-logo-img,
.sf-logo-img,
#footer img.logo,
#footer .logo img {
    content: url('/modules/syscarebrand/views/img/syscare_logo_horizontal_transparente.png') !important;
    background: transparent !important;
    object-fit: contain;
}

/* Utility colors used by existing Syscare custom components. */
.syscare-info-item,
.syscare-info-separator,
.syscare-flag-sku,
.syscare-flag-stock.out-stock,
.syscare-product-category,
.syscare-product-reference {
    color: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
}

.syscare-flag-sku,
.syscare-flag-stock.out-stock {
    background-color: var(--syscare-cyan-dark) !important;
}

.text-primary,
.text-info,
.link-primary {
    color: var(--syscare-cyan) !important;
}

.bg-primary,
.bg-info {
    background-color: var(--syscare-cyan) !important;
}

.border-primary,
.border-info {
    border-color: var(--syscare-cyan) !important;
}

::selection {
    background: var(--syscare-cyan);
    color: var(--syscare-black);
}

/*
 * Contrast pass for the current Warehouse/Systemcare components.
 * These rules are intentionally scoped to existing classes and sections:
 * they improve legibility and image treatment without changing markup or
 * copy.
 */

/* Header: keep all three header bands in one coherent brand system. */
.syscare-top-bar {
    background: #12151A !important;
    background-color: #12151A !important;
    color: #fff !important;
}

.syscare-top-bar .syscare-top-info-item,
.syscare-top-bar .syscare-top-info-item svg {
    color: #fff !important;
}

.syscare-top-bar .syscare-top-info-item:hover {
    color: var(--syscare-black) !important;
}

.syscare-header-main,
.syscare-header-main > .container,
.syscare-header-content {
    background: var(--syscare-black) !important;
    border-color: var(--syscare-line) !important;
}

.syscare-header-content {
    color: var(--syscare-text) !important;
}

.syscare-logo img.logo,
#desktop_logo img.logo,
#mobile_logo img.logo {
    max-height: 52px !important;
    width: auto !important;
    background: transparent !important;
}

.syscare-search-wrapper .syscare-search-form {
    background: var(--syscare-black-2) !important;
    border-color: #3a4650 !important;
}

.syscare-search-wrapper input,
.syscare-search-wrapper input:focus {
    background: var(--syscare-black-2) !important;
    border-color: #3a4650 !important;
    color: var(--syscare-text) !important;
}

.syscare-search-wrapper input::placeholder {
    color: var(--syscare-muted) !important;
}

.syscare-search-btn {
    background: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

.syscare-search-btn:hover {
    background: var(--syscare-cyan-dark) !important;
    border-color: var(--syscare-cyan-dark) !important;
    color: #fff !important;
}

.syscare-phone,
.syscare-phone strong,
.syscare-phone-label {
    color: var(--syscare-text) !important;
}

.syscare-phone-label {
    color: var(--syscare-muted) !important;
}

.syscare-phone i,
.syscare-phone svg {
    color: var(--syscare-cyan) !important;
}

.syscare-cart-wrapper .header-btn,
.syscare-cart-wrapper .header-cart-btn,
.syscare-cart-wrapper #cart-toogle {
    background: transparent !important;
    border-color: #53616b !important;
    color: var(--syscare-text) !important;
}

.syscare-cart-wrapper .header-btn:hover,
.syscare-cart-wrapper .header-cart-btn:hover,
.syscare-cart-wrapper #cart-toogle:hover {
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-cyan) !important;
}

.syscare-nav,
.syscare-nav > .container,
.syscare-nav .container,
.syscare-nav-container,
#iqitmegamenu-wrapper,
#iqitmegamenu-wrapper .container,
#iqitmegamenu-wrapper .container-iqitmegamenu,
#iqitmegamenu-wrapper #cbp-hrmenu.cbp-horizontal,
#iqitmegamenu-wrapper #iqitmegamenu-horizontal,
#iqitmegamenu-wrapper .iqitmegamenu,
#cbp-hrmenu {
    background: var(--syscare-black) !important;
    border-color: var(--syscare-line) !important;
}

.syscare-header-actions,
.syscare-header-actions .syscare-phone,
.syscare-header-actions .syscare-cart-wrapper,
.syscare-header-actions #ps-shoppingcart-wrapper,
.syscare-header-actions #ps-shoppingcart,
.syscare-header-actions #blockcart {
    background: transparent !important;
    background-color: transparent !important;
}

#iqitmegamenu-wrapper #cbp-hrmenu.cbp-horizontal,
#iqitmegamenu-wrapper #cbp-hrmenu.cbp-horizontal > ul,
#iqitmegamenu-wrapper #cbp-hrmenu.cbp-horizontal > ul > li > a,
#iqitmegamenu-wrapper #cbp-hrmenu.cbp-horizontal > ul > li > a .cbp-tab-title {
    color: var(--syscare-text) !important;
}

#iqitmegamenu-wrapper #cbp-hrmenu.cbp-horizontal > ul > li > a {
    background: transparent !important;
}

.syscare-nav #cbp-hrmenu > ul > li > a,
#iqitmegamenu-wrapper #cbp-hrmenu > ul > li > a,
#cbp-hrmenu > ul > li > a {
    color: var(--syscare-text) !important;
}

.syscare-nav #cbp-hrmenu > ul > li > a:hover,
.syscare-nav #cbp-hrmenu > ul > li.active > a,
#iqitmegamenu-wrapper #cbp-hrmenu > ul > li > a:hover,
#iqitmegamenu-wrapper #cbp-hrmenu > ul > li.active > a {
    background: var(--syscare-black-3) !important;
    color: var(--syscare-cyan) !important;
}

/* Main promotional slider: dark text is required on its light image panels. */
.elementor-element-72kneoq .elementor-heading-title,
.elementor-element-72kneoq .elementor-heading-title span,
.elementor-element-72kneoq .elementor-text-editor,
.elementor-element-72kneoq .elementor-text-editor p {
    color: var(--syscare-black) !important;
}

.elementor-element-72kneoq .elementor-widget-heading.animated .elementor-heading-title {
    color: var(--syscare-cyan-dark) !important;
}

.elementor-element-72kneoq .bg-text-clear .elementor-heading-title,
.elementor-element-72kneoq .bg-text-clear .elementor-heading-title span {
    background: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
    text-shadow: none !important;
}

.elementor-element-72kneoq .elementor-button,
.elementor-element-72kneoq .elementor-button span,
.elementor-element-72kneoq .elementor-button i {
    background: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

.elementor-element-72kneoq .elementor-button:hover,
.elementor-element-72kneoq .elementor-button:hover span,
.elementor-element-72kneoq .elementor-button:hover i {
    background: var(--syscare-cyan-dark) !important;
    border-color: var(--syscare-cyan-dark) !important;
    color: #fff !important;
}

/* Category banners: preserve the photos, add a readable bottom contrast layer. */
.elementor-element-4bpx3mh .cat-item-store .elementor-iqit-banner,
.elementor-element-4bpx3mh .cat-item-store .elementor-iqit-banner-img {
    border-color: var(--syscare-line) !important;
}

.elementor-element-4bpx3mh .cat-item-store .elementor-iqit-banner-overlay {
    background: linear-gradient(180deg, rgba(10, 12, 15, 0) 42%, rgba(10, 12, 15, .86) 100%) !important;
    opacity: 1 !important;
}

.elementor-element-4bpx3mh .cat-item-store .elementor-iqit-banner-content,
.elementor-element-4bpx3mh .cat-item-store .elementor-iqit-banner-title {
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .7) !important;
}

.elementor-element-4bpx3mh .cat-item-store .elementor-iqit-banner-title {
    font-weight: 800 !important;
}

/* Product cards: use a clean white image field so image backgrounds do not
 * end abruptly against the dark card body. */
.elementor-products .product-miniature .thumbnail-container,
.products-grid .product-miniature .thumbnail-container,
.product-list .product-miniature .thumbnail-container,
.product-miniature .thumbnail-container,
.product-miniature .thumbnail-container img,
.product-miniature .thumbnail {
    background: #fff !important;
}

.product-miniature .thumbnail-container {
    overflow: hidden !important;
}

/* Availability badges must sit above the image/description seam. */
.products-grid .product-miniature-default .thumbnail-container {
    overflow: visible !important;
    position: relative !important;
    z-index: 2 !important;
}

.products-grid .product-miniature-default .product-availability {
    position: absolute !important;
    z-index: 30 !important;
}

.products-grid .product-miniature-default .product-available {
    position: relative !important;
    z-index: 30 !important;
}

.products-grid .product-miniature-default .product-description {
    position: relative !important;
    z-index: 1 !important;
}

.elementor-products-tabs .nav-tabs {
    border-color: var(--syscare-line) !important;
}

.elementor-products-tabs .nav-link {
    background: var(--syscare-black-3) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-muted) !important;
}

.elementor-products-tabs .nav-link.active,
.elementor-products-tabs .nav-link:hover {
    background: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

/* Brand pills such as the Syscare label need dark text on cyan. */
.elementor-widget-heading.bg-text .elementor-heading-title,
.elementor-widget-heading.bg-text .elementor-heading-title span {
    background: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
    text-shadow: none !important;
}

/* Certifications: separate each mark while keeping the existing carousel. */
.elementor-element-dxvxbi5 .elementor-image-carousel .swiper-wrapper {
    align-items: stretch !important;
    padding: 8px 0 !important;
}

.elementor-element-dxvxbi5 .elementor-image-carousel .swiper-slide {
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

.elementor-element-dxvxbi5 .elementor-image-carousel .swiper-slide-inner {
    height: 100% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid #e2e8ee !important;
    border-radius: 12px !important;
}

.elementor-element-dxvxbi5 .elementor-image-carousel .swiper-slide-image {
    background: #fff !important;
    object-fit: contain !important;
}

/* Advice block: it is intentionally light, therefore it uses the dark
 * cyan/black text variants instead of the global dark-surface text color. */
.asesorate-home {
    background: #e8f8fd !important;
    border-color: #a9e4f3 !important;
    color: var(--syscare-black) !important;
}

.asesorate-home .asesorate__eyebrow,
.asesorate-home h2,
.asesorate-home p {
    color: var(--syscare-black) !important;
}

.asesorate-home .asesorate__eyebrow {
    color: var(--syscare-cyan-dark) !important;
}

.asesorate-home .asesorate__button--primary {
    background: var(--syscare-cyan-dark) !important;
    border-color: var(--syscare-cyan-dark) !important;
    color: #fff !important;
}

.asesorate-home .asesorate__button--primary:hover {
    background: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

.asesorate-home .asesorate-home__steps span {
    background: #fff !important;
    border-color: #d6eaf1 !important;
    color: var(--syscare-cyan-dark) !important;
}

/* Footer WhatsApp actions: cyan button + black text has reliable contrast. */
#syscare-footer .sf-whatsapp-btn {
    background: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

#syscare-footer .sf-whatsapp-btn i {
    color: var(--syscare-black) !important;
}

#syscare-footer .sf-whatsapp-btn:hover {
    background: var(--syscare-cyan-dark) !important;
    border-color: var(--syscare-cyan-dark) !important;
    color: #fff !important;
}

#syscare-footer .sf-whatsapp-btn:hover i {
    color: #fff !important;
}

.whatsapp-floating-btn .whatsapp-contact-icon {
    background: var(--syscare-cyan) !important;
}

.whatsapp-floating-btn .whatsapp-icon {
    color: var(--syscare-black) !important;
}

/* Wheelchair submenu: keep the existing layout, but use the dark palette
 * consistently so the white-on-light pills do not lose contrast. */
#iqitmegamenu-wrapper #cbp-hrmenu .cbp-hrsub,
#iqitmegamenu-wrapper #cbp-hrmenu .cbp-hrsub-inner,
#iqitmegamenu-wrapper #cbp-hrmenu .iqitmegamenu-submenu-container,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-layout,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-body,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-links {
    background: var(--syscare-black-2) !important;
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-title,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-item-label,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-item a,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-item-indicator {
    color: var(--syscare-text) !important;
}

#iqitmegamenu-wrapper #cbp-hrmenu li.mt-submenu-item,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-item {
    background: var(--syscare-black-3) !important;
    background-color: var(--syscare-black-3) !important;
    border: 1px solid #3a4650 !important;
}

#iqitmegamenu-wrapper #cbp-hrmenu li.mt-submenu-item:hover,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-item:hover,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-item.mt-active {
    background: var(--syscare-cyan) !important;
    background-color: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
}

#iqitmegamenu-wrapper #cbp-hrmenu li.mt-submenu-item:hover a,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-item:hover .mt-item-label,
#iqitmegamenu-wrapper #cbp-hrmenu .mt-submenu-item.mt-active .mt-item-label {
    color: var(--syscare-black) !important;
}

#iqitmegamenu-wrapper #cbp-hrmenu .mt-item-arrow {
    background: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

/* Store sidebar: dark surfaces with readable white/muted labels. */
#left-column .block-categories,
#left-column #facets_search_wrapper,
#left-column #search_filters_wrapper,
#left-column .block-facets,
#left-column #search_filters,
#left-column #search_filters .facet {
    background: var(--syscare-black-2) !important;
    background-color: var(--syscare-black-2) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

#left-column .block-title,
#left-column .block-title a,
#left-column .facet-title,
#left-column .facet-title span,
#left-column .facet p,
#left-column .facet-label,
#left-column .facet-label a,
#left-column .facet-label .magnitude,
#left-column .category-top-menu a,
#left-column .category-sub-menu a {
    color: var(--syscare-text) !important;
}

#left-column .category-top-menu,
#left-column .category-sub-menu,
#left-column .facet ul,
#left-column .facet li {
    background: transparent !important;
    color: var(--syscare-text) !important;
    border-color: var(--syscare-line) !important;
}

#left-column .category-top-menu a:hover,
#left-column .category-sub-menu a:hover,
#left-column .facet-label a:hover {
    color: var(--syscare-cyan) !important;
}

#left-column .collapse-icons,
#left-column .collapse-icons i,
#left-column .facet-title::after,
#left-column .drop-icon {
    color: var(--syscare-cyan) !important;
}

#left-column .facet .ui-widget-content,
#left-column .facet .ui-slider-range {
    background: var(--syscare-line) !important;
    border-color: var(--syscare-line) !important;
}

#left-column .facet .ui-slider-range {
    background: var(--syscare-cyan) !important;
}

#left-column .facet .ui-slider-handle {
    background: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
}

/* Related products on the product page: align the whole section with the
 * dark theme while preserving the white image field for product photos. */
.syscare-related-section {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 48px 0 !important;
    background: var(--syscare-black) !important;
    background-color: var(--syscare-black) !important;
    color: var(--syscare-text) !important;
}

.syscare-related-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

.syscare-related-header,
.syscare-related-header h2,
.syscare-related-title {
    color: var(--syscare-text) !important;
}

.syscare-related-link,
.syscare-related-link i {
    color: var(--syscare-cyan) !important;
}

.syscare-related-grid {
    background: var(--syscare-black-2) !important;
    border: 1px solid var(--syscare-line) !important;
    border-radius: 16px !important;
    padding: 20px !important;
}

.syscare-related-card {
    background: var(--syscare-black-3) !important;
    border: 1px solid var(--syscare-line) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .22) !important;
    color: var(--syscare-text) !important;
}

.syscare-related-card-link,
.syscare-related-info {
    background: var(--syscare-black-3) !important;
    color: var(--syscare-text) !important;
}

.syscare-related-image,
.syscare-related-image img {
    background: #fff !important;
}

.syscare-related-category,
.syscare-related-view {
    color: var(--syscare-cyan) !important;
}

.syscare-related-name {
    color: var(--syscare-text) !important;
}

/* Standard category products block shown below a product detail page. The
 * theme's legacy rule gives this block a light background; keep the section
 * dark while preserving white product-image fields. */
#product section.category-products.block.block-section,
body#product section.category-products.block.block-section {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 48px 0 !important;
    background: var(--syscare-black) !important;
    background-color: var(--syscare-black) !important;
    border-top: 1px solid var(--syscare-line) !important;
    color: var(--syscare-text) !important;
    opacity: 1 !important;
}

#product section.category-products.block.block-section .section-title,
#product section.category-products.block.block-section .section-title span,
body#product section.category-products.block.block-section .section-title,
body#product section.category-products.block.block-section .section-title span {
    color: var(--syscare-text) !important;
    opacity: 1 !important;
}

#product section.category-products.block.block-section .section-content,
#product section.category-products.block.block-section .block-content,
body#product section.category-products.block.block-section .section-content,
body#product section.category-products.block.block-section .block-content {
    background: var(--syscare-black-2) !important;
    background-color: var(--syscare-black-2) !important;
    border: 1px solid var(--syscare-line) !important;
    border-radius: 16px !important;
    color: var(--syscare-text) !important;
}

#product section.category-products.block.block-section .products,
#product section.category-products.block.block-section .products-grid,
body#product section.category-products.block.block-section .products,
body#product section.category-products.block.block-section .products-grid {
    background: var(--syscare-black-2) !important;
    background-color: var(--syscare-black-2) !important;
    color: var(--syscare-text) !important;
}

#product section.category-products.block.block-section .product-miniature,
#product section.category-products.block.block-section .product-description,
#product section.category-products.block.block-section .product-information,
body#product section.category-products.block.block-section .product-miniature,
body#product section.category-products.block.block-section .product-description,
body#product section.category-products.block.block-section .product-information {
    background: var(--syscare-black-3) !important;
    background-color: var(--syscare-black-3) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

#product section.category-products.block.block-section .thumbnail-container,
#product section.category-products.block.block-section .thumbnail-container img,
body#product section.category-products.block.block-section .thumbnail-container,
body#product section.category-products.block.block-section .thumbnail-container img {
    background: #fff !important;
    background-color: #fff !important;
}

#product section.category-products.block.block-section .product-title a,
#product section.category-products.block.block-section .product-category-name,
#product section.category-products.block.block-section .product-price,
#product section.category-products.block.block-section .product-price-and-shipping,
body#product section.category-products.block.block-section .product-title a,
body#product section.category-products.block.block-section .product-category-name,
body#product section.category-products.block.block-section .product-price,
body#product section.category-products.block.block-section .product-price-and-shipping {
    color: var(--syscare-text) !important;
}

#product section.category-products.block.block-section .product-category-name,
#product section.category-products.block.block-section .product-price,
#product section.category-products.block.block-section .current-price,
body#product section.category-products.block.block-section .product-category-name,
body#product section.category-products.block.block-section .product-price,
body#product section.category-products.block.block-section .current-price {
    color: var(--syscare-cyan) !important;
}

#product section.category-products.block.block-section .product-add-cart .btn,
#product section.category-products.block.block-section .product-add-cart button,
body#product section.category-products.block.block-section .product-add-cart .btn,
body#product section.category-products.block.block-section .product-add-cart button {
    background: var(--syscare-cyan) !important;
    border-color: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
}

@media (max-width: 767px) {
    .syscare-logo img.logo,
    #desktop_logo img.logo,
    #mobile_logo img.logo {
        max-height: 44px !important;
    }

    .elementor-element-dxvxbi5 .elementor-image-carousel .swiper-slide {
        padding: 0 4px !important;
    }
}

/* Single-page checkout --------------------------------------------------- */
body#checkout {
    background: var(--syscare-black) !important;
    color: var(--syscare-text) !important;
}

body#checkout #main-page-content {
    background: var(--syscare-black) !important;
}

body#checkout #header,
body#checkout #footer,
body#checkout #checkout-footer,
body#checkout .breadcrumb {
    display: none !important;
}

body#checkout #wrapper {
    background: var(--syscare-black) !important;
    margin: 0 !important;
    padding: 0 !important;
}

body#checkout #inner-wrapper {
    max-width: 1440px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 32px 72px !important;
    background: transparent !important;
}

body#checkout #content-wrapper {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

body#checkout #left-column,
body#checkout #right-column {
    display: none !important;
}

body#checkout .syscare-checkout-header {
    display: block !important;
    background: var(--syscare-black-2) !important;
    border-bottom: 1px solid var(--syscare-line) !important;
    min-height: 88px;
}

body#checkout .syscare-checkout-header-inner {
    max-width: 1440px !important;
    min-height: 88px;
    padding: 18px 32px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

body#checkout .syscare-checkout-brand {
    display: inline-flex;
    align-items: center;
    min-width: 190px;
}

body#checkout .syscare-checkout-brand img {
    display: block;
    width: 190px;
    height: auto;
    max-height: 54px;
    object-fit: contain;
}

body#checkout .syscare-checkout-header-actions {
    display: flex;
    align-items: center;
    gap: 24px;
    color: var(--syscare-muted) !important;
    font-size: 13px;
}

body#checkout .syscare-checkout-secure {
    color: var(--syscare-muted) !important;
}

body#checkout .syscare-checkout-secure i {
    color: var(--syscare-cyan) !important;
    margin-right: 6px;
}

body#checkout .syscare-checkout-back,
body#checkout .syscare-checkout-cart-link {
    color: var(--syscare-text) !important;
    text-decoration: none !important;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

body#checkout .syscare-checkout-back:hover,
body#checkout .syscare-checkout-cart-link:hover {
    color: var(--syscare-cyan) !important;
}

body#checkout .syscare-checkout-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 44px 0 0;
}

body#checkout .syscare-checkout-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 32px;
}

body#checkout .syscare-checkout-eyebrow {
    display: block;
    margin-bottom: 8px;
    color: var(--syscare-cyan) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
}

body#checkout .syscare-checkout-heading .page-title {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--syscare-text) !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.08;
}

body#checkout .syscare-checkout-heading .page-title span {
    color: inherit !important;
}

body#checkout .syscare-checkout-heading p {
    margin: 10px 0 0;
    color: var(--syscare-muted) !important;
    font-size: 15px;
}

body#checkout .syscare-checkout-cart-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    border: 1px solid var(--syscare-line);
    border-radius: 9px;
    background: var(--syscare-black-2) !important;
    white-space: nowrap;
}

body#checkout .syscare-checkout-layout {
    align-items: flex-start;
    margin-right: -12px !important;
    margin-left: -12px !important;
}

body#checkout .syscare-checkout-form-column,
body#checkout .syscare-checkout-summary-column {
    padding-right: 12px !important;
    padding-left: 12px !important;
}

body#checkout .syscare-checkout-form-column {
    min-width: 0;
}

body#checkout .syscare-checkout-summary-sticky {
    position: sticky;
    top: 24px;
}

/* Turn Warehouse's accordion-like cards into one readable document. */
body#checkout section.checkout-step,
body#checkout section.checkout-step.-unreachable,
body#checkout section.checkout-step.-reachable {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 1px solid var(--syscare-line) !important;
    border-radius: 14px !important;
    background: var(--syscare-black-2) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .14) !important;
    color: var(--syscare-text) !important;
    opacity: 1 !important;
}

body#checkout section.checkout-step .step-title,
body#checkout section.checkout-step.-current .step-title,
body#checkout section.checkout-step.-reachable .step-title {
    display: flex !important;
    align-items: center;
    min-height: 62px;
    margin: 0 !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid var(--syscare-line) !important;
    border-radius: 14px 14px 0 0;
    background: var(--syscare-black-3) !important;
    color: var(--syscare-text) !important;
    font-size: 20px !important;
    font-weight: 750 !important;
    line-height: 1.2;
}

body#checkout section.checkout-step .step-number,
body#checkout section.checkout-step .step-title .done,
body#checkout section.checkout-step .step-edit {
    display: none !important;
}

body#checkout section.checkout-step .content,
body#checkout section.checkout-step.-current .content,
body#checkout section.checkout-step.-reachable.-complete .content,
body#checkout section.checkout-step.-unreachable .content {
    display: block !important;
    min-height: 0 !important;
    padding: 24px !important;
    background: var(--syscare-black-2) !important;
    color: var(--syscare-text) !important;
}

body#checkout section.checkout-step:last-child {
    margin-bottom: 0 !important;
}

body#checkout section.checkout-step h2,
body#checkout section.checkout-step h3,
body#checkout section.checkout-step h4,
body#checkout section.checkout-step strong,
body#checkout section.checkout-step .h4,
body#checkout section.checkout-step .h5,
body#checkout section.checkout-step .h6 {
    color: var(--syscare-text) !important;
}

body#checkout section.checkout-step p,
body#checkout section.checkout-step label,
body#checkout section.checkout-step .text-muted,
body#checkout section.checkout-step .form-control-comment,
body#checkout section.checkout-step .help-block {
    color: var(--syscare-muted) !important;
}

body#checkout section.checkout-step a {
    color: var(--syscare-cyan) !important;
}

body#checkout section.checkout-step .form-control,
body#checkout section.checkout-step select,
body#checkout section.checkout-step textarea,
body#checkout section.checkout-step input[type="text"],
body#checkout section.checkout-step input[type="email"],
body#checkout section.checkout-step input[type="password"],
body#checkout section.checkout-step input[type="tel"],
body#checkout section.checkout-step input[type="number"] {
    min-height: 46px;
    background: var(--syscare-black-3) !important;
    border: 1px solid #39434d !important;
    border-radius: 8px !important;
    color: var(--syscare-text) !important;
    box-shadow: none !important;
}

body#checkout section.checkout-step textarea {
    min-height: 96px;
}

body#checkout section.checkout-step .form-control:focus,
body#checkout section.checkout-step select:focus,
body#checkout section.checkout-step textarea:focus {
    border-color: var(--syscare-cyan) !important;
    box-shadow: 0 0 0 3px rgba(34, 190, 239, .14) !important;
}

body#checkout section.checkout-step input::placeholder,
body#checkout section.checkout-step textarea::placeholder {
    color: #78838d !important;
}

body#checkout section.checkout-step .form-group {
    margin-bottom: 16px;
}

body#checkout section.checkout-step .btn-primary,
body#checkout #payment-confirmation button {
    min-height: 48px;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--syscare-cyan) !important;
    color: var(--syscare-black) !important;
    font-weight: 800;
    box-shadow: none !important;
}

body#checkout section.checkout-step .btn-primary:hover,
body#checkout #payment-confirmation button:hover {
    background: #5dd4f4 !important;
    color: var(--syscare-black) !important;
}

body#checkout section.checkout-step .custom-radio span,
body#checkout section.checkout-step .custom-checkbox span {
    border-color: #66727d !important;
    background: var(--syscare-black-3) !important;
}

body#checkout section.checkout-step .custom-radio input:checked + span,
body#checkout section.checkout-step .custom-checkbox input:checked + span {
    border-color: var(--syscare-cyan) !important;
    background: var(--syscare-cyan) !important;
}

body#checkout section.checkout-step .address-item,
body#checkout section.checkout-step .js-address-selector,
body#checkout section.checkout-step .delivery-option,
body#checkout section.checkout-step .payment-option,
body#checkout section.checkout-step .additional-information,
body#checkout section.checkout-step .carrier-extra-content {
    background: var(--syscare-black-3) !important;
    border-color: var(--syscare-line) !important;
    color: var(--syscare-text) !important;
}

body#checkout section.checkout-step .delivery-option,
body#checkout section.checkout-step .payment-option {
    margin-bottom: 10px !important;
    padding: 14px !important;
    border: 1px solid var(--syscare-line) !important;
    border-radius: 10px !important;
}

body#checkout section.checkout-step .delivery-option:hover,
body#checkout section.checkout-step .payment-option:hover {
    border-color: var(--syscare-cyan) !important;
}

body#checkout section.checkout-step .carrier-name,
body#checkout section.checkout-step .carrier-delay,
body#checkout section.checkout-step .carrier-price,
body#checkout section.checkout-step .payment-option label,
body#checkout section.checkout-step .payment-option label span {
    color: var(--syscare-text) !important;
}

body#checkout section.checkout-step .alert {
    background: rgba(34, 190, 239, .1) !important;
    border: 1px solid rgba(34, 190, 239, .25) !important;
    color: var(--syscare-text) !important;
}

body#checkout .syscare-checkout-summary-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

body#checkout .syscare-checkout-summary-heading h2 {
    margin: 0;
    color: var(--syscare-text) !important;
    font-size: 22px;
}

body#checkout .syscare-checkout-summary-heading span {
    color: var(--syscare-cyan) !important;
    font-size: 12px;
    font-weight: 700;
}

body#checkout #js-checkout-summary {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--syscare-line) !important;
    border-radius: 14px !important;
    background: var(--syscare-black-2) !important;
    color: var(--syscare-text) !important;
}

body#checkout #js-checkout-summary .card-body,
body#checkout #js-checkout-summary .cart-summary-subtotals,
body#checkout #js-checkout-summary .cart-summary-totals,
body#checkout #js-checkout-summary .cart-voucher {
    background: var(--syscare-black-2) !important;
    color: var(--syscare-text) !important;
}

body#checkout #js-checkout-summary .card-body {
    padding: 22px !important;
}

body#checkout #js-checkout-summary hr {
    margin: 0 !important;
    border-top: 1px solid var(--syscare-line) !important;
}

body#checkout #js-checkout-summary .cart-summary-products,
body#checkout #js-checkout-summary .cart-summary-product,
body#checkout #js-checkout-summary .media-body,
body#checkout #js-checkout-summary .media-left {
    background: transparent !important;
    color: var(--syscare-text) !important;
}

body#checkout #js-checkout-summary .cart-summary-products > div:first-child {
    color: var(--syscare-text) !important;
    font-weight: 700;
}

body#checkout #js-checkout-summary .cart-summary-products > div:first-child a {
    display: none !important;
}

body#checkout #js-checkout-summary #cart-summary-product-list {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    margin-top: 18px;
}

body#checkout #js-checkout-summary .cart-summary-product {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--syscare-line);
}

body#checkout #js-checkout-summary .cart-summary-product:last-child {
    border-bottom: 0;
}

body#checkout #js-checkout-summary .cart-summary-product img {
    width: 68px;
    height: 68px;
    padding: 4px;
    border-radius: 8px;
    background: #fff !important;
    object-fit: contain;
}

body#checkout #js-checkout-summary .cart-summary-product .product-name,
body#checkout #js-checkout-summary .cart-summary-product .value,
body#checkout #js-checkout-summary .cart-summary-product .product-line-info,
body#checkout #js-checkout-summary .cart-summary-product .pull-right {
    color: var(--syscare-text) !important;
}

body#checkout #js-checkout-summary .cart-summary-product .product-quantity,
body#checkout #js-checkout-summary .cart-summary-product .label {
    color: var(--syscare-muted) !important;
}

body#checkout #js-checkout-summary .cart-summary-subtotals,
body#checkout #js-checkout-summary .cart-summary-totals,
body#checkout #js-checkout-summary .cart-voucher {
    padding: 18px 22px !important;
}

body#checkout #js-checkout-summary .label,
body#checkout #js-checkout-summary .value,
body#checkout #js-checkout-summary .cart-summary-line {
    color: var(--syscare-muted) !important;
}

body#checkout #js-checkout-summary .cart-summary-line.cart-total .label,
body#checkout #js-checkout-summary .cart-summary-line.cart-total .value,
body#checkout #js-checkout-summary .cart-total {
    color: var(--syscare-text) !important;
    font-size: 18px;
    font-weight: 800;
}

body#checkout #js-checkout-summary .cart-total .value,
body#checkout #js-checkout-summary .price {
    color: var(--syscare-cyan) !important;
}

body#checkout #js-checkout-summary input.form-control {
    min-height: 42px;
}

@media (max-width: 991px) {
    body#checkout .syscare-checkout-summary-sticky {
        position: static;
        margin-top: 24px;
    }

    body#checkout .syscare-checkout-summary-column {
        order: 2;
    }
}

@media (max-width: 767px) {
    body#checkout #inner-wrapper {
        padding: 0 16px 48px !important;
    }

    body#checkout .syscare-checkout-header-inner {
        min-height: 76px;
        padding: 14px 16px !important;
    }

    body#checkout .syscare-checkout-brand img {
        width: 150px;
    }

    body#checkout .syscare-checkout-header-actions {
        gap: 0;
    }

    body#checkout .syscare-checkout-secure {
        display: none;
    }

    body#checkout .syscare-checkout-page {
        padding-top: 28px;
    }

    body#checkout .syscare-checkout-heading {
        display: block;
        margin-bottom: 24px;
    }

    body#checkout .syscare-checkout-cart-link {
        margin-top: 18px;
    }

    body#checkout section.checkout-step .step-title {
        min-height: 56px;
        padding: 16px 18px !important;
        font-size: 18px !important;
    }

    body#checkout section.checkout-step .content {
        padding: 18px !important;
    }
}