.page-wrapper{max-width:100%;}
.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main{max-width:1440px;}
.page-header{background-color:#012a3b;border-color:#e8edf2;}
.page-header .panel.wrapper{background-color:#012a3b;}
.page-header .block-search .input-text{border-color:#ebebeb;background:#f3f3f3;}
.page-header .block-search.inline .action.close{color:#fff;}
.action.primary{background:#ea1819;border-color:#ea1819;}
.action.primary:hover, .action.primary:focus, .action.primary:active{background:#ea1819;border-color:#ea1819;}
.tocart.action, .block.soldtogether-block .soldtogether-cart-btn, .bundle-actions .action.primary.customize{background:#ea1819;border-color:#ea1819;}
.tocart.action:hover, .block.soldtogether-block .soldtogether-cart-btn:hover, .bundle-actions .action.primary.customize:hover, .tocart.action:active, .block.soldtogether-block .soldtogether-cart-btn:active, .bundle-actions .action.primary.customize:active, .tocart.action:focus, .block.soldtogether-block .soldtogether-cart-btn:focus, .bundle-actions .action.primary.customize:focus{background:#ea1819;border-color:#ea1819;}
.page-title-wrapper .page-title, .catalog-product-view .column.main > .block .block-title [role="heading"]{font-family:'Work Sans', sans-serif;color:#012a3b;}
div.block .block-title strong, .block.askit-question-form > .block-title strong, .contact.form .legend, .column.main .block-title [aria-level="3"], div.block .content-heading [role="heading"]{font-family:'Work Sans', sans-serif;color:#012a3b;}
.product-info-main .product-info-price .price-box .price-container [data-price-type=finalPrice] .price, .product-info-main .product-info-price .price-box .price-container [data-price-type=minPrice] .price, .product-info-main .product-info-price .price-box .price-container [data-price-type=maxPrice] .price, .bundle-options-container .block-bundle-summary .price-box [data-price-type=finalPrice] .price{color:#ea1819;}
/* ==========================================================================
   FLUIDICS AJAXSEARCH — COSMETIC / MUTABLE v6
   Location target: own frontend stylesheet, e.g.
                    Magento_Theme/web/css/ajaxsearch-editorial.css
                    loaded via default.xml   <css src="css/ajaxsearch-editorial.css"/>

   This file holds EVERYTHING that is easy to tweak:
     - colors
     - fonts and typography
     - hover states
     - visual accents (title bar, badge)

   Structural layout lives in ajaxsearch-structure.css (inside _argento_custom.less)
   and should not need editing.
   ──────────────────────────────────────────────────────────────────────────
   Design tokens — edit here to restyle the whole dropdown
   ──────────────────────────────────────────────────────────────────────────
   --fl-dark        #012a3b   site navigation blue — text, active state
   --fl-accent      #0066cc   h1 accent blue — title left bar
   --fl-red         #ea1819   product-page red — price, count badge
   --fl-cream       #F7F5EF   sidebar + photo background
   ========================================================================== */

.tt-menu.block-swissup-ajaxsearch-results {
    --fl-dark:        #012a3b;
    --fl-accent:      #0066cc;
    --fl-red:         #ea1819;
    --fl-cream:       #F7F5EF;
    --fl-border-soft: rgba(0, 0, 0, 0.08);
    --fl-border:      rgba(0, 0, 0, 0.12);
    --fl-hover-bg:    rgba(1, 42, 59, 0.08);
    --fl-font:        'Work Sans', sans-serif;
}


/* ==========================================================================
   MENU SHELL
   ========================================================================== */
.tt-menu.block-swissup-ajaxsearch-results {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 0.5px solid var(--fl-border) !important;
    box-shadow: 0 10px 40px rgba(1, 42, 59, 0.15) !important;
}

.tt-menu .tt-dataset.wrapper.grid.grid-product {
    background: #ffffff !important;
    font-family: var(--fl-font) !important;
}

.tt-menu .custom-item-info-wrapper {
    background: var(--fl-cream) !important;
    border-right: 0.5px solid var(--fl-border-soft) !important;
}


/* ==========================================================================
   SECTION TITLES — h1-style vertical accent
   4-class specificity to beat any competing rule in _argento_custom.less
   ========================================================================== */
.tt-menu.block-swissup-ajaxsearch-results .tt-dataset .ajaxsearch-title {
    font-family: var(--fl-font) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.25 !important;
    color: var(--fl-dark) !important;
    text-transform: uppercase !important;
    margin: 0 0 14px !important;
    padding: 2px 0 2px 12px !important;
    border: none !important;
    border-left: 4px solid var(--fl-accent) !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: block !important;
}


/* ==========================================================================
   SIDEBAR ITEMS — Kategorien + Suchbegriffe (identical look)
   ========================================================================== */

/*
 * Force weight 400 everywhere in sidebar items.
 * Categories render as <a> inside .qs-option-name (weight 400 by default).
 * Search terms render bare text in .qs-option-name (inherits 500).
 * Without this normalization, Suchbegriffe looked visually bolder.
 */
.tt-menu .category-item-info,
.tt-menu .popular-item-info,
.tt-menu .category-item-info .qs-option-name,
.tt-menu .popular-item-info .qs-option-name,
.tt-menu .category-item-info a,
.tt-menu .popular-item-info a {
    font-weight: 400 !important;
}

.tt-menu .category-item-info,
.tt-menu .popular-item-info {
    color: var(--fl-dark) !important;
    font-size: 13px !important;
    background: transparent !important;
    border-radius: 8px !important;
    transition: background 0.15s ease !important;
}

.tt-menu .category-item-info a,
.tt-menu .popular-item-info a {
    color: inherit !important;
    text-decoration: none !important;
    padding: 0 !important;
    display: block !important;
}

.tt-menu .category-item-info:hover,
.tt-menu .popular-item-info:hover,
.tt-menu .category-item-info.tt-cursor,
.tt-menu .popular-item-info.tt-cursor {
    background: var(--fl-hover-bg) !important;
}

/* First Kategorien item — primary highlight. Suchbegriffe has no highlight. */
.tt-menu .category-item-info-wrapper .category-item-info:first-of-type,
.tt-menu .category-item-info-wrapper .category-item-info:first-of-type:hover {
    background: var(--fl-dark) !important;
    color: #ffffff !important;
}
.tt-menu .category-item-info-wrapper .category-item-info:first-of-type a {
    color: #ffffff !important;
}

/* Red count-badge on search-term items */
.tt-menu .popular-item-info .amount {
    font-size: 10px !important;
    font-weight: 500 !important;
    color: var(--fl-red) !important;
    font-variant-numeric: tabular-nums !important;
    background: rgba(234, 24, 25, 0.08) !important;
    padding: 2px 7px !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
}


/* ==========================================================================
   PRODUCT CARDS
   ========================================================================== */
.tt-menu .product-item-info.tt-suggestion {
    background: #ffffff !important;
    border: 0.5px solid var(--fl-border) !important;
    border-radius: 12px !important;
    transition: border-color 0.15s ease, transform 0.15s ease !important;
}
.tt-menu .product-item-info.tt-suggestion:hover,
.tt-menu .product-item-info.tt-suggestion.tt-cursor {
    border-color: var(--fl-dark) !important;
    transform: translateY(-1px) !important;
}

/* Photo background */
.tt-menu .product-item-info.tt-suggestion .product-item-photo {
    background: var(--fl-cream) !important;
}

/* Product name */
.tt-menu .product-item-info.tt-suggestion .product-item-link {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: var(--fl-dark) !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 51px !important;
}

/* SKU — muted dark-blue, tabular digits */
.tt-menu .product-item-info.tt-suggestion .product-info-stock-sku .value {
    font-size: 10px !important;
    font-weight: 500 !important;
    color: var(--fl-dark) !important;
    opacity: 0.7 !important;
    letter-spacing: 0.02em !important;
    font-variant-numeric: tabular-nums !important;
}

/* Price */
.tt-menu .product-item-info.tt-suggestion .price-box {
    border-top: 0.5px solid var(--fl-border-soft) !important;
}
.tt-menu .product-item-info.tt-suggestion .price,
.tt-menu .product-item-info.tt-suggestion .symbol.after {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--fl-red) !important;
    letter-spacing: -0.01em !important;
    font-variant-numeric: tabular-nums !important;
}

/* VAT-suffix next to price (pseudo element) */
.tt-menu .product-item-info.tt-suggestion .price-box::after {
    content: 'exkl. MwSt.' !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    color: #999999 !important;
}
html[lang="en"] .tt-menu .product-item-info.tt-suggestion .price-box::after,
body.store-view-en .tt-menu .product-item-info.tt-suggestion .price-box::after {
    content: 'excl. VAT' !important;
}