:root, .block-swissup-ajaxsearch-results, .navpro-dropdown, .navigation ul a{--base-color:69,69,69;}
.page-header .panel.wrapper{background-color:#434b55;}
.page-header{background-color:#660033;}
.action.primary, .action-primary, [type='submit'], .pagebuilder-button-primary, .block-highlight .view{--button-bg:102,0,51;--button-color:255,255,255;--button-hover-bg:128,0,64;}
.action.primary:hover, .action-primary:hover, [type='submit']:hover, .pagebuilder-button-primary:hover, .block-highlight .view:hover{--button-color:255,255,255;}
.primary.button-hero, .button-hero .pagebuilder-button-primary, .primary.button-hero::after, .button-hero .pagebuilder-button-primary::after{--button-bg:40,45,48;--button-hover-bg:66,71,74;}
.primary.button-hero::before, .button-hero .pagebuilder-button-primary::before{background:#660033;}
.primary.button-hero:hover::before, .button-hero .pagebuilder-button-primary:hover::before{background:#800040;}
/* =====================================================
   1. GLOBAL / ADMIN
===================================================== */

/* Hide admin data grid wrapper (backend adjustment) */
.admin__data-grid-outer-wrap {
    display: none;
}



/* =====================================================
   2. PRODUCT GRID (Grid + Carousel Shared Styles)
===================================================== */

/* Adjust gap between product items when details exist */
.products-grid .product-items:has(.product-item-details),
[data-appearance="carousel"] .product-items:has(.product-item-details) {
    gap: 3px;
}

/* Reset product details positioning and spacing */
.products-grid .product-items:has(.product-item-details) .product-item-details,
[data-appearance="carousel"] .product-items:has(.product-item-details) .product-item-details {
    position: static !important;
    padding: 0.75rem .5rem;
}

/* Adjust product info container padding */
.products-grid .product-items:has(.product-item-details) .product-item-info,
[data-appearance="carousel"] .product-items:has(.product-item-details) .product-item-info:has(.price-box) {
    padding: 6px 6px 15px 6px;
}

/* Reposition secondary actions (wishlist, compare, etc.) */
.products-grid .product-items:has(.product-item-details) .actions-secondary,
[data-appearance="carousel"] .product-items:has(.product-item-details) .actions-secondary {
    top: 20px;
    bottom: auto;
}

/* Hide Add to Cart button inside product cards */
.products-grid .product-items:has(.product-item-details) .actions-primary .tocart,
[data-appearance="carousel"] .product-items:has(.product-item-details) .actions-primary .tocart {
    display: none;
}

/* Product name styling (multi-line clamp + typography) */
.products-grid .product-items:has(.product-item-details) .product-item-name a,
[data-appearance="carousel"] .product-items:has(.product-item-details) .product-item-name a {
    -webkit-line-clamp: 3;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
}



/* =====================================================
   3. PRODUCT PAGE
===================================================== */

/* Hide SKU on product page */
.product-info-main .attribute.sku {
    display: none;
}

/* Product title inside listing blocks */
strong.product.name.product-item-name {
    font-size: 14px;
    font-weight: 500;
}

/* Adjust list product margins */
ol.products.list.items.product-items {
    margin: -10px;
}

/* Product page block titles */
.catalog-product-view .main > .block .block-title {
    line-height: 1.15;
    font-size: 20px;
}

/* Decorative underline/accent for block titles */
.catalog-product-view .main > .block .block-title strong::after {
    background: #eddfd3;
}



/* =====================================================
   4. PRODUCT TABS
===================================================== */

/* Default tab background + text color */
[data-mage-init*='"tabs":'],
.default[data-content-type="easytabs"] > [data-role="collapsible"],
[data-mage-init*='"tabs":'] > [data-role="collapsible"] {
    background: #eddfd3;
    color: #454545;
}

/* Hover and active tab state */
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:hover,
[data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"] {
    background: #fbf9f6;
    color: #454545;
}

/* Tab content background */
[data-mage-init*='"tabs":'] > [data-role="content"] {
    background: #fbf9f6;
}

/* Remove unwanted left spacing on desktop */
@media (min-width: 768px) {
    .default[data-content-type="easytabs"] > [data-role="collapsible"],
    [data-mage-init*='"tabs":'] > [data-role="collapsible"] {
        margin-left: 0 !important;
    }
}



/* =====================================================
   5. RESPONSIVE - MOBILE
===================================================== */

/* Product page layout restructuring on small screens */
@media (max-width: 639px) {

    .product-info-wrapper {
        display: grid;
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr;
        grid-template-areas:
            "media"
            "title"
            "main";
        gap: 1rem;
        margin-bottom: 1rem;
    }

    /* Hide breadcrumbs on mobile */
    .breadcrumbs {
        display: none;
    }

    /* Slight zoom effect on main product image */
    .product.media .main-image {
        transform: scale(1.06);
        margin-top: -8px;
    }
}

/* Hide header top panel on tablet/mobile */
@media (max-width: 767px) {
    .page-header .panel.wrapper {
        display: none;
    }
}



/* =====================================================
   6. CONTACT PAGE
===================================================== */

/* Light background for contact and vendor container */
.column.main .contact-wrapper,
.vendor-profile-container {
    background: #fbf9f6;
}



/* =====================================================
   7. VENDOR PROFILE
===================================================== */

/* Hide vendor logo */
.vendor-profile-logo {
    display: none;
    width: 0;
}

/* Vendor description layout */
.vendor-profile-description {
    display: block;
    width: calc(100% - 40px);
    float: left;
    padding: 0 20px;
}

/* Vendor title spacing reset */
.vendor-profile-description h2.vendor-title {
    margin: 0 !important;
}

/* Vendor title typography */
.vendor-profile-description h2.vendor-title a {
    font-size: 14px;
    font-weight: 400;
}

/* Hide vendor meta info and secondary actions */
.vendor-profile-description .vendor-info,
.vendor-page .actions-secondary {
    display: none;
}

/* Make vendor main column full width */
.vendor-page.page-layout-2columns-left .column.main {
    width: 100%;
}



/* =====================================================
   8. TYPOGRAPHY SYSTEM
===================================================== */

/* H1 Styling */
h1, .h1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.1;
}

/* H2 + Contact legend */
h2, .h2,
.contact-wrapper .form.contact .legend {
    font-size: 22px;
    font-weight: 500;
}

/* Breadcrumb typography */
.breadcrumbs {
    font-size: 13px;
}

/* Main navigation links */
.navigation a.level-top {
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
}



/* =====================================================
   9. FILTERS / LAYERED NAVIGATION
===================================================== */

/* Filter section titles */
.block.filter .filter-options-title {
    font-size: 15px;
    font-weight: 500;
}

/* Filter option links */
.block.filter .filter-options-content li.item > a:has(.count) {
    font-size: 14px;
}

/* Filter product count badge */
.block.filter .filter-options-content li.item .count {
    margin-left: auto;
    font-size: 14px;
    font-weight: 400;
    color: #17861b;
}

/* Hide filter title in specific mobile layouts */
@media (max-width: 767.98px) {
 .vendor-page .page-layout-1column .block.filter .filter-title,
 .vendor-page .sidebar .block.filter .filter-title {
        display: none;
    }
}



/* =====================================================
   10. PRICE & SWATCH CUSTOMIZATION
===================================================== */

/* Price color styling */
.special-price,
.price-box, .product-item .price-box {
    color: rgb(152 39 4);
}

/* Selected swatch visual enhancement */
.swatch-option.selected::before {
    box-shadow: 0 0 0 2px inset #660033,
                0 0 0 3px inset #fff;
}



/* =====================================================
   11. SIDEBAR CUSTOMIZATION
===================================================== */

/* Sidebar product name styling */
.sidebar.sidebar-additional strong.product-item-name {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
}

/* Adjust promo labels positioning */
.sidebar.sidebar-additional .prolabels-wrapper .top-left {
    top: -12px;
    left: -20px;
    scale: .7;
}



/* =====================================================
   12. BUTTON CUSTOMIZATION
===================================================== */

/* Hero button arrow/icon color */
.primary.button-hero::after,
.button-hero .pagebuilder-button-primary::after {
    color: #fff;
}



/* =====================================================
   13. IMAGE & MEDIA FIXES
===================================================== */

/* Ensure product images fill container properly */
.product-item-info picture {
    display: block;
    width: 100%;
    height: 100%;
}

/* Header search background */
:where(.header) .minisearch .control {
    background: #292d30;
}

/* Fix gallery dots stacking */
.breeze-gallery:not(.opened) .thumbnails.dots {
    z-index: 20;
}

/* Amazon stripe layout adjustments */
.amazon-stripe .product-item-name {
    font-size: 13px;
    font-weight: 600;
}

.amazon-stripe .amazonstyle-images {
    text-align: left;
}



/* =====================================================
   14. VISIBILITY UTILITIES (Responsive Helpers)
===================================================== */

/* Hide on mobile */
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}

/* Hide on tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .hide-on-tablet {
        display: none !important;
    }
}

/* Hide on desktop */
@media (min-width: 1025px) {
    .hide-on-desktop {
        display: none !important;
    }
}



/* =====================================================
   15. CUSTOMER REQUEST / TABLE STYLING
===================================================== */

/* Zebra stripe for even rows */
.box-customer-request .data-table .even {
    background: #d2d2d2;
}

/* Hide file uploader field */
.request-information .field.uploader {
    display: none;
}


/* =====================================================
   16. CUSTOMER ALSO BOUGHT / SLICK ARROW ISSUE
===================================================== */

.soldtogether-swiper .slick-arrow {
    top: 113%;
}
.soldtogether-swiper {
    margin-bottom: 40px;
}

#free-shipping-bar-message.position-message {
    position: relative !important;
}

/* Hides the Tax row in the cart and checkout totals summary */
.totals.tax, 
.checkout-cart-index .totals-tax, 
.opc-block-summary .table-totals tr.totals-tax {
    display: none !important;
}

/*Actions background color and radius*/
.actions-secondary .action {
    background: #ffffffa8;
    border-radius: 20px;
}


.old-price {
    color: rgb(71 71 71 / 97%);
}
.color-muted {
    color: #404040 !important;
}
.price-label, .price-box .label, .msrp-message {
    color: rgb(27 27 27);
}

.block.filter .content .count, .block.filter .filter-options .count {
    color: #007e0a;
}


.recent.products-list span.prolabel {
   display:none;
}

@media (min-width: 768px) {
    .column:not(.sidebar-main) .form.contact, .column:not(.sidebar-additional) .form.contact {
        width: auto;
        float: inherit;
    }
}

/* Target the items inside the sitemap content block */
.sitemap-block-content li:nth-child(odd),
.sitemap-block-content div:nth-child(odd),
.sitemap-block-content a:nth-of-type(odd) {
    background-color: #fbf9f6; 
}

.sitemap-block-content li:nth-child(even),
.sitemap-block-content div:nth-child(even),
.sitemap-block-content a:nth-of-type(even) {
    background-color: #ffffff; /* White */
}

/* Ensure the background stretches and has some breathing room */
.sitemap-block-content li, 
.sitemap-block-content a {
    display: block;
    padding: 10px 15px;
    margin: 0;
    transition: background-color 0.2s ease;
}

/* Optional: Add a subtle hover effect for better UX */
.sitemap-block-content li:hover,
.sitemap-block-content a:hover {
    background-color: #f0f0f0 !important;
    text-decoration: none;
}