/* 4MOTOKZ_HOME_GRAPHITE_V1. The root class is emitted only for Docpart's main page. */
html.f4m-home-graphite-v1 {
    background: #24282f;
    --f4m-page: #24282f;
    --f4m-header: #1d2228;
    --f4m-panel: #303740;
    --f4m-heading: #f5f7fa;
    --f4m-copy: #c4ccd5;
    --f4m-separator: #424b56;
}
html.f4m-home-graphite-v1 body,
html.f4m-home-graphite-v1 #sb-site,
html.f4m-home-graphite-v1 .boxed {
    background: #24282f;
}
/* Desktop navigation, account links and native fixed search retain their markup. */
html.f4m-home-graphite-v1 header,
html.f4m-home-graphite-v1 header .top-menu-line {
    background: #1d2228;
    color: #e8edf3;
    border-color: #353e48;
}
html.f4m-home-graphite-v1 header .logo-line {
    background: #1d2228 !important; /* Overrides the template's existing inline white fill. */
    color: #d1d8e1;
}
html.f4m-home-graphite-v1 header .navbar-default .navbar-nav > li > a,
html.f4m-home-graphite-v1 header .navbar-default .navbar-nav > .active > a,
html.f4m-home-graphite-v1 header .new-header-user-box > .dropdown-toggle > a,
html.f4m-home-graphite-v1 header .new-header-user-box > a {
    color: #dbe2ea;
}
html.f4m-home-graphite-v1 header .navbar-default .navbar-nav > li > a:hover,
html.f4m-home-graphite-v1 header .navbar-default .navbar-nav > li > a:focus,
html.f4m-home-graphite-v1 header .new-header-user-box > .dropdown-toggle > a:hover,
html.f4m-home-graphite-v1 header .new-header-user-box > .dropdown-toggle > a:focus,
html.f4m-home-graphite-v1 header .new-header-user-box > a:hover,
html.f4m-home-graphite-v1 header .new-header-user-box > a:focus {
    color: #f5d716;
}
html.f4m-home-graphite-v1 header .navbar-nav > .dropdown > a::before {
    color: #c4ccd5;
}
html.f4m-home-graphite-v1 header .logo-line .header-phone-box a,
html.f4m-home-graphite-v1 header .logo-line .header-call-box a {
    color: #e8edf3;
}
html.f4m-home-graphite-v1 header .logo-line .customer_city_name {
    color: #b3d9ff;
    border-bottom-color: #b3d9ff;
}
html.f4m-home-graphite-v1 header .logo-line .customer_city_notify {
    color: #bac3ce;
}
html.f4m-home-graphite-v1 header .schearch-line,
html.f4m-home-graphite-v1 header .schearch-line.fixed {
    background: #282f37;
    border-top: 1px solid #353e48;
    border-bottom: 1px solid #353e48;
}
html.f4m-home-graphite-v1 header .schearch-line.fixed {
    box-shadow: 0 7px 22px rgba(0, 0, 0, .2);
}
html.f4m-home-graphite-v1 header .schearch-line .header-cat-btn,
html.f4m-home-graphite-v1 header .schearch-line .menu-box a {
    background: #353e48;
    color: #f5f7fa;
    border-color: #46515d;
}
html.f4m-home-graphite-v1 header .schearch-line .header-cat-btn:hover,
html.f4m-home-graphite-v1 header .schearch-line .header-cat-btn:focus-visible,
html.f4m-home-graphite-v1 header .schearch-line .menu-box a:hover,
html.f4m-home-graphite-v1 header .schearch-line .menu-box a:focus-visible {
    background: #424d59;
    color: #f5d716;
}
html.f4m-home-graphite-v1 header .schearch-line .menu-box-icon {
    filter: brightness(0) invert(1);
    opacity: .9;
}
html.f4m-home-graphite-v1 .f4m-header-cart-sum {
    color: #f5f7fa;
}
/* Dropdowns and forms stay light; dark header colours must not leak into them. */
html.f4m-home-graphite-v1 header .dropdown-menu,
html.f4m-home-graphite-v1 header .dropdown-menu .panel-body,
html.f4m-home-graphite-v1 header .dropdown-menu label {
    color: #20252a;
}
html.f4m-home-graphite-v1 header .dropdown-menu > li > a,
html.f4m-home-graphite-v1 header .new-header-user-box .form-group a {
    color: #303840;
}
html.f4m-home-graphite-v1 header .dropdown-menu {
    background: #fff;
}
html.f4m-home-graphite-v1 .geo-modal-content {
    background: #fff;
    color: #20252a;
}
/* Mobile header: same original menu, telephone and cart controls. */
html.f4m-home-graphite-v1 .header-box-mobile,
html.f4m-home-graphite-v1 .header-box-mobile .navbar,
html.f4m-home-graphite-v1 .header-box-mobile .navbar-header,
html.f4m-home-graphite-v1 .header-box-mobile .navbar-collapse {
    background: #1d2228;
    color: #e8edf3;
    border-color: #353e48;
}
html.f4m-home-graphite-v1 .header-box-mobile .navbar::before,
html.f4m-home-graphite-v1 .header-box-mobile .navbar .nav::before {
    background: none;
}
html.f4m-home-graphite-v1 .header-box-mobile .mobile-box-phone,
html.f4m-home-graphite-v1 .header-box-mobile .navbar-toggle,
html.f4m-home-graphite-v1 .header-box-mobile .navbar-nav > li > a {
    color: #e8edf3;
}
html.f4m-home-graphite-v1 .header-box-mobile .navbar-toggle {
    background: #353e48;
    border-color: #46515d;
}
html.f4m-home-graphite-v1 .header-box-mobile .mobile-search-div {
    background: #282f37;
    border-color: #353e48;
}
html.f4m-home-graphite-v1 .header-box-mobile .header-cart-box.f4m-header-cart-link {
    background: #353e48;
    color: #f5f7fa;
    border-color: #46515d;
}
html.f4m-home-graphite-v1 .header-box-mobile .header-cart-box .menu-box-icon {
    filter: brightness(0) invert(1);
}
html.f4m-home-graphite-v1 .header-box-mobile .dropdown-menu {
    background: #fff;
    color: #20252a;
}
html.f4m-home-graphite-v1 .header-box-mobile .dropdown-menu li > a {
    color: #303840;
}
/* Main page: white functional surfaces against a restrained graphite canvas. */
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-hero {
    background: #303740;
    border-color: #424b56;
    box-shadow: none;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-hero h1 {
    color: #f5f7fa;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-hero .f4m-hero-lead,
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-hero .f4m-hero-note {
    color: #c4ccd5;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-hero .f4m-search-card {
    background: #fff;
    border-color: #dbe1e7;
    color: #20252a;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
    overflow: visible;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-search-tabs {
    background: #f1f3f6;
    border-color: #dbe1e7;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-search-tabs a {
    color: #4e5965;
    border-bottom: 3px solid transparent;
    font-weight: 650;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-search-tabs a[aria-selected="true"] {
    background: #fff;
    color: #20252a;
    border-bottom-color: #f5d716;
    box-shadow: 0 2px 6px rgba(20, 30, 40, .07);
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-search-tabs a:hover,
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-search-tabs a:focus-visible {
    background: #fff;
    color: #20252a;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-input-row input {
    border-color: #cbd3dc;
}
html.f4m-home-graphite-v1 #f4m-modern-home .section-title,
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-home-brands-heading h2,
html.f4m-home-graphite-v1 #sb-site > .boxed .section-title {
    color: #f5f7fa;
    border-color: #424b56;
}
html.f4m-home-graphite-v1 #f4m-modern-home .section-title:first-letter,
html.f4m-home-graphite-v1 #sb-site .section-title:first-letter {
    color: inherit;
}
html.f4m-home-graphite-v1 #f4m-modern-home .new-cat-block-catalog,
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-home-brands-link,
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile {
    background: #fff;
    color: #20252a;
    border-color: #dbe1e7;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
}
html.f4m-home-graphite-v1 #f4m-modern-home .new-cat-block-catalog .new-cat-block-text {
    color: #20252a;
    font-size: 14px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .new-cat-block-catalog .new-cat-block-catalog-img {
    height: 68px;
    flex-basis: 68px;
    margin-bottom: 14px;
}
html.f4m-home-graphite-v1 #f4m-modern-home .new-cat-block-catalog:hover,
html.f4m-home-graphite-v1 #f4m-modern-home .new-cat-block-catalog:focus-visible,
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-home-brands-link:hover,
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-home-brands-link:focus-visible,
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile:hover,
html.f4m-home-graphite-v1 #f4m-modern-home .product_div_tile:focus-within {
    border-color: #f5d716;
    box-shadow: 0 9px 22px rgba(0, 0, 0, .18);
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-home-brands-all {
    color: #e0e6ed;
    border-color: #5e6b7b;
    background: transparent;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-home-brands-all:hover,
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-home-brands-all:focus-visible {
    color: #f5d716;
    border-color: #f5d716;
}
/* Existing SEO, assistance and news remain present and legible on the canvas. */
html.f4m-home-graphite-v1 #f4m-modern-home .home-seo-content {
    color: #c4ccd5;
    border-color: #424b56;
}
html.f4m-home-graphite-v1 #f4m-modern-home .home-seo-content h2,
html.f4m-home-graphite-v1 #f4m-modern-home .home-seo-content h3 {
    color: #e8edf3;
}
html.f4m-home-graphite-v1 #f4m-modern-home .home-seo-content a {
    color: #f5d716;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-help {
    background: #303740;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-help h2 {
    color: #f5f7fa;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-help p:last-child,
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-help .f4m-contact-link {
    color: #c4ccd5;
}
html.f4m-home-graphite-v1 #f4m-modern-home .f4m-help .f4m-eyebrow {
    color: #f5d716;
}
html.f4m-home-graphite-v1 #sb-site .news_item_box {
    background: #303740;
    border-color: #424b56;
    border-radius: 12px;
}
html.f4m-home-graphite-v1 #sb-site .news_item_box a,
html.f4m-home-graphite-v1 #sb-site .news_item_name {
    color: #f5f7fa;
}
html.f4m-home-graphite-v1 #sb-site .news_item_text,
html.f4m-home-graphite-v1 #sb-site .news_item_clock {
    color: #c4ccd5;
}
/* Footer contents and links stay intact; only main-page colours change. */
html.f4m-home-graphite-v1 #footer-widgets,
html.f4m-home-graphite-v1 #footer {
    background: #1d2228 !important;
    color: #c4ccd5;
    border-color: #353e48;
}
html.f4m-home-graphite-v1 #footer-widgets h3,
html.f4m-home-graphite-v1 #footer-widgets .module_caption,
html.f4m-home-graphite-v1 #footer-widgets .footer-widget-title,
html.f4m-home-graphite-v1 #footer-widgets .footer-widget-title:first-letter,
html.f4m-home-graphite-v1 #footer-widgets .module_caption:first-letter {
    color: #f5f7fa;
    border-color: #424b56;
}
html.f4m-home-graphite-v1 #footer-widgets a,
html.f4m-home-graphite-v1 #footer a {
    color: #dbe2ea;
}
html.f4m-home-graphite-v1 #footer-widgets a:hover,
html.f4m-home-graphite-v1 #footer-widgets a:focus-visible,
html.f4m-home-graphite-v1 #footer a:hover,
html.f4m-home-graphite-v1 #footer a:focus-visible {
    color: #f5d716;
}
@media (max-width: 767px) {
    html.f4m-home-graphite-v1 #f4m-modern-home .new-cat-block-catalog .new-cat-block-text {
        font-size: 13px;
    }
}
@media (prefers-reduced-motion: reduce) {
    html.f4m-home-graphite-v1 #f4m-modern-home .new-cat-block-catalog:hover,
    html.f4m-home-graphite-v1 #f4m-modern-home .new-cat-block-catalog:focus-visible {
        transform: none;
    }
}