/* One header rule set for home and subpages, above the earlier design layers. */
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper .main-search-wrapper {min-width:0 !important;max-width:none !important;}
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper .search-wrapper input.ac_input {height:50px !important;font-size:17px !important;padding:12px 16px !important;}
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper .search-wrapper button[type=submit] {height:50px !important;min-width:54px !important;}
body.afs-shop-design.afs-shop-design.afs-new-logo #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper .navbar-brand {background:transparent !important;padding:0 !important;box-shadow:none !important;border:0 !important;}
body.afs-shop-design.afs-shop-design.afs-new-logo #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #shop-logo {width:250px !important;max-width:100% !important;height:auto !important;}
@media(min-width:1280px){
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper .main-search-wrapper {order:2 !important;flex:0 1 360px !important;min-width:280px !important;max-width:360px !important;padding-inline:0 !important;}
}
@media(min-width:1280px) and (max-width:1439px){
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper .main-search-wrapper {flex-basis:280px !important;min-width:240px !important;max-width:280px !important;}
 body.afs-shop-design.afs-shop-design.afs-new-logo #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #shop-logo {width:220px !important;}
}
@media(max-width:991.98px){
 body.afs-shop-design.afs-shop-design.afs-new-logo #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #shop-logo {width:210px !important;max-width:45vw !important;}
}
@media(max-width:575.98px){
 body.afs-shop-design.afs-shop-design.afs-new-logo #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #shop-logo {width:180px !important;max-width:43vw !important;}
}

