:root{
--dfg-red:#e10600;
--dfg-red-dark:#b90500;
--dfg-black:#0b0b0b;
--dfg-panel:#151515;
--dfg-panel-2:#111111;
--dfg-border:#2b2b2b;
--dfg-text:#ffffff;
--dfg-muted:#b8b8b8;
--dfg-max:1280px;
--dfg-radius:18px;
--dfg-shadow:0 14px 40px rgba(0,0,0,.25);
}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{background:var(--dfg-black);color:var(--dfg-text)}
body,input,button,select,textarea{font-family:Arial,Helvetica,sans-serif}
#wrapper{background:#101010}
a{color:inherit}
a:hover{color:var(--dfg-red);text-decoration:none}
.header-banner{display:none!important}
.header-top .container,.header-nav .container,#wrapper .container,.footer-container .container{max-width:var(--dfg-max)}
#header,.header-top,.header-nav{background:#0b0b0b!important}
#header{border-bottom:1px solid var(--dfg-border)!important;position:sticky;top:0;z-index:99}
.dfg-topbar{background:#050505;border-bottom:1px solid rgba(255,255,255,.06)}
.dfg-topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:34px}
.dfg-topbar-left,.dfg-topbar-right{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--dfg-muted)}
.dfg-topbar-left{text-align:left}
.dfg-topbar-center{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#fff;text-align:center}
.dfg-topbar-right{text-align:right}
.dfg-header-main-wrap{padding:14px 0}
.dfg-header-main{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.dfg-header-logo{display:flex;align-items:center;gap:14px;min-width:0}
.dfg-header-logo .logo{max-height:38px!important;width:auto!important;display:block}
.dfg-text-logo{font-size:26px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff!important}
.dfg-logo-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--dfg-muted);white-space:nowrap}
.dfg-header-menu{min-width:0}
#_desktop_top_menu_wrapper{display:flex;justify-content:center}
#top-menu{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:center}
#top-menu > li{margin:0}
#top-menu > li > a{color:#fff!important;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:10px 0;position:relative}
#top-menu > li > a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--dfg-red);transition:width .25s ease}
#top-menu > li > a:hover:after,#top-menu > li.sfHoverForce > a:after{width:100%}
#top-menu .sub-menu{background:#121212!important;border:1px solid var(--dfg-border)!important;border-radius:18px!important;box-shadow:0 20px 40px rgba(0,0,0,.35)!important;padding:18px!important;margin-top:14px!important}
#top-menu .sub-menu a{color:#fff!important}
#top-menu .sub-menu a:hover{color:var(--dfg-red)!important}
.dfg-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.dfg-search-toggle,.dfg-account-pill{min-height:42px;border-radius:999px;border:1px solid var(--dfg-border);background:#151515;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.dfg-search-toggle{min-width:42px;padding:0 12px;cursor:pointer}
.dfg-search-toggle:hover,.dfg-account-pill:hover{background:var(--dfg-red);border-color:var(--dfg-red);color:#fff!important}
.dfg-search-icon{font-size:18px;line-height:1}
.dfg-header-nav2{display:flex;align-items:center}
.dfg-header-nav2 .blockcart,.dfg-header-nav2 #_desktop_cart,.dfg-header-nav2 .shopping-cart{background:#151515;border:1px solid var(--dfg-border);border-radius:999px;padding:0 14px;min-height:42px;display:flex;align-items:center}
.dfg-header-nav2 .blockcart .header,.dfg-header-nav2 #_desktop_cart .header{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}
.dfg-header-nav2 .cart-products-count{background:var(--dfg-red);color:#fff;border-radius:999px;padding:1px 6px;margin-left:6px;font-size:11px;line-height:1.4}
.dfg-search-drawer{max-height:0;overflow:hidden;border-top:1px solid transparent;background:#0d0d0d;transition:max-height .28s ease,border-color .28s ease}
body.dfg-search-open .dfg-search-drawer{max-height:140px;border-top-color:var(--dfg-border)}
.dfg-search-drawer-inner{padding:0}
body.dfg-search-open .dfg-search-drawer-inner{padding:16px 0 20px}
.dfg-search-drawer #search_widget form,.dfg-mobile-search #search_widget form{display:flex;gap:10px;align-items:center}
.dfg-search-drawer input[type="text"],.dfg-search-drawer input[type="search"],.dfg-mobile-search input[type="text"],.dfg-mobile-search input[type="search"]{width:100%;min-height:52px;border:1px solid var(--dfg-border);background:#151515;color:#fff;border-radius:14px;padding:0 16px}
.dfg-search-drawer button,.dfg-mobile-search button{min-height:52px;border-radius:14px}
#header a[href="#"],#header a:empty{display:none!important}
#search_widget .clear,#header .clear{display:none!important}
.dfg-mobile-shell{display:none;padding:12px 0 14px}
.dfg-mobile-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.dfg-mobile-menu,.dfg-mobile-actions{display:flex;align-items:center;gap:12px}
.dfg-mobile-logo{display:flex;justify-content:center}
.dfg-mobile-logo .logo{max-height:38px;width:auto}
.dfg-mobile-account{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--dfg-border);border-radius:12px;background:#151515;color:#fff!important;text-decoration:none}
.dfg-mobile-cart .blockcart,.dfg-mobile-cart .shopping-cart{background:transparent;border:0;padding:0;min-height:auto}
.dfg-mobile-cart .header{font-size:0}
.dfg-mobile-search{margin-top:12px}
@media (max-width:991px){.dfg-topbar-inner{grid-template-columns:1fr;justify-items:center;padding:6px 0}.dfg-topbar-left,.dfg-topbar-right{display:none}.dfg-header-main-wrap{display:none}.dfg-mobile-shell{display:block}#_desktop_top_menu_wrapper,#_desktop_nav2,.dfg-logo-tag{display:none!important}}
@media (min-width:992px){.dfg-mobile-shell,#_mobile_top_menu,#_mobile_cart,#_mobile_user_info,#_mobile_search{display:none!important}}
@media (max-width:767px){#header .header-top{padding:10px 0}}
#wrapper .breadcrumb{background:transparent;padding-left:0;padding-right:0;color:var(--dfg-muted)}
.breadcrumb li a{color:var(--dfg-muted)}
.btn-primary,.btn.btn-primary,button.btn-primary{background:var(--dfg-red)!important;border-color:var(--dfg-red)!important;border-radius:999px!important;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.btn-primary:hover,.btn.btn-primary:hover,button.btn-primary:hover{background:var(--dfg-red-dark)!important;border-color:var(--dfg-red-dark)!important}
.card,.block-categories,.featured-products,.product-accessories,.tabs,.products-sort-order .select-title,.block-category,.facet,.pagination,.product-miniature .thumbnail-container,.cart-grid .card,#content .card,#main .card,#left-column .block-categories,#left-column .facet,.page-not-found,.no-items{background:var(--dfg-panel);border:1px solid var(--dfg-border);border-radius:var(--dfg-radius);box-shadow:none}
.block-category{padding:24px}.block-category h1{text-transform:uppercase;letter-spacing:.03em;font-weight:800}.products-selection{margin-bottom:18px}.products-sort-order .select-title{color:#fff;min-height:44px;display:inline-flex;align-items:center;padding:0 16px}.facet .facet-title,.block-categories .h6{text-transform:uppercase;letter-spacing:.05em}.product-miniature .thumbnail-container{overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.product-miniature .thumbnail-container:hover{transform:translateY(-3px);border-color:#3a3a3a;box-shadow:0 16px 28px rgba(0,0,0,.22)}.product-miniature .product-description{background:transparent;padding:18px}.product-miniature .product-title,.h3.product-title{text-transform:uppercase;font-weight:700;line-height:1.15}.product-miniature .thumbnail-top{background:linear-gradient(135deg, rgba(225,6,0,.12), transparent 35%), linear-gradient(180deg,#262626,#171717)}.product-miniature .product-title a,.product-title a{color:#fff}.product-price-and-shipping,.current-price,.product-price,.price{color:#fff;font-weight:800}.regular-price{color:var(--dfg-muted)}.products-section-title{color:#fff;text-transform:uppercase;letter-spacing:.05em}.product-cover,.images-container .product-images img{border-radius:var(--dfg-radius)}.product-cover{overflow:hidden;border:1px solid var(--dfg-border);background:#151515}.product-images > li.thumb-container > .thumb{border-radius:14px;border:1px solid var(--dfg-border)}.tabs .nav-tabs{border-bottom:0}.tabs .nav-tabs .nav-link{color:#fff;border-radius:999px;margin-right:8px;border:1px solid var(--dfg-border)}.tabs .nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link:hover{background:var(--dfg-red);border-color:var(--dfg-red);color:#fff}.product-information .product-description-short{color:#ddd;font-size:16px}.page-not-found,.no-items{padding:24px}.checkout-step{background:#151515;border:1px solid var(--dfg-border);border-radius:var(--dfg-radius);margin-bottom:16px}.form-control{background:#111;border:1px solid var(--dfg-border);color:#fff;border-radius:14px}.form-control:focus{background:#111;color:#fff;border-color:var(--dfg-red);box-shadow:none}.alert{border-radius:14px}
body#product #content-wrapper{margin-top:8px}body#product .product-page,body#product .product-container{gap:28px}body#product .images-container{position:sticky;top:18px}body#product .product-cover{border-radius:22px;background:linear-gradient(180deg,#181818,#111);padding:10px}body#product .product-cover img{border-radius:16px}body#product .js-qv-mask{margin-top:14px}body#product .js-qv-mask .thumb-container{margin-right:10px}body#product .product-images > li.thumb-container > .thumb{background:#111;padding:4px;transition:border-color .2s ease,transform .2s ease}body#product .product-images > li.thumb-container > .thumb:hover{transform:translateY(-2px);border-color:#4a4a4a}body#product .product-information{padding:26px}body#product .product-information h1{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:10px;letter-spacing:.02em;text-transform:uppercase;font-weight:800;line-height:1.02}body#product .product-reference,body#product .product-quantities,body#product .product-availability{font-size:13px;text-transform:uppercase;letter-spacing:.08em}body#product .product-prices{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px 0 10px;border-top:1px solid var(--dfg-border);border-bottom:1px solid var(--dfg-border)}body#product .current-price{font-size:2rem;line-height:1;font-weight:800}body#product .regular-price,body#product .discount{font-size:14px}body#product .product-description-short{font-size:16px;line-height:1.65;color:#ddd;margin-bottom:16px}body#product .product-actions{margin-top:14px;padding-top:16px;border-top:1px solid var(--dfg-border)}body#product .product-quantity{display:flex;align-items:center;gap:12px;flex-wrap:wrap}body#product .qty{display:flex;align-items:center}body#product .input-group.bootstrap-touchspin{background:#111;border:1px solid var(--dfg-border);border-radius:999px;overflow:hidden}body#product .input-group.bootstrap-touchspin input{background:transparent;border:0;color:#fff;min-height:46px;max-width:64px;text-align:center}body#product .bootstrap-touchspin-up,body#product .bootstrap-touchspin-down{min-width:42px;min-height:46px}body#product .product-quantity .add-to-cart,body#product #add-to-cart-or-refresh .btn-primary{min-height:54px;padding:0 24px;box-shadow:0 12px 26px rgba(225,6,0,.18);font-size:15px;font-weight:800}body#product .product-additional-info{display:grid;gap:10px}body#product .product-additional-info > *{background:#111;border:1px solid var(--dfg-border);border-radius:16px;padding:14px}body#product .tabs{padding:10px}body#product .tabs .tab-content{padding:18px}body#product .tabs .data-sheet td{border-color:var(--dfg-border)!important;color:#eee}body#product .social-sharing{display:none}.dfg-product-benefits{margin-top:18px;padding:18px !important;background:linear-gradient(180deg,#161616,#111)!important}.dfg-product-benefits-title{text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin-bottom:12px}.dfg-product-benefits-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.dfg-benefit-pill{background:#111;border:1px solid var(--dfg-border);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dfg-product-benefits-copy{color:#cfcfcf;margin-bottom:0}
.cart-grid .card,.checkout-step,.block-promo,.cart-summary,.cart-item{background:linear-gradient(180deg,#171717,#121212)!important}.cart-item{border:1px solid var(--dfg-border);border-radius:18px;padding:16px;margin-bottom:14px}.block-promo .promo-code{background:#101010;border-radius:14px}#checkout .step-title,.cart-summary-line .label,.cart-summary-line .value{color:#fff}
.footer-container{padding:44px 0 20px;background:#0b0b0b;border-top:1px solid var(--dfg-border);margin-top:48px}.dfg-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.dfg-footer-title{text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin-bottom:14px}.dfg-footer-brand p,.dfg-footer-links li a,.dfg-footer-bottom{color:var(--dfg-muted)}.dfg-footer-links ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.dfg-footer-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.dfg-footer-badges span{border:1px solid var(--dfg-border);background:#141414;border-radius:999px;padding:8px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#fff}.dfg-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.06);margin-top:28px;padding-top:18px;font-size:13px}@media (max-width:991px){.dfg-footer-grid{grid-template-columns:1fr;gap:18px}.dfg-footer-bottom{flex-direction:column}}
/* ===== DFG 6.0A header organization ===== */
#header{top:0}
.dfg-header-main-wrap{padding:12px 0 10px}
.dfg-header-main{grid-template-columns:auto minmax(0,1fr) auto;gap:18px}
.dfg-header-logo .logo{max-height:48px!important}
.dfg-header-menu{display:flex;justify-content:center;align-items:center;min-width:0}
#_desktop_top_menu_wrapper{width:100%}
#top-menu{gap:18px!important;flex-wrap:nowrap;overflow:visible}
#top-menu>li>a{font-size:12px;letter-spacing:.07em;padding:8px 0}
.dfg-header-actions{gap:10px;flex-shrink:0}
.dfg-search-toggle,.dfg-account-pill,.dfg-header-nav2 .blockcart,.dfg-header-nav2 #_desktop_cart,.dfg-header-nav2 .shopping-cart{min-height:40px}
.dfg-search-drawer #search_widget,.dfg-mobile-search #search_widget{display:block!important}
.dfg-search-drawer #search_widget form,.dfg-mobile-search #search_widget form{display:flex!important;gap:10px;align-items:center}
.dfg-search-drawer .search,.dfg-search-drawer .clear,.dfg-mobile-search .search,.dfg-mobile-search .clear,#header .ui-helper-hidden-accessible{display:none!important}
.dfg-search-drawer label,.dfg-mobile-search label{display:none!important}
.dfg-search-drawer button[type="submit"],.dfg-mobile-search button[type="submit"]{padding:0 18px;background:var(--dfg-red)!important;border:1px solid var(--dfg-red)!important;color:#fff!important}
#_desktop_user_info,#_desktop_cart{margin:0}
.dfg-header-nav2 .blockcart a,.dfg-header-nav2 #_desktop_cart a{color:#fff!important}
@media (max-width:1199px){#top-menu{gap:14px!important}#top-menu>li>a{font-size:11px}}
/* 6.0B search fallback fixes */
.dfg-search-drawer .dfg-header-menu,
.dfg-search-drawer #_desktop_top_menu,
.dfg-search-drawer .top-menu,
.dfg-search-drawer .menu,
.dfg-search-drawer .popover,
.dfg-search-drawer .user-info,
.dfg-search-drawer .blockcart,
.dfg-search-drawer #_desktop_cart{display:none!important}
body.dfg-search-open .dfg-search-drawer{display:block!important}
/* 6.0C search should only show search */
.dfg-search-drawer .dfg-search-only{display:block!important;width:100%}
.dfg-search-drawer #search_widget{display:block!important;width:100%}
.dfg-search-drawer #search_widget form{display:flex!important;gap:10px;align-items:center;width:100%}
.dfg-search-drawer .top-menu,.dfg-search-drawer #_desktop_top_menu,.dfg-search-drawer #_desktop_top_menu_wrapper,.dfg-search-drawer .menu,.dfg-search-drawer nav,.dfg-search-drawer ul,.dfg-search-drawer li{max-height:none}
/* ===== DFG 6.0D premium search + header polish ===== */
.dfg-header-main-wrap{padding:14px 0 12px;background:linear-gradient(180deg,rgba(18,18,18,.98) 0%, rgba(11,11,11,.98) 100%)}
.dfg-header-main{gap:20px}
.dfg-header-actions{gap:12px}
.dfg-search-toggle,.dfg-account-pill,.dfg-header-nav2 .blockcart,.dfg-header-nav2 #_desktop_cart,.dfg-header-nav2 .shopping-cart{min-height:44px;background:linear-gradient(180deg,#181818 0%, #121212 100%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 18px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.dfg-search-toggle{min-width:44px;padding:0 16px;gap:10px}
.dfg-search-toggle:hover,.dfg-account-pill:hover,.dfg-header-nav2 .blockcart:hover,.dfg-header-nav2 #_desktop_cart:hover,.dfg-header-nav2 .shopping-cart:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 24px rgba(0,0,0,.24);border-color:rgba(225,6,0,.55)}
body.dfg-search-open .dfg-search-toggle{background:linear-gradient(180deg,#e10600 0%, #b90500 100%);border-color:#b90500;color:#fff!important;box-shadow:0 12px 24px rgba(225,6,0,.22)}
.dfg-search-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0;line-height:1}
.dfg-search-icon svg{width:16px;height:16px;display:block}
.dfg-search-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dfg-account-pill{padding:0 18px}
.dfg-header-nav2 .blockcart,.dfg-header-nav2 #_desktop_cart,.dfg-header-nav2 .shopping-cart{padding:0 16px}
.dfg-header-nav2 .blockcart .header,.dfg-header-nav2 #_desktop_cart .header{font-size:11px;letter-spacing:.1em}
.dfg-search-drawer{background:linear-gradient(180deg,#111 0%, #0b0b0b 100%)!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 50px rgba(0,0,0,.38)}
.dfg-search-drawer:before{content:"";display:block;height:1px;width:100%;background:linear-gradient(90deg,transparent 0%, rgba(225,6,0,.75) 50%, transparent 100%);box-shadow:0 0 16px rgba(225,6,0,.28)}
body.dfg-search-open .dfg-search-drawer{max-height:220px;border-top-color:rgba(255,255,255,.08)!important}
body.dfg-search-open .dfg-search-drawer-inner{padding:26px 0 30px!important}
.dfg-search-drawer #search_widget,.dfg-search-drawer .search-widget,.dfg-search-drawer .dfg-search-only{display:block!important;width:100%;max-width:980px;margin:0 auto}
.dfg-search-drawer #search_widget form,.dfg-search-drawer .search-widget form,.dfg-search-drawer .dfg-search-only form{display:flex!important;align-items:center;gap:14px;width:100%;padding:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.dfg-search-drawer .input-group{display:flex!important;align-items:center;width:100%;gap:14px;background:transparent!important;border:none!important;box-shadow:none!important}
.dfg-search-drawer .input-group>*{float:none!important}
.dfg-search-drawer input[type="text"],.dfg-search-drawer input[type="search"],.dfg-search-drawer .form-control,.dfg-search-drawer .ui-autocomplete-input,.dfg-mobile-search input[type="text"],.dfg-mobile-search input[type="search"]{flex:1 1 auto;width:100%!important;min-height:62px;background:linear-gradient(180deg,#1a1a1a 0%, #141414 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:0 22px!important;font-size:16px!important;font-weight:500;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}
.dfg-search-drawer input[type="text"]::placeholder,.dfg-search-drawer input[type="search"]::placeholder,.dfg-search-drawer .form-control::placeholder,.dfg-mobile-search input::placeholder{color:#8d8d8d!important;opacity:1}
.dfg-search-drawer input[type="text"]:focus,.dfg-search-drawer input[type="search"]:focus,.dfg-search-drawer .form-control:focus,.dfg-mobile-search input:focus{background:linear-gradient(180deg,#1c1c1c 0%, #151515 100%)!important;color:#fff!important;border-color:#e10600!important;box-shadow:0 0 0 3px rgba(225,6,0,.14)!important;outline:none!important}
.dfg-search-drawer button[type="submit"],.dfg-search-drawer .btn,.dfg-search-drawer .btn-primary,.dfg-search-drawer .btn-secondary,.dfg-mobile-search button[type="submit"],.dfg-mobile-search .btn{min-width:170px;min-height:62px;padding:0 26px!important;background:linear-gradient(180deg,#e10600 0%, #b90500 100%)!important;color:#fff!important;border:1px solid #b90500!important;border-radius:14px!important;font-size:13px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 24px rgba(225,6,0,.22);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.dfg-search-drawer button[type="submit"]:hover,.dfg-search-drawer .btn:hover,.dfg-search-drawer .btn-primary:hover,.dfg-search-drawer .btn-secondary:hover,.dfg-mobile-search button[type="submit"]:hover,.dfg-mobile-search .btn:hover{background:linear-gradient(180deg,#ff160d 0%, #c50600 100%)!important;border-color:#c50600!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 14px 28px rgba(225,6,0,.28)}
.dfg-search-drawer label,.dfg-search-drawer .search,.dfg-search-drawer .clear,.dfg-mobile-search label,.dfg-mobile-search .search,.dfg-mobile-search .clear{display:none!important}
.dfg-search-drawer .input-group-addon,.dfg-search-drawer .input-group-btn,.dfg-search-drawer .input-group-prepend,.dfg-search-drawer .input-group-append,.dfg-search-drawer .bootstrap-touchspin,.dfg-search-drawer .twitter-typeahead,.dfg-search-drawer .tt-menu,.dfg-search-drawer .tt-dropdown-menu{background:transparent!important;border:none!important;box-shadow:none!important}
.dfg-search-drawer .ui-autocomplete,.dfg-search-drawer .tt-menu{background:#151515!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:8px 0!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important}
.dfg-search-drawer .ui-menu-item,.dfg-search-drawer .tt-suggestion{padding:10px 16px!important;color:#fff!important}
.dfg-search-drawer .ui-menu-item:hover,.dfg-search-drawer .tt-suggestion:hover{background:rgba(225,6,0,.08)!important;color:#fff!important}
.dfg-mobile-search{margin-top:14px}
.dfg-mobile-search #search_widget form,.dfg-mobile-search .search-widget form{display:flex!important;flex-direction:column;align-items:stretch;gap:12px;padding:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px}
.dfg-mobile-search button[type="submit"],.dfg-mobile-search .btn{width:100%;min-width:0;min-height:56px}
@media (max-width:1199px){
.dfg-search-label{display:none}
.dfg-search-toggle{padding:0 13px}
}
@media (max-width:991px){
body.dfg-search-open .dfg-search-drawer{max-height:0}
}
@media (max-width:767px){
.dfg-mobile-search input[type="text"],.dfg-mobile-search input[type="search"]{min-height:56px;font-size:15px!important}
}
/* ===== DFG 6.0I direct cleanup ===== */
/* Hard-kill any helper text leaking from search widgets */
#search_widget label,
#search_widget .search,
#search_widget .clear,
#search_widget .btn-unstyle,
#search_widget .hidden,
#search_widget .hidden-xs-up,
#search_widget .ui-helper-hidden-accessible,
#search_widget [aria-live],
#search_widget [aria-atomic],
.search-widget label,
.search-widget .search,
.search-widget .clear,
.search-widget .btn-unstyle,
.search-widget .hidden,
.search-widget .hidden-xs-up,
.search-widget .ui-helper-hidden-accessible,
.dfg-search-drawer label,
.dfg-search-drawer .search,
.dfg-search-drawer .clear,
.dfg-search-drawer .btn-unstyle,
.dfg-search-drawer .ui-helper-hidden-accessible,
.dfg-mobile-search label,
.dfg-mobile-search .search,
.dfg-mobile-search .clear,
.dfg-mobile-search .btn-unstyle,
.dfg-mobile-search .ui-helper-hidden-accessible{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
/* Keep submit text intentional */
#search_widget button span,
.search-widget button span,
.dfg-search-drawer button span,
.dfg-mobile-search button span{
position:static!important;
width:auto!important;
height:auto!important;
margin:0!important;
overflow:visible!important;
clip:auto!important;
white-space:normal!important;
}
/* Extra safety: if old home modules still render, hide them in this theme */
.home-page-content .vehicle-finder,
.home-page-content .find-products-vehicle,
.home-page-content .customer-reviews,
.home-page-content .popular-gear,
#index .vehicle-finder,
#index .find-products-vehicle,
#index .customer-reviews,
#index .popular-gear{
display:none!important;
}
/* ===== DFG 6.0J final clean safety ===== */
.dfg-header-shell .ui-helper-hidden-accessible,
.dfg-header-shell [aria-live="polite"],
.dfg-header-shell [aria-live="assertive"],
.dfg-header-shell .sr-only,
.dfg-header-shell .visually-hidden,
.dfg-header-shell .search,
.dfg-header-shell .clear{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
#index .section-home--vehicle,
#index .section-home--reviews,
#index .section-home--popular,
#index .home-vehicle-finder,
#index .home-reviews,
#index .home-popular-gear,
#index .find-products-for-your-vehicle,
#index .shop-popular-gear,
#index .customer-reviews,
#index .vehicle-finder,
#index .popular-gear{
display:none!important;
}
/* ===== DFG 6.3A reference universal hero ===== */
:root{
--dfg-red:#c60d0d;
--dfg-red-dark:#9f0909;
--dfg-black:#050505;
--dfg-panel:#0d0d0d;
--dfg-panel-2:#121212;
--dfg-border:#2b2b2b;
--dfg-text:#ffffff;
--dfg-muted:#bdbdbd;
}
body{background:#050505;color:#fff}
#wrapper, #main, #content{background:transparent}
.dfg-header-v63a,
.dfg-header-v63a .header-top,
.dfg-header-v63a .dfg-topbar,
.dfg-header-v63a .container{background:transparent}
.dfg-topbar{border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(18,18,18,.98), rgba(5,5,5,.98))}
.dfg-topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;color:#c9c9c9;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.dfg-header-main-wrap{background:linear-gradient(180deg, rgba(10,10,10,.98), rgba(5,5,5,.98));border-bottom:2px solid #9a0e0e}
.dfg-header-main{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;min-height:78px}
.dfg-header-logo .logo{max-height:46px;width:auto}
.dfg-header-menu .top-menu{display:flex;align-items:center;justify-content:center;gap:26px}
.dfg-header-menu .top-menu > li > a,
.dfg-header-menu a{color:#fff!important;text-transform:uppercase;font-weight:800;letter-spacing:.06em;font-size:14px}
.dfg-header-actions{display:flex;align-items:center;gap:14px}
.dfg-search-toggle,
.dfg-account-link{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;padding:0}
.dfg-account-link,.dfg-mobile-account{color:#c9c6c6!important}
.dfg-account-link:hover,.dfg-mobile-account:hover{color:var(--dfg-red)!important}
.dfg-search-toggle:hover{color:#e2e2e2}
.dfg-search-toggle svg,.dfg-account-link svg,.dfg-mobile-account svg{width:22px;height:22px}
.dfg-account-pill,.dfg-search-label{display:none!important}
.dfg-header-nav2{display:none!important}
.dfg-header-cart{display:flex;align-items:center}
.dfg-header-cart #_desktop_cart,
.dfg-mobile-cart #_mobile_cart{display:flex;align-items:center}
.dfg-header-cart .blockcart,
.dfg-mobile-cart .blockcart{background:transparent!important;padding:0!important;margin:0!important}
.dfg-header-cart .blockcart a,
.dfg-mobile-cart .blockcart a{color:#fff!important}
.dfg-header-cart .shopping-cart,
.dfg-mobile-cart .shopping-cart{font-size:0;line-height:0}
.dfg-header-cart .shopping-cart:before,
.dfg-mobile-cart .shopping-cart:before{content:"";display:inline-block;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;mask:url("data:image/svg+xml;utf8,") no-repeat center / contain}
.dfg-header-cart .cart-products-count,
.dfg-mobile-cart .cart-products-count{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;border-radius:999px;background:#c60d0d;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
.dfg-header-menu .blockcart,
.dfg-header-menu #_desktop_cart,
.dfg-header-menu .shopping-cart,
.dfg-header-menu .cart-preview,
.dfg-header-menu .header-cart,
.dfg-header-menu .user-info,
.dfg-header-menu #_desktop_user_info{display:none!important}
@media (max-width:991px){
.dfg-mobile-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:68px}
.dfg-mobile-actions{display:flex;align-items:center;gap:10px}
.dfg-mobile-account{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:#fff}
.dfg-mobile-logo img{max-height:42px;width:auto}
}
/* search drawer refinement */
.dfg-search-drawer{background:#080808;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.dfg-search-drawer-inner{padding:18px 0}
.dfg-search-only form{margin:0}
.dfg-search-only input[type="text"],
.dfg-search-only input[type="search"],
.dfg-mobile-search input[type="text"],
.dfg-mobile-search input[type="search"]{background:#111!important;border:1px solid #2c2c2c!important;color:#fff!important;border-radius:0!important;min-height:52px;padding:0 16px}
.dfg-search-only button,
.dfg-mobile-search button{background:#c60d0d!important;border-color:#c60d0d!important;color:#fff!important;border-radius:0!important;min-height:52px}
/* keep full-width dark shell */
body#index #wrapper{background:linear-gradient(180deg, #050505 0%, #090909 25%, #111111 100%)}
/* hide legacy homepage blocks that clash */
body#index #custom-text,
body#index .homefeatured,
body#index .featured-products,
body#index .categoryproducts,
body#index .aeuc_footer,
body#index .product-accessories,
body#index .featured-categories,
body#index .home-page-content .vehicle-finder,
body#index .home-page-content .find-products-vehicle,
body#index .home-page-content .customer-reviews,
body#index .home-page-content .popular-gear{display:none!important}
/* ===== DFG 6.3C home cleanup + premium icons ===== */
.dfg-home-flow{max-width:var(--dfg-max);margin:28px auto 0;padding:0 15px}
.dfg-home-flow > *{margin-bottom:30px}
.dfg-home-flow .dfghomeblocks,.dfg-home-flow .dfghomecategories{margin-bottom:34px}
.dfg-home-flow .featured-products,.dfg-home-flow .bestsellers,.dfg-home-flow .products-section-title{margin-top:0}
.dfg-home-flow .featured-products > h2,
.dfg-home-flow .featured-products .h2,
.dfg-home-flow .featured-products .products-section-title,
.dfg-home-flow .featured-products .section-title,
.dfg-home-flow .bestsellers > h2,
.dfg-home-flow .bestsellers .h2,
.dfg-home-flow .bestsellers .products-section-title,
.dfg-home-flow .bestsellers .section-title{
display:block!important;
width:100%;
margin:0 0 18px;
text-align:center;
color:#fff;
font-size:clamp(24px,2.3vw,36px);
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.dfg-home-flow .featured-products > h2:after,
.dfg-home-flow .featured-products .h2:after,
.dfg-home-flow .featured-products .products-section-title:after,
.dfg-home-flow .featured-products .section-title:after,
.dfg-home-flow .bestsellers > h2:after,
.dfg-home-flow .bestsellers .h2:after,
.dfg-home-flow .bestsellers .products-section-title:after,
.dfg-home-flow .bestsellers .section-title:after{
content:"";
display:block;
width:86px;
height:3px;
margin:12px auto 0;
border-radius:99px;
background:linear-gradient(90deg,#5f0000 0%,#e10600 50%,#5f0000 100%);
}
.dfg-home-flow .featured-products .products,
.dfg-home-flow .bestsellers .products,
.dfg-home-flow section.products-section .products,
.dfg-home-flow .product-accessories .products{
display:flex;
flex-wrap:wrap;
gap:20px;
margin-left:0;
margin-right:0;
}
.dfg-home-flow .featured-products .products > article,
.dfg-home-flow .bestsellers .products > article,
.dfg-home-flow section.products-section .products > article,
.dfg-home-flow .product-accessories .products > article{
width:calc(25% - 15px)!important;
max-width:calc(25% - 15px)!important;
flex:0 0 calc(25% - 15px)!important;
margin:0!important;
}
@media (max-width:1199px){
.dfg-home-flow .featured-products .products > article,
.dfg-home-flow .bestsellers .products > article,
.dfg-home-flow section.products-section .products > article,
.dfg-home-flow .product-accessories .products > article{width:calc(33.333% - 14px)!important;max-width:calc(33.333% - 14px)!important;flex-basis:calc(33.333% - 14px)!important;}
}
@media (max-width:767px){
.dfg-home-flow .featured-products .products > article,
.dfg-home-flow .bestsellers .products > article,
.dfg-home-flow section.products-section .products > article,
.dfg-home-flow .product-accessories .products > article{width:calc(50% - 10px)!important;max-width:calc(50% - 10px)!important;flex-basis:calc(50% - 10px)!important;}
}
.dfg-ref-benefits-premium{max-width:var(--dfg-max);margin:34px auto 0;padding:0 15px 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.dfg-ref-benefits-premium .dfg-ref-benefit{background:linear-gradient(180deg,#141414 0%,#0f0f0f 100%);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.03);padding:24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;min-height:148px;position:relative;overflow:hidden}
.dfg-ref-benefits-premium .dfg-ref-benefit:before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:99px;background:linear-gradient(90deg,rgba(225,6,0,0) 0%,rgba(225,6,0,.95) 50%,rgba(225,6,0,0) 100%)}
.dfg-benefit-icon{width:62px;height:62px;border-radius:16px;background:radial-gradient(circle at 30% 20%,rgba(225,6,0,.28),rgba(225,6,0,.04) 55%,rgba(225,6,0,0) 70%),linear-gradient(180deg,#191919 0%,#101010 100%);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.dfg-benefit-icon svg{width:30px;height:30px;display:block;fill:#fff}
.dfg-benefit-copy strong{font-size:14px;line-height:1.45;letter-spacing:.12em;color:#fff;text-transform:uppercase}
@media (max-width:991px){.dfg-ref-benefits-premium{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:575px){.dfg-ref-benefits-premium{grid-template-columns:1fr;}.dfg-ref-benefits-premium .dfg-ref-benefit{min-height:126px}}
/* Home best sellers / featured products robust 4-column layout */
body#index .dfg-home-flow .products.row,
body#index .dfg-home-flow section.products-section .products.row,
body#index .dfg-home-flow .featured-products .products.row,
body#index .dfg-home-flow .bestsellers .products.row,
body#index .dfg-home-flow .product-accessories .products.row{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:20px !important;
margin-left:0 !important;
margin-right:0 !important;
}
body#index .dfg-home-flow .products.row > *,
body#index .dfg-home-flow section.products-section .products.row > *,
body#index .dfg-home-flow .featured-products .products.row > *,
body#index .dfg-home-flow .bestsellers .products.row > *,
body#index .dfg-home-flow .product-accessories .products.row > *{
width:100% !important;
max-width:100% !important;
flex:none !important;
padding-left:0 !important;
padding-right:0 !important;
margin:0 !important;
}
@media (max-width:1199px){
body#index .dfg-home-flow .products.row,
body#index .dfg-home-flow section.products-section .products.row,
body#index .dfg-home-flow .featured-products .products.row,
body#index .dfg-home-flow .bestsellers .products.row,
body#index .dfg-home-flow .product-accessories .products.row{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:767px){
body#index .dfg-home-flow .products.row,
body#index .dfg-home-flow section.products-section .products.row,
body#index .dfg-home-flow .featured-products .products.row,
body#index .dfg-home-flow .bestsellers .products.row,
body#index .dfg-home-flow .product-accessories .products.row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
}
/* v6.5 bigger home benefit icons without icon boxes */
.dfg-ref-benefits-premium{
max-width:var(--dfg-max);
margin:34px auto 0;
padding:0 15px 26px;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}
.dfg-ref-benefits-premium .dfg-ref-benefit{
background:linear-gradient(180deg,#141414 0%,#0f0f0f 100%);
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
box-shadow:0 12px 28px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.03);
padding:24px 18px 22px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
gap:12px;
min-height:154px;
position:relative;
overflow:hidden;
}
.dfg-ref-benefits-premium .dfg-ref-benefit:before{
content:"";
position:absolute;
left:18px;
right:18px;
top:0;
height:2px;
border-radius:99px;
background:linear-gradient(90deg,rgba(225,6,0,0) 0%,rgba(225,6,0,.95) 50%,rgba(225,6,0,0) 100%);
}
.dfg-benefit-icon{
width:auto;
height:auto;
border:0;
border-radius:0;
background:none;
box-shadow:none;
display:flex;
align-items:center;
justify-content:center;
padding:0;
}
.dfg-benefit-icon svg{
width:56px;
height:56px;
display:block;
stroke:#fff;
fill:none;
}
.dfg-benefit-copy{
width:100%;
text-align:center;
}
.dfg-benefit-copy strong{
display:block;
font-size:14px;
line-height:1.45;
letter-spacing:.12em;
color:#fff;
text-transform:uppercase;
}
@media (max-width:991px){
.dfg-ref-benefits-premium{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:575px){
.dfg-ref-benefits-premium{grid-template-columns:1fr;}
.dfg-ref-benefits-premium .dfg-ref-benefit{min-height:132px;}
.dfg-benefit-icon svg{width:50px;height:50px;}
}
/* remove solid red header line, keep the other accent line */
header:before,
header::before,
#header:before,
#header::before,
.header-top:before,
.header-top::before,
.header-wrapper:before,
.header-wrapper::before,
.site-header:before,
.site-header::before{
display:none !important;
content:none !important;
}
/* common solid red top borders/bottom borders in header */
#header,
header,
.header-top,
.header-wrapper,
.site-header{
border-top:0 !important;
}
/* keep the subtle/accent line below if theme uses after */
/* remove the solid red header line and keep the subtle divider */
.dfg-header-main-wrap{
border-bottom:0 !important;
box-shadow:none !important;
}
/* v6.8 final overrides */
.dfg-ref-benefits-premium .dfg-benefit-icon{
width:auto !important;
height:auto !important;
min-width:0 !important;
border:0 !important;
border-radius:0 !important;
background:none !important;
box-shadow:none !important;
padding:0 !important;
}
.dfg-ref-benefits-premium .dfg-benefit-icon svg{
width:54px !important;
height:54px !important;
}
.dfg-ref-benefits-premium .dfg-benefit-icon-image-overland{
display:block !important;
width:122px !important;
max-width:none !important;
max-height:80px !important;
height:auto !important;
margin:0 auto !important;
opacity:1 !important;
visibility:visible !important;
filter:none !important;
}
@media (max-width:767px){
.dfg-ref-benefits-premium .dfg-benefit-icon-image-overland{
width:100px !important;
max-height:72px !important;
}
}
/* remove only the solid header line */
#header,
#header.header,
#header .header-top,
#header .header-nav,
.header-top.dfg-header-main-wrap{
border-bottom:0 !important;
box-shadow:none !important;
}
#header::before,
#header::after,
.header-top.dfg-header-main-wrap::before,
.header-top.dfg-header-main-wrap::after{
display:none !important;
content:none !important;
}
/* review images safety */
.dfg-review-photo,
.dfg-review-image,
.dfg-review-images,
.dfg-review-gallery,
.review-photo,
.review-image,
.review-images,
.review-gallery,
.review-card-image,
.review-card-images,
.review-media,
.review-media-wrap{
display:block !important;
opacity:1 !important;
visibility:visible !important;
}
.dfg-review-photo img,
.dfg-review-image img,
.dfg-review-images img,
.dfg-review-gallery img,
.review-photo img,
.review-image img,
.review-images img,
.review-gallery img,
.review-card-image img,
.review-card-images img,
.review-media img,
.review-media-wrap img{
display:block !important;
opacity:1 !important;
visibility:visible !important;
width:auto !important;
max-width:100% !important;
height:auto !important;
object-fit:cover !important;
}
/* v6.9 header gradient line restore */
#header{
position: sticky !important;
top: 0 !important;
z-index: 99 !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
#header > .container,
#header .header-top.dfg-header-main-wrap,
#header .header-nav{
position: relative;
}
#header::after{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 2px !important;
display: block !important;
background: linear-gradient(90deg, rgba(225,6,0,0) 0%, rgba(225,6,0,.95) 50%, rgba(225,6,0,0) 100%) !important;
box-shadow: 0 0 12px rgba(225,6,0,.28) !important;
pointer-events: none !important;
z-index: 3 !important;
}
#header::before{
display: none !important;
content: none !important;
}
.header-top.dfg-header-main-wrap{
border-bottom: 0 !important;
box-shadow: none !important;
}
/* v7.0 premium footer */
#footer.dfg-footer-premium{
background:#090909 !important;
border-top:0 !important;
margin-top:54px;
color:#fff;
}
#footer.dfg-footer-premium .dfg-footer-topline{
height:2px;
background:linear-gradient(90deg,rgba(225,6,0,0) 0%,rgba(225,6,0,.95) 50%,rgba(225,6,0,0) 100%);
box-shadow:0 0 14px rgba(225,6,0,.22);
}
#footer.dfg-footer-premium .dfg-footer-shell{
padding:42px 15px 20px;
}
#footer.dfg-footer-premium .dfg-footer-grid{
display:grid;
grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;
gap:30px;
align-items:start;
}
#footer.dfg-footer-premium .dfg-footer-brand{
min-width:0;
}
#footer.dfg-footer-premium .dfg-footer-logo{
font-size:28px;
line-height:1;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:14px;
}
#footer.dfg-footer-premium .dfg-footer-copy{
color:#bdbdbd;
font-size:14px;
line-height:1.7;
max-width:340px;
margin:0 0 18px;
}
#footer.dfg-footer-premium .dfg-footer-trust{
display:flex;
flex-wrap:wrap;
gap:10px;
}
#footer.dfg-footer-premium .dfg-footer-trust span{
display:inline-flex;
align-items:center;
min-height:34px;
padding:0 12px;
border:1px solid rgba(255,255,255,.08);
border-radius:999px;
background:linear-gradient(180deg,#141414 0%,#0f0f0f 100%);
color:#fff;
font-size:11px;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
}
#footer.dfg-footer-premium .dfg-footer-col h4{
margin:0 0 14px;
color:#fff;
font-size:13px;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
}
#footer.dfg-footer-premium .dfg-footer-links{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:10px;
}
#footer.dfg-footer-premium .dfg-footer-links li{
margin:0;
padding:0;
}
#footer.dfg-footer-premium .dfg-footer-links a,
#footer.dfg-footer-premium .dfg-footer-legal a{
color:#b8b8b8 !important;
text-decoration:none !important;
transition:color .2s ease, transform .2s ease;
}
#footer.dfg-footer-premium .dfg-footer-links a:hover,
#footer.dfg-footer-premium .dfg-footer-legal a:hover{
color:#fff !important;
transform:translateX(2px);
}
#footer.dfg-footer-premium .dfg-footer-bottom{
margin-top:28px;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.08);
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
flex-wrap:wrap;
}
#footer.dfg-footer-premium .dfg-footer-legal{
display:flex;
gap:18px;
flex-wrap:wrap;
font-size:12px;
}
#footer.dfg-footer-premium .dfg-footer-copyline{
color:#9f9f9f;
font-size:12px;
letter-spacing:.04em;
}
@media (max-width:1199px){
#footer.dfg-footer-premium .dfg-footer-grid{
grid-template-columns:1.4fr 1fr 1fr;
}
}
@media (max-width:767px){
#footer.dfg-footer-premium .dfg-footer-shell{
padding:34px 15px 18px;
}
#footer.dfg-footer-premium .dfg-footer-grid{
grid-template-columns:1fr;
gap:24px;
}
#footer.dfg-footer-premium .dfg-footer-logo{
font-size:24px;
}
#footer.dfg-footer-premium .dfg-footer-bottom{
align-items:flex-start;
flex-direction:column;
}
}
/* Checkout footer hard remove */
body#checkout footer#footer,
body#checkout #footer.js-footer,
body#checkout footer.js-footer{
display:none !important;
visibility:hidden !important;
height:0 !important;
min-height:0 !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
overflow:hidden !important;
}
body#checkout,
body#checkout #wrapper,
body#checkout #main,
body#checkout main,
body#checkout #content{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
/* ===== DFG 7.7 global quantity fix ===== */
.bootstrap-touchspin-up,.bootstrap-touchspin-down{background:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:0!important;}
.cart-grid .bootstrap-touchspin-up,.cart-grid .bootstrap-touchspin-down,.cart-item .bootstrap-touchspin-up,.cart-item .bootstrap-touchspin-down,#cart .bootstrap-touchspin-up,#cart .bootstrap-touchspin-down{display:none!important;}
/* ===== DFG 7.8.1 mobile menu compatibility fix ===== */
@media (max-width:991px){
.dfg-mobile-menu{position:relative;min-width:40px;min-height:40px}
.dfg-mobile-menu-hook{display:flex;align-items:center}
.dfg-mobile-menu-hook-custom:empty{display:none!important}
.dfg-mobile-menu #_mobile_top_menu,
.dfg-mobile-menu #_mobile_top_menu_wrapper,
.dfg-mobile-menu .clearfix.menu,
.dfg-mobile-menu .block_top_menu,
.dfg-mobile-menu .js-top-menu,
.dfg-mobile-menu .top-menu,
.dfg-mobile-menu .dfg-topmenu-mobile-toggle{display:block!important}
.dfg-mobile-menu .top-menu{display:none!important}
.dfg-mobile-menu .top-menu[data-is-open="true"],
.dfg-mobile-menu .top-menu.js-top-menu--open,
.dfg-mobile-menu .top-menu.show,
.dfg-mobile-menu .top-menu.open{display:block!important}
.dfg-mobile-menu button,
.dfg-mobile-menu .navbar-toggler,
.dfg-mobile-menu .menu-icon,
.dfg-mobile-menu .dfg-topmenu-mobile-toggle,
.dfg-mobile-menu [data-dfg-mobile-toggle]{visibility:visible!important;opacity:1!important}
.dfg-mobile-menu .navbar-toggler,
.dfg-mobile-menu .dfg-topmenu-mobile-toggle,
.dfg-mobile-menu button[data-target="#mobile_top_menu_wrapper"],
.dfg-mobile-menu button[data-target="#_mobile_top_menu"]{
display:inline-flex!important;
align-items:center;
justify-content:center;
width:40px;
height:40px;
padding:0;
border:0;
background:transparent!important;
color:#fff!important;
box-shadow:none!important;
}
.dfg-mobile-menu .material-icons,
.dfg-mobile-menu .navbar-toggler .material-icons{font-size:28px!important;line-height:1!important;color:#fff!important}
.dfg-mobile-menu svg{width:24px;height:24px}
.dfg-mobile-menu .navbar-toggler .menu-icon span,
.dfg-mobile-menu .dfg-topmenu-mobile-toggle span{display:block!important;width:22px;height:2px;background:#fff!important;margin:4px 0;border-radius:2px}
.dfg-mobile-menu #_mobile_top_menu_wrapper,
.dfg-mobile-menu #mobile_top_menu_wrapper,
.dfg-mobile-menu .js-top-menu-bottom{position:absolute;left:0;top:100%;z-index:1001}
}
/* ===== DFG 7.9 text color refresh ===== */
:root{
--dfg-text:#c9c6c6;
}
body,
#wrapper,
#main,
#content,
#header,
#footer,
p,
span,
small,
strong,
em,
li,
dl,
dt,
dd,
label,
legend,
blockquote,
address,
th,
td,
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6,
.page-content,
.page-content p,
.card,
.card p,
.breadcrumb,
.breadcrumb li,
.breadcrumb li a,
.product-title a,
.product-miniature .product-title a,
.product-price-and-shipping,
.current-price,
.product-price,
.price,
.regular-price,
.products-section-title,
.tabs .nav-tabs .nav-link,
.nav-tabs .nav-link,
.block-category,
.facet,
.facet label,
.facet a,
.products-selection,
.products-selection .total-products p,
.products-selection .showing,
.form-control,
input,select,textarea,
.table,
.table td,.table th,
.cart-grid,
.cart-grid .card,
#block-reassurance li,
.product-features,
.product-features *
{
color:#c9c6c6 !important;
}
#top-menu > li > a,
#top-menu .sub-menu a,
.dfg-text-logo,
.dfg-topbar-center,
.dfg-search-toggle,
.dfg-account-pill,
.dfg-header-nav2 .blockcart .header,
.dfg-header-nav2 #_desktop_cart .header,
.dfg-mobile-account,
.dfg-trust-item,
body#category .dfg-category-pills span,
body#product .product-information h1,
body#product .product-information .current-price,
body#product .product-information .product-price,
body#product .product-information .price,
body#product .product-information .h1,
body#product .product-information .h2,
body#product .product-information .h3,
body#product .product-information .h4,
body#product .product-information .h5,
body#product .product-information .h6
{
color:#c9c6c6 !important;
}
.btn,
.btn-primary,
.btn.btn-primary,
button,
button.btn-primary,
.btn.disabled,
.btn-primary.disabled{
color:#fff !important;
}
.dfg-header-nav2 .cart-products-count{
color:#fff !important;
}
/* ===== DFG 8.1 premium category + subcategory refresh ===== */
body#category .dfg-category-hero{
padding:30px;
overflow:hidden;
position:relative;
background:
radial-gradient(circle at top right, rgba(225,6,0,.18), transparent 28%),
linear-gradient(135deg,rgba(225,6,0,.10),rgba(255,255,255,.02) 42%),
linear-gradient(180deg,#171717,#101010)!important;
border-radius:24px!important;
margin-bottom:22px;
box-shadow:0 22px 50px rgba(0,0,0,.26);
}
body#category .dfg-category-hero__grid{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);
gap:26px;
align-items:stretch;
}
body#category .dfg-category-hero__content,
body#category .dfg-category-hero__aside{position:relative;z-index:1}
body#category .dfg-category-description{max-width:760px}
body#category .dfg-category-hero__aside{
display:grid;
gap:14px;
align-content:start;
}
body#category .dfg-category-hero__media{
min-height:220px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.14));
display:flex;
align-items:center;
justify-content:center;
padding:18px;
overflow:hidden;
}
body#category .dfg-category-hero__media img{
width:100%;
max-height:240px;
object-fit:contain;
filter:drop-shadow(0 14px 28px rgba(0,0,0,.28));
}
body#category .dfg-category-hero__stats{
display:grid;
gap:12px;
}
body#category .dfg-category-stat{
padding:16px 18px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:rgba(0,0,0,.22);
}
body#category .dfg-category-stat strong{
display:block;
margin-bottom:6px;
color:#fff;
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.1em;
}
body#category .dfg-category-stat span{
display:block;
color:#d0d0d0;
line-height:1.65;
font-size:14px;
}
body#category #subcategories{
margin:0 0 24px;
padding:22px;
border:1px solid var(--dfg-border);
border-radius:22px;
background:linear-gradient(180deg,#141414,#101010);
box-shadow:0 18px 40px rgba(0,0,0,.18);
}
body#category #subcategories .h2,
body#category #subcategories .subcategory-heading,
body#category #subcategories h2{
margin:0 0 18px;
font-size:18px;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
color:#fff;
}
body#category #subcategories ul,
body#category .subcategories-list{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin:0;
padding:0;
list-style:none;
}
body#category #subcategories li,
body#category .subcategories-list > li{
margin:0;
list-style:none;
}
body#category #subcategories .subcategory-image a,
body#category #subcategories li > a:first-child,
body#category #subcategories li .img,
body#category .subcategory-block{
display:flex;
align-items:center;
justify-content:center;
min-height:130px;
padding:18px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,#1a1a1a,#111111);
overflow:hidden;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
body#category #subcategories .subcategory-image img,
body#category #subcategories li img{
width:100%;
max-width:180px;
max-height:100px;
object-fit:contain;
filter:drop-shadow(0 12px 24px rgba(0,0,0,.24));
}
body#category #subcategories .subcategory-name,
body#category #subcategories h5,
body#category #subcategories .subcategory-title,
body#category #subcategories li .cat_name{
display:block;
margin:12px 0 0;
color:#fff;
font-size:14px;
font-weight:800;
line-height:1.3;
text-transform:uppercase;
letter-spacing:.04em;
}
body#category #subcategories li:hover .subcategory-image a,
body#category #subcategories li:hover > a:first-child,
body#category #subcategories li:hover .subcategory-block{
transform:translateY(-4px);
border-color:rgba(225,6,0,.45);
box-shadow:0 18px 32px rgba(0,0,0,.26);
background:linear-gradient(180deg,#211313,#111111);
}
body#category #subcategories li:hover .subcategory-name,
body#category #subcategories li:hover h5,
body#category #subcategories li:hover .subcategory-title,
body#category #subcategories li:hover .cat_name,
body#category #subcategories li:hover h5 a{
color:#fff!important;
}
body#category #subcategories a{
text-decoration:none!important;
}
body#category .products-selection{
padding:16px 20px;
border-radius:20px;
background:linear-gradient(180deg,#161616,#111111);
}
body#category .products-selection .sort-by,
body#category .products-selection .showing,
body#category .products-selection .total-products p{
color:#d6d6d6;
}
body#category .products-sort-order .select-title{
min-height:46px;
padding:0 18px;
background:#101010;
border:1px solid rgba(255,255,255,.08);
}
body#category .page-content.page-cms,
body#category .block-category + #subcategories{
margin-top:0;
}
@media (max-width:1199px){
body#category #subcategories ul,
body#category .subcategories-list{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:991px){
body#category .dfg-category-hero__grid{grid-template-columns:1fr;}
body#category .dfg-category-hero__media{min-height:190px;}
body#category #subcategories ul,
body#category .subcategories-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
body#category .dfg-category-hero{padding:22px;}
body#category #subcategories{padding:18px;}
body#category #subcategories ul,
body#category .subcategories-list{grid-template-columns:1fr 1fr;gap:12px;}
body#category #subcategories .subcategory-image a,
body#category #subcategories li > a:first-child,
body#category #subcategories li .img,
body#category .subcategory-block{min-height:112px;padding:14px;}
body#category #subcategories .subcategory-name,
body#category #subcategories h5,
body#category #subcategories .subcategory-title,
body#category #subcategories li .cat_name{font-size:13px;}
}
/* ===== DFG 8.1.3 OEM ARB complete category sidebar ===== */
body#category #left-column .block-categories,
body#category #left-column #search_filters,
body#category #left-column .facet{
background:
linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 14%),
linear-gradient(180deg,#121212,#080808)!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:22px!important;
box-shadow:0 24px 52px rgba(0,0,0,.34);
overflow:hidden;
}
body#category #left-column .block-categories{
padding:0!important;
}
body#category #left-column .block-categories .h6,
body#category #left-column .block-categories .title_block,
body#category #left-column .block-categories h4{
margin:0!important;
padding:17px 18px 15px!important;
color:#fff!important;
font-size:12px!important;
font-weight:900!important;
letter-spacing:.20em!important;
text-transform:uppercase!important;
border-bottom:1px solid rgba(255,255,255,.07);
background:
linear-gradient(90deg, rgba(225,6,0,.30), rgba(225,6,0,.08) 38%, rgba(255,255,255,0) 100%),
linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
body#category #left-column .block-categories .category-top-menu,
body#category #left-column .block-categories .category-sub-menu{
padding:10px 12px 14px!important;
margin:0!important;
list-style:none;
}
body#category #left-column .block-categories ul{
list-style:none;
margin:0!important;
padding-left:0!important;
}
body#category #left-column .block-categories li{
position:relative;
margin:0!important;
padding:0!important;
border-bottom:1px solid rgba(255,255,255,.045);
}
body#category #left-column .block-categories li:last-child{
border-bottom:0;
}
body#category #left-column .block-categories li ul,
body#category #left-column .block-categories .category-sub-menu .category-sub-menu{
margin:2px 0 8px!important;
padding:4px 0 0 12px!important;
border-left:1px solid rgba(255,255,255,.08);
}
body#category #left-column .block-categories a{
color:#c9c6c6!important;
display:flex!important;
align-items:center;
justify-content:flex-start;
gap:10px;
min-height:46px;
padding:11px 44px 11px 12px!important;
border-radius:13px;
font-size:13px!important;
font-weight:800!important;
line-height:1.28;
letter-spacing:.035em;
text-transform:uppercase;
text-decoration:none!important;
position:relative;
transition:transform .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease, border-color .22s ease;
}
body#category #left-column .block-categories a::before{
content:'';
width:6px;
height:6px;
border-radius:999px;
background:rgba(255,255,255,.16);
box-shadow:0 0 0 4px rgba(255,255,255,.02);
flex:0 0 auto;
transition:background .22s ease, box-shadow .22s ease, transform .22s ease;
}
body#category #left-column .block-categories li > a::after{
content:'›';
position:absolute;
right:14px;
top:50%;
margin-top:-11px;
color:#8b8b8b;
font-size:18px;
font-weight:700;
line-height:1;
transform:translateX(0);
transition:transform .22s ease, color .22s ease, opacity .22s ease;
}
body#category #left-column .block-categories li ul li > a::after,
body#category #left-column .block-categories .category-sub-menu li ul li > a::after{
content:'—';
font-size:12px;
right:16px;
margin-top:-7px;
color:rgba(201,198,198,.45);
}
body#category #left-column .block-categories a:hover{
color:#fff!important;
background:linear-gradient(90deg, rgba(225,6,0,.24), rgba(225,6,0,.07) 44%, rgba(255,255,255,0) 100%);
box-shadow:inset 0 0 0 1px rgba(225,6,0,.16);
transform:translateX(6px);
}
body#category #left-column .block-categories a:hover::before{
background:#e10600;
box-shadow:0 0 0 4px rgba(225,6,0,.14);
transform:scale(1.08);
}
body#category #left-column .block-categories a:hover::after{
color:#e10600;
transform:translateX(4px);
}
body#category #left-column .block-categories .current > a,
body#category #left-column .block-categories li[data-depth="0"].current > a,
body#category #left-column .block-categories .current-category > a{
color:#fff!important;
background:linear-gradient(90deg, rgba(225,6,0,.36), rgba(225,6,0,.12) 54%, rgba(255,255,255,.02) 100%)!important;
box-shadow:inset 0 0 0 1px rgba(225,6,0,.26), 0 14px 26px rgba(0,0,0,.20);
}
body#category #left-column .block-categories .current > a::before,
body#category #left-column .block-categories li[data-depth="0"].current > a::before,
body#category #left-column .block-categories .current-category > a::before{
background:#e10600;
box-shadow:0 0 0 4px rgba(225,6,0,.18);
}
body#category #left-column .block-categories .current > a::after,
body#category #left-column .block-categories li[data-depth="0"].current > a::after,
body#category #left-column .block-categories .current-category > a::after{
color:#fff;
}
body#category #left-column .block-categories .collapse-icons,
body#category #left-column .block-categories .navbar-toggler,
body#category #left-column .block-categories .material-icons,
body#category #left-column .block-categories button,
body#category #left-column .block-categories [data-action="toggle-collapse"]{
display:none!important;
}
body#category #left-column .block-categories [data-depth="1"] > a,
body#category #left-column .block-categories .category-sub-menu [data-depth="1"] > a{
padding-left:16px!important;
font-size:12px!important;
letter-spacing:.045em;
}
body#category #left-column .block-categories [data-depth="2"] > a,
body#category #left-column .block-categories [data-depth="3"] > a{
padding-left:22px!important;
font-size:12px!important;
text-transform:none;
letter-spacing:.02em;
opacity:.96;
}
body#category #left-column .block-categories [data-depth="2"] > a::before,
body#category #left-column .block-categories [data-depth="3"] > a::before{
width:5px;
height:5px;
background:rgba(201,198,198,.24);
}
body#category #left-column .block-categories li.current > ul,
body#category #left-column .block-categories li.current-category > ul,
body#category #left-column .block-categories li.current-parent > ul{
display:block!important;
}
@media (max-width:991px){
body#category #left-column .block-categories a{
min-height:42px;
padding:10px 38px 10px 10px!important;
font-size:12px!important;
}
body#category #left-column .block-categories .h6,
body#category #left-column .block-categories .title_block,
body#category #left-column .block-categories h4{
padding:15px 16px 13px!important;
}
}
/* ===== DFG 8.1.4 accordion fix ===== */
body#category #left-column .block-categories li.dfg-has-children > a::after{display:none!important;}
body#category #left-column .block-categories li.dfg-has-children{padding-right:0!important;}
body#category #left-column .block-categories li.dfg-has-children > a{padding-right:54px!important;}
body#category #left-column .block-categories .dfg-cat-toggle{
position:absolute;
top:7px;
right:6px;
width:34px;
height:34px;
border:1px solid rgba(255,255,255,.08);
border-radius:10px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
color:#c9c6c6;
display:inline-flex!important;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:3;
transition:background .22s ease, border-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}
body#category #left-column .block-categories .dfg-cat-toggle::before{
content:'›';
font-size:18px;
line-height:1;
font-weight:800;
transform:rotate(90deg);
transition:transform .22s ease;
}
body#category #left-column .block-categories li.dfg-collapsed > .dfg-cat-toggle::before{transform:rotate(0deg);}
body#category #left-column .block-categories .dfg-cat-toggle:hover{
color:#fff;
border-color:rgba(225,6,0,.25);
background:linear-gradient(180deg, rgba(225,6,0,.26), rgba(225,6,0,.08));
box-shadow:inset 0 0 0 1px rgba(225,6,0,.18);
}
body#category #left-column .block-categories li.dfg-has-children:hover > .dfg-cat-toggle,
body#category #left-column .block-categories li.current > .dfg-cat-toggle,
body#category #left-column .block-categories li.current-category > .dfg-cat-toggle,
body#category #left-column .block-categories li.current-parent > .dfg-cat-toggle{
color:#fff;
}
body#category #left-column .block-categories li.dfg-collapsed > ul{display:none!important;}
/* ===== DFG 8.1.6 native ps_categorytree accordion ===== */
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-tree-row{
position:relative;
}
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-tree-item > .dfg-tree-row > a{
display:flex!important;
}
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-tree-item.dfg-has-children > .dfg-tree-row > a{
padding-right:54px!important;
}
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-tree-item.dfg-has-children > .dfg-tree-row > a::after{
display:none!important;
}
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-cat-toggle{
position:absolute;
top:7px;
right:6px;
width:34px;
height:34px;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:10px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01))!important;
color:#c9c6c6!important;
display:inline-flex!important;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:4;
padding:0!important;
min-height:0!important;
box-shadow:none!important;
}
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-cat-toggle::before{
content:'›';
font-size:18px;
line-height:1;
font-weight:800;
transform:rotate(90deg);
transition:transform .22s ease;
}
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-tree-item.is-collapsed > .dfg-tree-row > .dfg-cat-toggle::before{
transform:rotate(0deg);
}
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-cat-toggle:hover{
color:#fff!important;
border-color:rgba(225,6,0,.25)!important;
background:linear-gradient(180deg, rgba(225,6,0,.26), rgba(225,6,0,.08))!important;
box-shadow:inset 0 0 0 1px rgba(225,6,0,.18)!important;
}
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-tree-item.current > .dfg-tree-row > .dfg-cat-toggle,
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-tree-item.current-parent > .dfg-tree-row > .dfg-cat-toggle{
color:#fff!important;
}
body#category #left-column .block-categories.dfg-categorytree-premium .dfg-tree-children.is-collapsed{
display:none!important;
}
/* ===== PAGINATION OEM / ARB HARD FIX v8.1.10 ===== */
.pagination,
.products-selection .pagination,
#js-product-list .pagination,
#js-product-list-bottom .pagination,
#js-product-list-bottom-nav .pagination,
.pagination nav,
.pagination .page-list,
ul.page-list {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.pagination .page-list li,
ul.page-list li,
.pagination .page-item {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.pagination .page-list li a,
.pagination .page-list li span,
ul.page-list li a,
ul.page-list li span,
.pagination .page-link,
.page-item .page-link,
li.current a,
li.current span,
li.next a,
li.previous a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 38px !important;
height: 38px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: #111 !important;
color: #c9c6c6 !important;
border: 1px solid rgba(255,255,255,.08) !important;
box-shadow: none !important;
text-decoration: none !important;
}
.pagination .page-list li.current a,
.pagination .page-list li.current span,
ul.page-list li.current a,
ul.page-list li.current span,
.pagination .page-item.active .page-link,
.pagination .current .page-link {
background: #ff2b2b !important;
color: #fff !important;
border-color: #ff2b2b !important;
}
.pagination .page-list li a:hover,
.pagination .page-link:hover,
ul.page-list li a:hover {
background: #1a1a1a !important;
color: #ff2b2b !important;
border-color: rgba(255,43,43,.35) !important;
}
.pagination .disabled a,
.pagination .disabled span,
.page-item.disabled .page-link {
background: #111 !important;
color: #777 !important;
opacity: .45 !important;
}
/* extra kill for inherited white chips */
.pagination *[style*="background:#fff"],
.pagination *[style*="background: #fff"],
.pagination *[style*="background-color:#fff"],
.pagination *[style*="background-color: #fff"],
.pagination *[style*="background:white"],
.pagination *[style*="background: white"],
.pagination *[style*="background-color:white"],
.pagination *[style*="background-color: white"] {
background: #111 !important;
color: #c9c6c6 !important;
border-color: rgba(255,255,255,.08) !important;
}
/* ===== BACK TO TOP DARK FIX ===== */
a.back-to-top,
.back-to-top a,
#js-product-list .back-to-top a,
#js-product-list-bottom .back-to-top a,
#js-product-list-top .back-to-top a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 16px !important;
border-radius: 999px !important;
background: #111 !important;
color: #c9c6c6 !important;
border: 1px solid rgba(255,255,255,.08) !important;
box-shadow: none !important;
text-decoration: none !important;
}
a.back-to-top:hover,
.back-to-top a:hover,
#js-product-list .back-to-top a:hover,
#js-product-list-bottom .back-to-top a:hover,
#js-product-list-top .back-to-top a:hover {
background: #1a1a1a !important;
color: #ff2b2b !important;
border-color: rgba(255,43,43,.35) !important;
}
/* ===== DFG 8.1.16 product listing title 3-line fix =====
Force product card names to show up to 3 full lines on category,
search, prices-drop, new-products, best-sellers and home product blocks. */
.products .product-miniature .product-title,
.featured-products .product-miniature .product-title,
.product-accessories .product-miniature .product-title,
.product-miniature .product-description .product-title,
.product-miniature h2.product-title,
.product-miniature h3.product-title,
.product-miniature .h3.product-title,
body#category .product-miniature .product-title,
body#search .product-miniature .product-title,
body#prices-drop .product-miniature .product-title,
body#new-products .product-miniature .product-title,
body#best-sales .product-miniature .product-title{
min-height:60px!important;
height:auto!important;
max-height:none!important;
margin-bottom:12px!important;
line-height:20px!important;
overflow:visible!important;
display:block!important;
text-align:left!important;
}
.products .product-miniature .product-title a,
.featured-products .product-miniature .product-title a,
.product-accessories .product-miniature .product-title a,
.product-miniature .product-description .product-title a,
.product-miniature h2.product-title a,
.product-miniature h3.product-title a,
.product-miniature .h3.product-title a,
body#category .product-miniature .product-title a,
body#search .product-miniature .product-title a,
body#prices-drop .product-miniature .product-title a,
body#new-products .product-miniature .product-title a,
body#best-sales .product-miniature .product-title a{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:3!important;
line-clamp:3!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:normal!important;
min-height:60px!important;
max-height:60px!important;
line-height:20px!important;
font-size:15px!important;
letter-spacing:.02em!important;
}
body#index .product-miniature .product-title,
body#index .product-miniature .product-title a{
min-height:60px!important;
max-height:60px!important;
line-height:20px!important;
white-space:normal!important;
}
@media (max-width:767px){
.products .product-miniature .product-title,
.product-miniature .product-description .product-title,
.product-miniature h2.product-title,
.product-miniature h3.product-title,
.product-miniature .h3.product-title,
.products .product-miniature .product-title a,
.product-miniature .product-description .product-title a,
.product-miniature h2.product-title a,
.product-miniature h3.product-title a,
.product-miniature .h3.product-title a{
min-height:66px!important;
max-height:66px!important;
line-height:22px!important;
font-size:15px!important;
}
}
/* ===== DFG 8.1.17 FINAL product card title override ===== */
.products .product-miniature .product-description,
.product-miniature .product-description{height:auto!important;min-height:128px!important;}
.products .product-miniature .product-title,
.featured-products .product-miniature .product-title,
.product-accessories .product-miniature .product-title,
.product-miniature .product-title,
.product-miniature h2.product-title,
.product-miniature h3.product-title,
.product-miniature .h3.product-title{height:auto!important;min-height:63px!important;max-height:63px!important;line-height:21px!important;overflow:hidden!important;margin:0 0 12px!important;text-align:left!important;}
.products .product-miniature .product-title a,
.featured-products .product-miniature .product-title a,
.product-accessories .product-miniature .product-title a,
.product-miniature .product-title a,
.product-miniature h2.product-title a,
.product-miniature h3.product-title a,
.product-miniature .h3.product-title a{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:63px!important;max-height:63px!important;line-height:21px!important;font-size:15px!important;}
@media(max-width:767px){.products .product-miniature .product-description,.product-miniature .product-description{min-height:136px!important}.products .product-miniature .product-title,.product-miniature .product-title,.products .product-miniature .product-title a,.product-miniature .product-title a{min-height:66px!important;max-height:66px!important;line-height:22px!important}}
/* ===== DFG 8.1.19 CLEAN product title fix =====
Minimal fix: remove Smarty title truncation via template override and only allow
product card titles to occupy 3 lines without changing the product card layout. */
.product-miniature .product-title,
.products .product-miniature .product-title,
.featured-products .product-miniature .product-title,
.product-accessories .product-miniature .product-title,
body#category .product-miniature .product-title,
body#search .product-miniature .product-title{
height:auto!important;
min-height:0!important;
max-height:none!important;
margin-bottom:10px!important;
overflow:visible!important;
}
.product-miniature .product-title a,
.products .product-miniature .product-title a,
.featured-products .product-miniature .product-title a,
.product-accessories .product-miniature .product-title a,
body#category .product-miniature .product-title a,
body#search .product-miniature .product-title a{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:3!important;
line-clamp:3!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:normal!important;
line-height:1.28!important;
max-height:3.84em!important;
min-height:0!important;
}
/* ===== DFG 8.1.21 PRODUCT PAGE DISCOUNT CLEANUP =====
Hide only the discount pill/amount next to the price on product pages.
Keeps the regular price strikethrough and keeps product image flags intact. */
body#product .product-prices .discount,
body#product .product-prices .discount-percentage,
body#product .product-prices .discount-amount {
display: none !important;
}
/* ===== DFG 8.1.22 DISCOUNT BADGE PRICE CLEANUP =====
Removes discount badge near prices on product page and product cards.
Keeps image flags: .product-flags .discount remains visible. */
body#product .product-prices .current-price .discount,
body#product .product-prices .current-price .discount-percentage,
body#product .product-prices .current-price .discount-amount,
body#product .product-prices > .discount,
body#product .product-prices > .discount-percentage,
body#product .product-prices > .discount-amount,
body#product .product-price .discount,
body#product .product-price .discount-percentage,
body#product .product-price .discount-amount,
body#product .product-discount .discount,
body#product .product-discount .discount-percentage,
body#product .product-discount .discount-amount,
.product-miniature .product-price-and-shipping > .discount,
.product-miniature .product-price-and-shipping > .discount-percentage,
.product-miniature .product-price-and-shipping > .discount-amount,
.product-miniature .product-price-and-shipping .price + .discount,
.product-miniature .product-price-and-shipping .price + .discount-percentage,
.product-miniature .product-price-and-shipping .price + .discount-amount {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
body#product .product-prices .regular-price,
.product-miniature .product-price-and-shipping .regular-price {
display: inline !important;
text-decoration: line-through !important;
}
/* ===== DFG 8.1.23 PREMIUM CUSTOMER ACCOUNT PAGES =====
Styles My Account, Address, Identity, Order History, Vouchers, Returns and Credit Slips
so they match the DFG dark premium theme instead of Classic white cards. */
body#my-account,
body#addresses,
body#address,
body#identity,
body#history,
body#order-slip,
body#discount,
body#order-follow,
body#authentication,
body#password {
background:#050505!important;
color:#c9c6c6!important;
}
body#my-account #wrapper,
body#addresses #wrapper,
body#address #wrapper,
body#identity #wrapper,
body#history #wrapper,
body#order-slip #wrapper,
body#discount #wrapper,
body#order-follow #wrapper,
body#authentication #wrapper,
body#password #wrapper {
background: radial-gradient(circle at top, rgba(186,24,31,.12), transparent 34%), #050505!important;
border-top:1px solid rgba(186,24,31,.45);
padding-top:34px!important;
}
body#my-account .breadcrumb,
body#addresses .breadcrumb,
body#address .breadcrumb,
body#identity .breadcrumb,
body#history .breadcrumb,
body#order-slip .breadcrumb,
body#discount .breadcrumb,
body#order-follow .breadcrumb,
body#authentication .breadcrumb,
body#password .breadcrumb {
background:transparent!important;
color:#9a9a9a!important;
padding-left:0!important;
}
body#my-account .breadcrumb a,
body#addresses .breadcrumb a,
body#address .breadcrumb a,
body#identity .breadcrumb a,
body#history .breadcrumb a,
body#order-slip .breadcrumb a,
body#discount .breadcrumb a,
body#order-follow .breadcrumb a,
body#authentication .breadcrumb a,
body#password .breadcrumb a { color:#f2f2f2!important; }
body#my-account .page-header h1,
body#addresses .page-header h1,
body#address .page-header h1,
body#identity .page-header h1,
body#history .page-header h1,
body#order-slip .page-header h1,
body#discount .page-header h1,
body#order-follow .page-header h1,
body#authentication .page-header h1,
body#password .page-header h1,
body#my-account h1,
body#addresses h1,
body#address h1,
body#identity h1,
body#history h1,
body#order-slip h1,
body#discount h1,
body#order-follow h1,
body#authentication h1,
body#password h1 {
color:#f4f4f4!important;
font-weight:800!important;
letter-spacing:.03em;
text-transform:uppercase;
font-size:28px!important;
}
body#my-account .page-header h1:after,
body#addresses .page-header h1:after,
body#address .page-header h1:after,
body#identity .page-header h1:after,
body#history .page-header h1:after,
body#order-slip .page-header h1:after,
body#discount .page-header h1:after,
body#order-follow .page-header h1:after,
body#authentication .page-header h1:after,
body#password .page-header h1:after {
content:"";
display:block;
width:92px;
height:2px;
margin-top:12px;
background:linear-gradient(90deg,#d71920,rgba(215,25,32,0));
}
body#my-account .links {
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:28px!important;
margin-top:28px!important;
}
body#my-account .links a {
width:auto!important;
float:none!important;
display:block!important;
margin:0!important;
text-decoration:none!important;
}
body#my-account .links a span.link-item {
min-height:142px!important;
background:linear-gradient(180deg,#171717,#0a0a0a)!important;
border:1px solid rgba(255,255,255,.10)!important;
border-bottom:2px solid rgba(215,25,32,.75)!important;
color:#c9c6c6!important;
border-radius:16px!important;
box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-direction:column!important;
gap:14px!important;
text-transform:uppercase!important;
letter-spacing:.08em!important;
font-weight:800!important;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
}
body#my-account .links a:hover span.link-item {
transform:translateY(-4px);
color:#fff!important;
border-color:rgba(215,25,32,1)!important;
box-shadow:0 22px 55px rgba(215,25,32,.16),0 18px 44px rgba(0,0,0,.55)!important;
}
body#my-account .links a span.link-item i,
body#my-account .links a span.link-item .material-icons {
color:#d71920!important;
font-size:38px!important;
line-height:1!important;
}
body#address .page-content,
body#identity .page-content,
body#addresses .page-content,
body#history .page-content,
body#order-slip .page-content,
body#discount .page-content,
body#order-follow .page-content,
body#authentication .page-content,
body#password .page-content,
body#my-account .page-content {
background:transparent!important;
box-shadow:none!important;
border:0!important;
}
body#address form,
body#identity form,
body#authentication form,
body#password form,
body#addresses .address,
body#history table,
body#order-slip table,
body#discount table,
body#order-follow table {
background:linear-gradient(180deg,#151515,#080808)!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:18px!important;
box-shadow:0 18px 48px rgba(0,0,0,.45)!important;
padding:28px!important;
color:#c9c6c6!important;
}
body#address .form-control-label,
body#identity .form-control-label,
body#authentication .form-control-label,
body#password .form-control-label,
body#address label,
body#identity label,
body#authentication label,
body#password label {
color:#d8d8d8!important;
font-weight:700!important;
text-transform:uppercase;
letter-spacing:.06em;
font-size:12px!important;
}
body#address .form-control,
body#identity .form-control,
body#authentication .form-control,
body#password .form-control,
body#address input,
body#identity input,
body#authentication input,
body#password input,
body#address select,
body#identity select,
body#authentication select,
body#password select {
background:#080808!important;
color:#f2f2f2!important;
border:1px solid rgba(255,255,255,.16)!important;
border-radius:12px!important;
min-height:44px!important;
box-shadow:none!important;
}
body#address .form-control:focus,
body#identity .form-control:focus,
body#authentication .form-control:focus,
body#password .form-control:focus,
body#address input:focus,
body#identity input:focus,
body#authentication input:focus,
body#password input:focus,
body#address select:focus,
body#identity select:focus,
body#authentication select:focus,
body#password select:focus {
border-color:#d71920!important;
box-shadow:0 0 0 3px rgba(215,25,32,.18)!important;
}
body#address .form-control-comment,
body#identity .form-control-comment,
body#authentication .form-control-comment,
body#password .form-control-comment { color:#8e8e8e!important; }
body#address .btn-primary,
body#identity .btn-primary,
body#authentication .btn-primary,
body#password .btn-primary,
body#addresses .btn-primary,
body#my-account .btn-primary,
body#history .btn-primary,
body#order-slip .btn-primary,
body#discount .btn-primary,
body#order-follow .btn-primary,
body#address button[type="submit"],
body#identity button[type="submit"],
body#authentication button[type="submit"],
body#password button[type="submit"] {
background:#d71920!important;
border:1px solid #d71920!important;
color:#fff!important;
border-radius:999px!important;
padding:12px 28px!important;
text-transform:uppercase!important;
font-weight:900!important;
letter-spacing:.06em!important;
box-shadow:0 10px 24px rgba(215,25,32,.28)!important;
}
body#address .btn-primary:hover,
body#identity .btn-primary:hover,
body#authentication .btn-primary:hover,
body#password .btn-primary:hover,
body#addresses .btn-primary:hover,
body#my-account .btn-primary:hover,
body#history .btn-primary:hover,
body#order-slip .btn-primary:hover,
body#discount .btn-primary:hover,
body#order-follow .btn-primary:hover { background:#b9141a!important; }
body#history table,
body#order-slip table,
body#discount table,
body#order-follow table {
border-collapse:separate!important;
border-spacing:0!important;
}
body#history table th,
body#order-slip table th,
body#discount table th,
body#order-follow table th {
background:#101010!important;
color:#fff!important;
border-bottom:1px solid rgba(215,25,32,.5)!important;
text-transform:uppercase;
letter-spacing:.06em;
}
body#history table td,
body#order-slip table td,
body#discount table td,
body#order-follow table td {
color:#c9c6c6!important;
border-color:rgba(255,255,255,.08)!important;
}
body#addresses .address {
min-height:190px!important;
}
body#addresses .address .address-body h4,
body#addresses .address .address-footer a { color:#fff!important; }
body#addresses .address .address-footer a:hover { color:#d71920!important; }
@media (max-width:991px){
body#my-account .links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;}
}
@media (max-width:575px){
body#my-account .links{grid-template-columns:1fr;}
body#my-account .links a span.link-item{min-height:118px!important;}
body#address form,body#identity form,body#authentication form,body#password form{padding:18px!important;border-radius:14px!important;}
body#address .form-control-label,body#identity .form-control-label,body#authentication .form-control-label,body#password .form-control-label{text-align:left!important;}
}
/* ==========================================================
DFG OFFROAD V8.1.24 - PREMIUM BEST SELLERS PAGE FIX
Fixes classic mixed styling on /best-sellers and product listing pages.
========================================================== */
body#best-sales,
body#best-sales #wrapper,
body#best-sales #main,
body#best-sales #content-wrapper,
body#best-sales #content,
body#best-sales .container,
body#best-sales .page-content,
body#best-sales .page-wrapper {
background:#050505!important;
color:#c9c6c6!important;
}
body#best-sales #wrapper {
padding-top:28px!important;
}
body#best-sales .breadcrumb,
body#best-sales .breadcrumb ol,
body#best-sales .breadcrumb li,
body#best-sales .breadcrumb a,
body#best-sales .breadcrumb span {
background:transparent!important;
color:#bdbdbd!important;
font-size:14px!important;
}
body#best-sales .breadcrumb a:hover { color:#d71920!important; }
body#best-sales .page-header,
body#best-sales .block-category,
body#best-sales #js-product-list-header,
body#best-sales #left-column .block,
body#best-sales #left-column .block-categories,
body#best-sales .card,
body#best-sales .products-selection,
body#best-sales #js-product-list-top,
body#best-sales #js-product-list-bottom {
background:linear-gradient(180deg,#111 0%,#0b0b0b 100%)!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:18px!important;
box-shadow:none!important;
color:#c9c6c6!important;
}
body#best-sales .page-header,
body#best-sales #js-product-list-header,
body#best-sales .block-category {
padding:24px!important;
margin-bottom:24px!important;
}
body#best-sales .page-header h1,
body#best-sales h1,
body#best-sales .h1,
body#best-sales .products-section-title {
color:#fff!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
font-weight:900!important;
margin:0!important;
}
body#best-sales .page-header h1:after,
body#best-sales h1:after {
content:"";
display:block;
width:82px;
height:3px;
margin-top:14px;
background:#d71920;
box-shadow:0 0 18px rgba(215,25,32,.45);
}
/* Left categories / filters: remove classic white/dark unreadable text */
body#best-sales #left-column,
body#best-sales #left-column *:not(.material-icons),
body#best-sales .block-categories,
body#best-sales .block-categories *,
body#best-sales .category-sub-menu,
body#best-sales .category-sub-menu *,
body#best-sales .facet,
body#best-sales .facet * {
color:#c9c6c6!important;
}
body#best-sales #left-column a,
body#best-sales .block-categories a,
body#best-sales .category-sub-menu a,
body#best-sales .facet a,
body#best-sales .facet-label a {
color:#c9c6c6!important;
text-decoration:none!important;
}
body#best-sales #left-column a:hover,
body#best-sales .block-categories a:hover,
body#best-sales .category-sub-menu a:hover,
body#best-sales .facet a:hover,
body#best-sales .facet-label a:hover {
color:#d71920!important;
}
body#best-sales #left-column .h6,
body#best-sales .block-categories .h6,
body#best-sales .facet-title,
body#best-sales .facet .h6,
body#best-sales .block-title,
body#best-sales .title_block {
color:#fff!important;
text-transform:uppercase!important;
letter-spacing:.08em!important;
font-weight:900!important;
border-bottom:1px solid rgba(215,25,32,.45)!important;
padding-bottom:12px!important;
margin-bottom:14px!important;
}
body#best-sales .collapse-icons .add,
body#best-sales .collapse-icons .remove,
body#best-sales .material-icons {
color:#fff!important;
}
/* Sort/filter bars */
body#best-sales .products-selection,
body#best-sales #js-product-list-top,
body#best-sales #js-product-list-bottom {
padding:16px!important;
margin-bottom:22px!important;
}
body#best-sales .products-sort-order .select-title,
body#best-sales .sort-by,
body#best-sales .total-products,
body#best-sales .showing,
body#best-sales label {
color:#c9c6c6!important;
}
body#best-sales select,
body#best-sales .form-control,
body#best-sales .custom-select {
background:#111!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:12px!important;
}
/* Product cards */
body#best-sales .products,
body#best-sales #js-product-list .products {
row-gap:26px!important;
}
body#best-sales .product-miniature .thumbnail-container,
body#best-sales .product-miniature .product-description {
background:linear-gradient(180deg,#151515 0%,#0f0f0f 100%)!important;
border-color:rgba(255,255,255,.08)!important;
color:#c9c6c6!important;
}
body#best-sales .product-miniature .thumbnail-container {
border-radius:20px!important;
overflow:hidden!important;
box-shadow:0 18px 34px rgba(0,0,0,.28)!important;
}
body#best-sales .product-miniature .product-title a,
body#best-sales .product-miniature .product-title,
body#best-sales .product-miniature h2,
body#best-sales .product-miniature h3 {
color:#fff!important;
}
body#best-sales .product-miniature .product-title a:hover { color:#d71920!important; }
body#best-sales .product-price-and-shipping,
body#best-sales .product-price,
body#best-sales .current-price,
body#best-sales .price {
color:#fff!important;
}
body#best-sales .regular-price { color:#8e8e8e!important; }
/* Back to top from classic/listing does nothing here - remove it */
body#best-sales a.back-to-top,
body#best-sales .back-to-top,
body#best-sales #js-product-list .back-to-top,
body#best-sales #js-product-list-top .back-to-top,
body#best-sales #js-product-list-bottom .back-to-top {
display:none!important;
visibility:hidden!important;
opacity:0!important;
pointer-events:none!important;
}
@media (max-width:991px){
body#best-sales #wrapper{padding-top:18px!important;}
body#best-sales #left-column{margin-bottom:20px!important;}
body#best-sales .page-header,body#best-sales #js-product-list-header,body#best-sales .block-category{padding:18px!important;}
}
/* DFG v8.1.25 - Best sellers filters hard fix
The Classic search_filters_wrapper was loading as a white/unstyled sidebar on /best-sellers. */
body#best-sales #search_filters_wrapper.hidden-sm-down,
body#best-sales #search_filters_wrapper,
body#best-sales #left-column #search_filters_wrapper,
body#best-sales #left-column .block-categories,
body#best-sales #left-column .block-categories * {
background:transparent!important;
color:#c9c6c6!important;
}
body#best-sales #search_filters_wrapper {
background:linear-gradient(180deg,#151515 0%,#0c0c0c 100%)!important;
border:1px solid rgba(255,255,255,.09)!important;
border-radius:22px!important;
padding:18px!important;
box-shadow:0 18px 38px rgba(0,0,0,.32)!important;
overflow:hidden!important;
}
body#best-sales #search_filters,
body#best-sales #search_filters .facet,
body#best-sales #search_filters .facet ul,
body#best-sales #search_filters .facet li,
body#best-sales #search_filters .facet .facet-label,
body#best-sales #search_filters .facet .facet-title,
body#best-sales #search_filters .h6,
body#best-sales #search_filters .collapse,
body#best-sales #search_filters .navbar-toggler {
background:transparent!important;
color:#c9c6c6!important;
border-color:rgba(255,255,255,.08)!important;
}
body#best-sales #search_filters .facet {
border-bottom:1px solid rgba(255,255,255,.08)!important;
border-radius:0!important;
padding:14px 0!important;
margin:0!important;
}
body#best-sales #search_filters .facet:last-child{border-bottom:0!important;}
body#best-sales #search_filters .facet-title,
body#best-sales #search_filters .h6,
body#best-sales #search_filters .facet .title,
body#best-sales #search_filters .facet .facet-title span {
color:#fff!important;
font-weight:800!important;
text-transform:uppercase!important;
letter-spacing:.08em!important;
}
body#best-sales #search_filters a,
body#best-sales #search_filters .facet-label a,
body#best-sales #left-column .block-categories a,
body#best-sales #left-column .category-sub-menu a {
color:#c9c6c6!important;
text-decoration:none!important;
}
body#best-sales #search_filters a:hover,
body#best-sales #search_filters .facet-label a:hover,
body#best-sales #left-column .block-categories a:hover,
body#best-sales #left-column .category-sub-menu a:hover {
color:#d71920!important;
}
body#best-sales #search_filters input[type="checkbox"],
body#best-sales #search_filters input[type="radio"]{
accent-color:#d71920!important;
}
body#best-sales #search_filters .custom-checkbox input[type="checkbox"] + span,
body#best-sales #search_filters .custom-radio input[type="radio"] + span {
background:#090909!important;
border:1px solid rgba(255,255,255,.22)!important;
border-radius:4px!important;
}
body#best-sales #search_filters .ui-slider,
body#best-sales #search_filters .ui-widget-content {
background:#0a0a0a!important;
border:1px solid rgba(255,255,255,.12)!important;
}
body#best-sales #search_filters .ui-slider-range,
body#best-sales #search_filters .ui-widget-header { background:#d71920!important; }
body#best-sales #search_filters .ui-slider-handle { background:#fff!important;border:2px solid #d71920!important;border-radius:999px!important; }
/* Remove non-working Classic scroll button on listing pages */
body#best-sales #back-top,
body#best-sales #back-top-wrapper,
body#best-sales #back_to_top,
body#best-sales #back-to-top,
body#best-sales .back-top,
body#best-sales .back-to-top,
body#best-sales .backtotop,
body#best-sales .back-to-top-button,
body#best-sales .scroll-to-top,
body#best-sales .scrolltop,
body#best-sales .ets_scroll_top,
body#best-sales .leo-back-top,
body#best-sales .material-scrolltop {
display:none!important;
visibility:hidden!important;
opacity:0!important;
pointer-events:none!important;
}
/* ==========================================================
DFG OFFROAD V8.1.26 - BEST SELLERS FILTER CATEGORY CLEANUP
Removes the separate Classic category sidebar and injects categories
inside the FILTER BY block through assets/js/custom.js.
========================================================== */
body#best-sales #left-column .block-categories.dfg-best-original-categories-hidden,
body#best-sales #left-column .block-categories.visible--desktop.dfg-best-original-categories-hidden,
body#best-sales #left-column .block-categories:not(.dfg-best-category-facet) {
display:none!important;
visibility:hidden!important;
opacity:0!important;
height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
overflow:hidden!important;
}
body#best-sales #search_filters_wrapper,
body#best-sales #search_filters {
display:block!important;
width:100%!important;
}
body#best-sales #search_filters .h6,
body#best-sales #search_filters > p.h6,
body#best-sales #search_filters > .h6,
body#best-sales #search_filters .facet-title {
color:#fff!important;
}
body#best-sales #search_filters > p.h6,
body#best-sales #search_filters > .h6,
body#best-sales #search_filters .facet-title:first-child {
display:block!important;
background:linear-gradient(90deg,rgba(215,25,32,.28),rgba(215,25,32,0))!important;
border:1px solid rgba(215,25,32,.35)!important;
border-radius:14px!important;
padding:13px 15px!important;
margin:0 0 14px!important;
color:#fff!important;
font-size:13px!important;
font-weight:900!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
}
body#best-sales #search_filters .dfg-best-category-facet {
display:block!important;
background:rgba(255,255,255,.025)!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:16px!important;
padding:14px!important;
margin:0 0 14px!important;
}
body#best-sales #search_filters .dfg-best-category-facet .facet-title {
background:transparent!important;
border:0!important;
border-bottom:1px solid rgba(215,25,32,.45)!important;
border-radius:0!important;
padding:0 0 10px!important;
margin:0 0 10px!important;
color:#fff!important;
font-size:12px!important;
font-weight:900!important;
letter-spacing:.10em!important;
text-transform:uppercase!important;
}
body#best-sales #search_filters .dfg-best-category-list {
list-style:none!important;
margin:0!important;
padding:0!important;
display:flex!important;
flex-direction:column!important;
gap:7px!important;
}
body#best-sales #search_filters .dfg-best-category-item {
list-style:none!important;
margin:0!important;
padding:0!important;
border:0!important;
}
body#best-sales #search_filters .dfg-best-category-item a {
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
width:100%!important;
color:#c9c6c6!important;
background:#0b0b0b!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:12px!important;
padding:10px 12px!important;
font-size:12px!important;
font-weight:800!important;
letter-spacing:.04em!important;
text-transform:uppercase!important;
text-decoration:none!important;
transition:all .18s ease!important;
}
body#best-sales #search_filters .dfg-best-category-item a:after {
content:'›';
color:#d71920!important;
font-size:18px!important;
line-height:1!important;
opacity:.85!important;
}
body#best-sales #search_filters .dfg-best-category-item a:hover {
color:#fff!important;
border-color:rgba(215,25,32,.55)!important;
background:#151515!important;
transform:translateX(2px)!important;
}
body#best-sales #left-column.dfg-best-filters-only {
color:#c9c6c6!important;
}
/* ==========================================================
DFG OFFROAD V8.1.27 - BEST SELLERS ROOT CATEGORY FILTER FIX
The category list is now injected by JS using only li[data-depth=0],
so child categories/brands do not appear before Fridge Slides.
========================================================== */
body#best-sales #search_filters .dfg-best-category-list .dfg-best-category-item a{
white-space:normal!important;
}
/* DFG Offroad V8.1.28 - Product Gallery Full Cover Fix for PS 8.2.6
Purpose: make 800x800 lifestyle/product photos cover the product gallery card with no white gaps. */
body#product .images-container,
body#product .product-cover,
body#product .product-cover .layer,
body#product .product-cover .js-qv-product-cover,
body#product .product-cover img {
background: #0f0f0f !important;
}
body#product .images-container .product-cover {
position: relative !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
min-height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border-radius: 22px !important;
border: 1px solid rgba(255,255,255,.12) !important;
box-shadow: 0 18px 42px rgba(0,0,0,.32) !important;
}
body#product .product-cover .layer,
body#product .product-cover a,
body#product .product-cover picture {
display: block !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body#product .product-cover img,
body#product .product-cover .js-qv-product-cover,
body#product img.js-qv-product-cover {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
min-width: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 22px !important;
}
body#product .product-images > li.thumb-container > .thumb,
body#product .js-qv-mask .thumb,
body#product .images-container .thumb {
width: 88px !important;
height: 88px !important;
object-fit: cover !important;
object-position: center center !important;
padding: 0 !important;
margin: 0 !important;
background: #0f0f0f !important;
border-radius: 14px !important;
border: 1px solid rgba(255,255,255,.14) !important;
}
body#product .product-images > li.thumb-container > .thumb.selected,
body#product .product-images > li.thumb-container > .thumb:hover {
border-color: #00d9ff !important;
}
@media (max-width: 767px) {
body#product .images-container .product-cover {
border-radius: 18px !important;
}
body#product .product-cover img,
body#product img.js-qv-product-cover {
border-radius: 18px !important;
}
body#product .product-images > li.thumb-container > .thumb,
body#product .js-qv-mask .thumb,
body#product .images-container .thumb {
width: 72px !important;
height: 72px !important;
}
}
/* =========================================================
DFG OFFROAD V9.5.2 - FORCE BLACK PRODUCT IMAGE BACKGROUND
Internal theme name: dfg-offroad-9-5-2
Purpose: replaces white empty image areas in product cards,
home blocks, featured products, category grids, quick view,
product page gallery, thumbnails and lazy-load containers.
========================================================= */
/* Product cards / category / home / best sellers */
.products .product-miniature,
.products .product-miniature .thumbnail-container,
.products .product-miniature .thumbnail-top,
.products .product-miniature .product-thumbnail,
.products .product-miniature .product-thumbnail picture,
.products .product-miniature .product-thumbnail a,
.featured-products .product-miniature,
.featured-products .thumbnail-container,
.featured-products .thumbnail-top,
.featured-products .product-thumbnail,
.bestsellers .product-miniature,
.bestsellers .thumbnail-container,
.bestsellers .thumbnail-top,
.bestsellers .product-thumbnail,
.product-accessories .product-miniature,
.product-accessories .thumbnail-container,
.product-accessories .thumbnail-top,
.product-accessories .product-thumbnail,
.product-miniature,
.product-miniature .thumbnail-container,
.product-miniature .thumbnail-top,
.product-miniature .product-thumbnail,
.product-miniature .product-thumbnail picture,
.product-miniature .product-thumbnail a,
.product-miniature .highlighted-informations {
background: #050505 !important;
background-color: #050505 !important;
}
.product-miniature .thumbnail-top,
.product-miniature .product-thumbnail,
.products .product-miniature .thumbnail-top,
.products .product-miniature .product-thumbnail {
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
}
.product-miniature .product-thumbnail img,
.products .product-miniature .product-thumbnail img,
.featured-products .product-thumbnail img,
.bestsellers .product-thumbnail img,
.product-accessories .product-thumbnail img,
img.product-thumbnail,
.product-miniature img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
background: #050505 !important;
background-color: #050505 !important;
}
/* Product page main gallery */
body#product .product-cover,
body#product .product-cover a,
body#product .product-cover picture,
body#product .images-container,
body#product .product-cover .layer,
body#product .js-qv-product-images,
body#product .modal-content,
body#product .modal-body,
body#product .easyzoom,
body#product .easyzoom a {
background: #050505 !important;
background-color: #050505 !important;
}
body#product .product-cover img,
body#product .product-cover .js-qv-product-cover,
body#product img.js-qv-product-cover {
object-fit: contain !important;
background: #050505 !important;
background-color: #050505 !important;
}
/* Product page thumbnails */
body#product .product-images > li.thumb-container,
body#product .product-images > li.thumb-container > .thumb,
body#product .js-qv-mask .thumb,
body#product .images-container .thumb {
background: #050505 !important;
background-color: #050505 !important;
}
/* Lazy-load placeholder / transparent PNG/SVG white fallback fix */
img.lazyload,
img.lazyloaded,
img.js-lazy-product-image,
picture,
.thumbnail-container picture,
.product-thumbnail picture {
background: #050505 !important;
background-color: #050505 !important;
}
/* DFG OFFROAD BLACK PRODUCT BACKGROUND */
.product-miniature .thumbnail-top,
.product-miniature .product-thumbnail,
.product-miniature .thumbnail-container,
.product-cover,
.product-cover .layer,
.product-images > li.thumb-container,
.products .thumbnail-container,
.featured-products .thumbnail-container,
.bestsellers .thumbnail-container,
.new-products .thumbnail-container,
.product-accessories .thumbnail-container,
.products article,
.products .product-miniature,
.products picture,
.products img {
background:#000 !important;
}
.product-miniature .product-thumbnail img,
.product-cover img,
.products img {
background:#000 !important;
object-fit:contain !important;
}
.product-miniature .thumbnail-top {
aspect-ratio:1/1;
overflow:hidden;
}