/* 4MOTOKZ_HOME_GRAPHITE_FIX_V1: homepage only; native markup and handlers stay. */
html.f4m-home-graphite-v1 header .top-menu-line {
    background: #171c23 !important; /* The native template has an inline white background. */
    color: #fff;
    border-bottom: 1px solid #353e48;
}
html.f4m-home-graphite-v1 header .top-menu-line .navbar {
    background: transparent;
    border-color: transparent;
}
html.f4m-home-graphite-v1 header .top-menu-line .navbar-nav > li > a,
html.f4m-home-graphite-v1 header .top-menu-line .navbar-nav > .active > a,
html.f4m-home-graphite-v1 header .top-menu-line .new-header-user-box > a,
html.f4m-home-graphite-v1 header .top-menu-line .new-header-user-box > .dropdown-toggle > a {
    color: #fff;
    font-weight: 600;
    opacity: 1;
}
html.f4m-home-graphite-v1 header .top-menu-line .navbar-nav > li > a:hover,
html.f4m-home-graphite-v1 header .top-menu-line .navbar-nav > li > a:focus-visible,
html.f4m-home-graphite-v1 header .top-menu-line .navbar-nav > li.open > a,
html.f4m-home-graphite-v1 header .top-menu-line .new-header-user-box > a:hover,
html.f4m-home-graphite-v1 header .top-menu-line .new-header-user-box > .dropdown-toggle > a:hover {
    color: #f5d716;
    background: #2c343e;
}
html.f4m-home-graphite-v1 header .top-menu-line .navbar-nav > li > a::before {
    color: currentColor;
}
/* Match the article search button; the original filter functions are untouched. */
html.f4m-home-graphite-v1 #f4m-modern-home #div_filter .btn-primary {
    background: #f5d716;
    background-image: none;
    border: 1px solid #f5d716;
    color: #20252a;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    min-height: 48px;
    padding: 12px 20px;
    border-radius: 11px;
    opacity: 1;
    text-shadow: none;
}
html.f4m-home-graphite-v1 #f4m-modern-home #div_filter .btn-primary:hover,
html.f4m-home-graphite-v1 #f4m-modern-home #div_filter .btn-primary:focus-visible {
    background: #e7c70b;
    border-color: #e7c70b;
    color: #171b1f;
}
/* Price and the native All prices link share a flex row without moving DOM nodes. */
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    min-height: 0;
    padding: 14px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_image_wrap {
    flex: 0 0 100%;
    height: 140px;
    margin: 0 0 8px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_image_wrap > a > img {
    max-height: 132px !important;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_name {
    flex: 0 0 100%;
    height: 60px;
    min-height: 60px;
    margin: 0 0 6px;
    overflow: hidden;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_manufacturer {
    line-height: 17px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_caption {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 18px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_marks {
    flex: 0 0 100%;
    line-height: 18px;
    margin: 0 0 6px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_exist_info {
    flex: 0 0 100%;
    padding: 4px 6px;
    margin: 0 0 8px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_price_crossed_out {
    flex: 0 0 100%;
    order: 5;
    margin: 0 0 2px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_price,
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_price_from_to {
    flex: 1 1 0;
    min-width: 0;
    order: 6;
    margin: 0;
    align-self: center;
    line-height: 28px;
    white-space: nowrap;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_price > .price {
    font-size: 22px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .article_button {
    flex: 0 0 auto;
    order: 6;
    position: static;
    width: auto;
    max-width: 86px;
    margin: 0 0 0 auto;
    padding: 0 0 0 8px;
    align-self: center;
    line-height: 28px;
    white-space: nowrap;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .article_button a {
    color: #58616c;
    font-size: 12px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .main_action_div {
    flex: 0 0 100%;
    order: 7;
    margin: 10px 0 0;
}
html.f4m-home-graphite-v1 #f4m-modern-home .main_action_div .cart_btn_purchase_action {
    padding: 4px 7px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .main_action_div .cart_btn_purchase_action table td:last-child a {
    font-weight: 700;
    font-size: 13px;
}
@media (max-width: 767px) {
    html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile {
        padding: 12px;
    }
    html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_image_wrap {
        height: 128px;
    }
    html.f4m-home-graphite-v1 #f4m-modern-home .product_div_image_wrap > a > img {
        max-height: 120px !important;
    }
    html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .product_div_price > .price {
        font-size: 20px;
    }
    html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile > .article_button a {
        font-size: 11px;
    }
}