body{background-color:#F4F7FB;--container-max-width:100%;}
.page-wrapper{background-color:#FFFFFF;}
:root, .block-swissup-ajaxsearch-results, .navpro-dropdown, .navigation ul a{--base-color:16,24,40;}
:root{--brand-color:0,174,239;--brand-hover-color:0,143,224;--brand-text-color:0,119,182;--pastel-color:244,247,251;--pastel-darken-color:230,236,243;}
.page-header .panel.wrapper{background-color:#080B18;}
.page-header .header.panel{color:#D8E2F0;}
.page-header{background-color:#0B1020;}
.page-header .header.content, .page-header .header.content li > .level-top{color:#FFFFFF;}
.action.primary, .action-primary, [type='submit'], .pagebuilder-button-primary, .block-highlight .view{--button-bg:0,174,239;--button-color:255,255,255;--button-hover-bg:0,143,224;}
.action.primary:hover, .action-primary:hover, [type='submit']:hover, .pagebuilder-button-primary:hover, .block-highlight .view:hover{--button-color:255,255,255;}
button, input[type='button'], .pagebuilder-button-secondary{--button-bg:230,236,243;--button-color:16,24,40;--button-hover-bg:216,226,240;}
button:hover, input[type='button']:hover, .pagebuilder-button-secondary:hover, button:focus, input[type='button']:focus, .pagebuilder-button-secondary:focus{--button-color:11,16,32;}
.primary.button-hero, .button-hero .pagebuilder-button-primary, .primary.button-hero::after, .button-hero .pagebuilder-button-primary::after{--button-bg:0,174,239;--button-hover-bg:0,143,224;}
.primary.button-hero::before, .button-hero .pagebuilder-button-primary::before{background:#0B1020;}
.primary.button-hero, .button-hero .pagebuilder-button-primary{--button-color:255,255,255;}
.primary.button-hero:hover::before, .button-hero .pagebuilder-button-primary:hover::before{background:#05070F;}
.primary.button-hero:hover, .button-hero .pagebuilder-button-primary:hover{--button-color:255,255,255;}
.primary.button-hero.inverted, .button-hero.inverted .pagebuilder-button-primary, .primary.button-hero.inverted::after, .button-hero.inverted .pagebuilder-button-primary::after{--button-bg:255,255,255;--button-hover-bg:234,243,250;}
.primary.button-hero.inverted::before, .button-hero.inverted .pagebuilder-button-primary::before{background:#00AEEF;}
.primary.button-hero.inverted, .button-hero.inverted .pagebuilder-button-primary{--button-color:11,16,32;}
.primary.button-hero.inverted:hover::before, .button-hero.inverted .pagebuilder-button-primary:hover::before{background:#008FE0;}
.primary.button-hero.inverted:hover, .button-hero.inverted .pagebuilder-button-primary:hover{--button-color:5,7,15;}
.button-ghost button, .button-ghost .pagebuilder-button-primary, .button-ghost .pagebuilder-button-secondary, .block-minicart .block-content > .actions .secondary .action, .block-wishlist .actions-toolbar .primary a, .block-highlight .view{--button-bg:transparent;--button-border-color:0,174,239;--button-color:0,174,239;--button-hover-bg:0,174,239;}
.button-ghost button:hover, .button-ghost .pagebuilder-button-primary:hover, .button-ghost .pagebuilder-button-secondary:hover, .block-minicart .block-content > .actions .secondary .action:hover, .block-wishlist .actions-toolbar .primary a:hover, .block-highlight .view:hover{--button-border-color:0,174,239;--button-color:255,255,255;}
@media (max-width: 767px) {
  .nav-open .nav-sections,
  .nav-open .nav-sections-item-content,
  .nav-open .navigation,
  .nav-open .navigation ul,
  .nav-open .navigation li {
    background: #ffffff !important;
    color: #101828 !important;
  }

  .nav-open .navigation a,
  .nav-open .navigation span,
  .nav-open .navigation .level-top,
  .nav-open .navigation .submenu a,
  .nav-open .navigation .submenu span {
    color: #101828 !important;
  }

  .nav-open .navigation a:hover,
  .nav-open .navigation .level-top:hover,
  .nav-open .navigation .active > a {
    color: #00AEEF !important;
  }

  .nav-open .panel.header,
  .nav-open .header.panel,
  .nav-open .header-panel-info,
  .nav-open .header-panel-info a,
  .nav-open .header-panel-info span {
    color: #101828 !important;
  }

  .nav-open .nav-sections .color-muted,
  .nav-open .nav-sections .muted,
  .nav-open .nav-sections .subtitle {
    color: #667085 !important;
  }

  .nav-open .nav-sections svg,
  .nav-open .nav-sections .color-brand {
    color: #00AEEF !important;
  }
}



/* =========================================
   Minicart buttons — clean sales UI fix
   OutletCity Tech
   ========================================= */

/* Common button reset inside minicart */
.minicart-wrapper .block-minicart .block-content > .actions a,
.minicart-wrapper .block-minicart .block-content > .actions button,
.block-minicart .block-content > .actions a,
.block-minicart .block-content > .actions button {
    min-height: 52px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

/* Primary checkout button */
.minicart-wrapper .block-minicart .block-content > .actions .primary .action.checkout,
.block-minicart .block-content > .actions .primary .action.checkout {
    --button-bg: 0, 174, 239;
    --button-border-color: 0, 174, 239;
    --button-color: 255, 255, 255;
    --button-hover-bg: 0, 142, 202;
    --button-hover-border-color: 0, 142, 202;
    --button-hover-color: 255, 255, 255;

    width: 100% !important;
    color: #ffffff !important;
    background: #00aeef !important;
    border: 1px solid #00aeef !important;
}

.minicart-wrapper .block-minicart .block-content > .actions .primary .action.checkout:hover,
.minicart-wrapper .block-minicart .block-content > .actions .primary .action.checkout:focus,
.minicart-wrapper .block-minicart .block-content > .actions .primary .action.checkout:active,
.block-minicart .block-content > .actions .primary .action.checkout:hover,
.block-minicart .block-content > .actions .primary .action.checkout:focus,
.block-minicart .block-content > .actions .primary .action.checkout:active {
    color: #ffffff !important;
    background: #008eca !important;
    border-color: #008eca !important;
}

/* Force text inside checkout */
.minicart-wrapper .block-minicart .block-content > .actions .primary .action.checkout span,
.block-minicart .block-content > .actions .primary .action.checkout span {
    color: inherit !important;
}

/* Secondary View/Edit Cart button */
.minicart-wrapper .block-minicart .block-content > .actions .secondary .action.viewcart,
.block-minicart .block-content > .actions .secondary .action.viewcart {
    --button-bg: 255, 255, 255;
    --button-border-color: 0, 174, 239;
    --button-color: 0, 121, 180;
    --button-hover-bg: 238, 249, 255;
    --button-hover-border-color: 0, 142, 202;
    --button-hover-color: 0, 92, 145;

    width: 100% !important;
    color: #0079b4 !important;
    background: #ffffff !important;
    border: 1px solid #00aeef !important;
}

/* Secondary hover — no white text bug */
.minicart-wrapper .block-minicart .block-content > .actions .secondary .action.viewcart:hover,
.minicart-wrapper .block-minicart .block-content > .actions .secondary .action.viewcart:focus,
.minicart-wrapper .block-minicart .block-content > .actions .secondary .action.viewcart:active,
.block-minicart .block-content > .actions .secondary .action.viewcart:hover,
.block-minicart .block-content > .actions .secondary .action.viewcart:focus,
.block-minicart .block-content > .actions .secondary .action.viewcart:active {
    color: #005c91 !important;
    background: #eef9ff !important;
    border-color: #008eca !important;
}

/* Force text inside secondary button */
.minicart-wrapper .block-minicart .block-content > .actions .secondary .action.viewcart span,
.block-minicart .block-content > .actions .secondary .action.viewcart span {
    color: inherit !important;
}

/* Space between buttons */
.minicart-wrapper .block-minicart .block-content > .actions .primary,
.block-minicart .block-content > .actions .primary {
    margin-bottom: 10px !important;
}

.minicart-wrapper .block-minicart .block-content > .actions .secondary,
.block-minicart .block-content > .actions .secondary {
    margin-top: 0 !important;
}

/* Keyboard focus — visible but clean */
.minicart-wrapper .block-minicart .block-content > .actions .action:focus-visible,
.block-minicart .block-content > .actions .action:focus-visible {
    outline: 2px solid rgba(0, 174, 239, .35) !important;
    outline-offset: 2px !important;
}



/* =========================================
   Checkout header — clean OutletCity Tech style
   ========================================= */

.checkout-index-index .page-header,
.checkout-index-index header.page-header {
    background: #070b16 !important;
    border-bottom: 1px solid rgba(0, 174, 239, 0.22) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
    min-height: 68px !important;
    margin: 0 !important;
}

.checkout-index-index .page-header .header.content,
.checkout-index-index header.page-header .header.content {
    min-height: 68px !important;
    height: 68px !important;
    padding: 0 18px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    background: transparent !important;
}

/* Logo position and size */
.checkout-index-index .page-header .logo,
.checkout-index-index header.page-header .logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.checkout-index-index .page-header .logo img,
.checkout-index-index header.page-header .logo img {
    display: block !important;
    max-height: 42px !important;
    width: auto !important;
}

/* Remove layout jumping around header */
.checkout-index-index .page-wrapper {
    background: #ffffff !important;
}

.checkout-index-index .checkout-container {
    margin-top: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .checkout-index-index .page-header,
    .checkout-index-index header.page-header {
        min-height: 60px !important;
    }

    .checkout-index-index .page-header .header.content,
    .checkout-index-index header.page-header .header.content {
        min-height: 60px !important;
        height: 60px !important;
        padding: 0 12px !important;
    }

    .checkout-index-index .page-header .logo img,
    .checkout-index-index header.page-header .logo img {
        max-height: 36px !important;
    }
}





/* Outlet City Tech — wider category filters for Breeze / Argento Business */
@media (min-width: 768px) {
    body.catalog-category-view.page-layout-2columns-left,
    body.catalogsearch-result-index.page-layout-2columns-left {
        --sidebar-width: 320px;
        --sidebar-gap: 30px;
    }

    body.catalog-category-view.page-layout-2columns-left .page-main > .columns,
    body.catalogsearch-result-index.page-layout-2columns-left .page-main > .columns {
        grid-template-columns: var(--sidebar-width) 1fr;
        column-gap: var(--sidebar-gap);
    }

    body.catalog-category-view .sidebar-main,
    body.catalogsearch-result-index .sidebar-main {
        width: var(--sidebar-width);
        max-width: var(--sidebar-width);
        min-width: var(--sidebar-width);
    }

    body.catalog-category-view .filter,
    body.catalogsearch-result-index .filter {
        width: 100%;
    }

    body.catalog-category-view .filter-options-content .item,
    body.catalogsearch-result-index .filter-options-content .item {
        margin-bottom: 10px;
        line-height: 1.35;
    }

    body.catalog-category-view .filter-options-content a,
    body.catalogsearch-result-index .filter-options-content a {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    body.catalog-category-view .filter-options-title,
    body.catalogsearch-result-index .filter-options-title {
        font-size: 18px;
        line-height: 1.3;
    }
}



.cms-home .business-stripe-bottom-left-3,
.cms-home .business-stripe-bottom-left-3::before,
.cms-home .business-stripe-bottom-left-3::after {
display: none !important;
content: none !important;
}





/* Outlet City Tech — Call for Price button on product page only */

.product-info-main .amasty-hide-price-container {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 190px !important;
min-height: 48px !important;
margin: 12px 0 18px !important;
padding: 13px 24px !important;
box-sizing: border-box !important;
border: 1px solid #101828 !important;
border-radius: 8px !important;
background: #101828 !important;
color: #ffffff !important;
cursor: pointer !important;
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 800 !important;
letter-spacing: 0.02em !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: 0 8px 18px rgba(16, 24, 40, 0.18) !important;
}

.product-info-main .amasty-hide-price-container:hover,
.product-info-main .amasty-hide-price-container:focus {
border-color: #000000 !important;
background: #000000 !important;
color: #ffffff !important;
text-decoration: none !important;
}

.product-info-main .amasty-hide-price-container .amasty-hide-price-text {
display: block !important;
color: #ffffff !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
text-align: center !important;
text-decoration: none !important;
}

@media (max-width: 767px) {
.product-info-main .amasty-hide-price-container {
width: 100% !important;
min-width: 0 !important;
min-height: 46px !important;
padding: 12px 16px !important;
font-size: 14px !important;
}
}



/* Outlet City Tech — Hide blue stripe above Google Reviews */
.page-bottom .block-static-block:has(.business-section-striped)::after {
display: none !important;
content: none !important;
width: 0 !important;
height: 0 !important;
border: 0 !important;
}