/* The NOVA scrollbar arrows use normal flow after moving the desktop navigation. */
@media(min-width:1280px){
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper > .hide-navbar > .navbar {align-items:center !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation.afs-desktop-nav {position:relative !important;display:flex !important;align-items:center !important;height:50px !important;margin:0 !important;padding:0 !important;overflow:visible !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation.afs-desktop-nav > .nav-scrollbar-arrow {display:none !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation.afs-desktop-nav > .nav-mobile-body {height:auto !important;min-width:0 !important;margin:0 !important;padding:0 !important;flex:1 1 auto !important;overflow:visible !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation.afs-desktop-nav .navbar-nav {display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:0 !important;margin:0 !important;padding:0 !important;overflow:visible !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation.afs-desktop-nav .navbar-nav > .nav-item {display:flex !important;align-items:center !important;flex:0 0 auto !important;margin:0 !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation.afs-desktop-nav .navbar-nav > .nav-item > .nav-link {display:flex !important;align-items:center !important;height:50px !important;min-height:0 !important;margin:0 !important;padding:12px 10px !important;line-height:1.3 !important;border-radius:4px !important;}
}

/* 1.0.16: explicit navigation states prevent legacy hover color conflicts. */
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item {background:transparent !important;}
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item > .nav-link {border-bottom:0 !important;box-shadow:none !important;}
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item:not(.active) > .nav-link {background:transparent !important;color:#242c36 !important;}
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item:not(.active) > .nav-link:is(:hover,:focus-visible) {background:#f1e8ea !important;color:#642b35 !important;}
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item:not(.active) > .nav-link span {color:inherit !important;}
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item.active > .nav-link {background:linear-gradient(180deg,#a65762,#81323a 52%,#69272f) !important;color:#fff !important;}
body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item.active > .nav-link:is(:hover,:focus-visible) {background:#69272f !important;color:#fff !important;}

body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item.active > .nav-link span {background:transparent !important;color:#fff !important;}

/* 1.0.27: original header layout; larger logo and dark service bar. */



@media(min-width:992px) {
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper .nav-logo-wrapper {flex:0 0 auto !important;width:auto !important;max-width:none !important;}
 body.afs-shop-design.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #shop-logo {width:250px !important;max-width:none !important;height:auto !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item > .nav-link {font-size:15px !important;font-weight:650 !important;}
}
 body.afs-shop-design.afs-shop-design #header-top-bar#header-top-bar#header-top-bar {background:#24282e !important;color:#fff !important;border-bottom:1px solid #363b43 !important;min-height:38px !important;}
 body.afs-shop-design.afs-shop-design #header-top-bar#header-top-bar#header-top-bar > .container-fluid {background:transparent !important;}
 body.afs-shop-design.afs-shop-design #header-top-bar#header-top-bar#header-top-bar > .container-fluid::before {content:none !important;}
 body.afs-shop-design.afs-shop-design #header-top-bar#header-top-bar#header-top-bar .topbar-main {align-items:center !important;margin:0 !important;gap:4px !important;}
 body.afs-shop-design.afs-shop-design #header-top-bar#header-top-bar#header-top-bar .nav-item {border-color:#555b64 !important;}
 body.afs-shop-design.afs-shop-design #header-top-bar#header-top-bar#header-top-bar a.nav-link {background:transparent !important;color:#fff !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.02em !important;padding:8px 16px !important;line-height:1.4 !important;}
 body.afs-shop-design.afs-shop-design #header-top-bar#header-top-bar#header-top-bar a.nav-link:is(:hover,:focus-visible) {background:#81323a !important;color:#fff !important;border-radius:4px !important;}

/* Shop overview: keep the original two-column dark cards and add images. */
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .sub-categories.mt-category-card {padding:0 !important;overflow:hidden !important;min-height:0 !important;border-radius:16px !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .sub-categories.mt-category-card > div {position:relative !important;padding:24px 28px !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .mt-category-card > .mt-category-media {display:block !important;position:relative !important;width:100% !important;height:230px !important;background:#171b20 !important;overflow:hidden !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .mt-category-card .mt-category-image {display:block !important;width:100% !important;height:100% !important;margin:0 !important;object-fit:cover !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .mt-category-card:is([data-mt-category="parts"],[data-mt-category="sale"]) > .mt-category-media {background:#fff !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .mt-category-card:is([data-mt-category="parts"],[data-mt-category="sale"]) .mt-category-image {object-fit:contain !important;padding:14px !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .mt-category-card .caption > a {font-size:clamp(23px,2.2vw,30px) !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .mt-category-card .caption > a::after {top:22px !important;right:24px !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .mt-category-card .item_desc {color:#d5dae0 !important;line-height:1.55 !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .mt-category-card .mt-image-unavailable {display:none !important;}

/* Identical category cards on home and all other desktop SHOP menus. */
@media(min-width:992px) {
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .row.nav.mt-category-menu {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;padding:20px 0 !important;margin:0 !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .mt-category-menu > .col:not(.d-lg-none) {width:auto !important;max-width:none !important;min-width:0 !important;padding:0 !important;flex:none !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .mt-category-menu > .col.d-lg-none {display:none !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card {display:flex !important;position:relative !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;height:100% !important;min-height:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;border:1px solid #51565d !important;border-left:3px solid #81323a !important;border-radius:14px !important;background:linear-gradient(145deg,#343941,#22262c) !important;color:#fff !important;font-size:23px !important;font-weight:700 !important;line-height:1.3 !important;white-space:normal !important;text-decoration:none !important;box-shadow:0 6px 18px #00000022 !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card[data-mt-category="sale"] {background:linear-gradient(145deg,#4e272d,#282329) !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card > span {color:inherit !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;border:0 !important;background:transparent !important;padding:16px 22px 0 !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card > .mt-category-media {display:block !important;padding:0 !important;width:100% !important;height:130px !important;flex:0 0 130px !important;background:#171b20 !important;overflow:hidden !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .mt-category-menu-card .mt-category-image {display:block !important;width:100% !important;height:100% !important;margin:0 !important;object-fit:contain !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card:is([data-mt-category="parts"],[data-mt-category="sale"]) > .mt-category-media {background:#fff !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .mt-category-menu-card:is([data-mt-category="parts"],[data-mt-category="sale"]) .mt-category-image {padding:8px !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card > .mt-category-description {display:block !important;padding:8px 22px 18px !important;font-size:15px !important;font-weight:400 !important;line-height:1.5 !important;color:#d5dae0 !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card::after {content:none !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card:is(:hover,:focus-visible) {border-color:#a94c56 !important;box-shadow:0 8px 24px #00000044 !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card:focus-visible {outline:3px solid #e7a3aa !important;outline-offset:3px !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card > .mt-image-unavailable {display:none !important;height:0 !important;flex-basis:0 !important;}
}
@media(max-width:991.98px) {
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .row.nav.mt-category-menu {display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:12px !important;padding:16px !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .mt-category-menu > .col {width:100% !important;max-width:none !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card {display:flex !important;flex-direction:column !important;min-height:132px !important;padding:22px !important;color:#fff !important;background:linear-gradient(145deg,#343941,#22262c) !important;border:1px solid #51565d !important;border-left:3px solid #81323a !important;border-radius:14px !important;font-size:21px !important;white-space:normal !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card > span {color:inherit !important;white-space:normal !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card[data-mt-category="sale"] {background:linear-gradient(145deg,#4e272d,#282329) !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card::after {content:none !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card > .mt-category-media,
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card > .mt-category-description {display:none !important;}
}
@media(max-width:767.98px) {
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .mt-category-card > .mt-category-media {height:170px !important;}
 body.afs-shop-design.afs-shop-design #result-wrapper#result-wrapper#result-wrapper .sub-categories.mt-category-card > div {padding:22px !important;}
}


/* 1.0.28: all four desktop cards use the same dimensions. */
@media(min-width:992px) {
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .row.nav.mt-category-menu {grid-auto-rows:304px !important;align-items:stretch !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .mt-category-menu > .col:not(.d-lg-none) {height:304px !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card {height:304px !important;min-height:304px !important;max-height:304px !important;justify-content:flex-start !important;box-sizing:border-box !important;width:100% !important;}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation a.mt-category-menu-card > span:not(.mt-category-media) {flex:0 0 auto !important;margin:0 !important;}
}
 body.afs-shop-design.afs-shop-design #jtl-nav-wrapper#jtl-nav-wrapper#jtl-nav-wrapper #mainNavigation .mt-category-menu > .col > .categories-recursive-dropdown {display:none !important;}
