/* ===== DFG 6.3A home reference ===== */
body#index main{max-width:none}
body#index #content-wrapper{width:100%;max-width:none;flex:0 0 100%;padding:0}
body#index #left-column,body#index #right-column{display:none!important}
body#index .page-home{padding-bottom:0}

body#index .dfg-ref-hero,
body#index .dfg-ref-categories,
body#index .dfg-ref-products,
body#index .dfg-ref-vehicles,
body#index .dfg-ref-benefits{width:min(calc(100% - 36px), 1280px);margin:0 auto}

body#index .dfg-ref-hero{position:relative;min-height:610px;overflow:hidden;background:#000}
body#index .dfg-ref-hero-media,
body#index .dfg-ref-hero-fallback{position:absolute;inset:0}
body#index .dfg-ref-hero-fallback{background-size:cover;background-position:center center}
body#index .dfg-ref-hero .swiper,
body#index .dfg-ref-hero .slick-slider,
body#index .dfg-ref-hero .nivoSlider,
body#index .dfg-ref-hero .carousel,
body#index .dfg-ref-hero img{width:100%;height:100%;object-fit:cover}
body#index .dfg-ref-hero .container,
body#index .dfg-ref-hero .container-fluid{max-width:100%!important;padding:0!important}
body#index .dfg-ref-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.40) 35%, rgba(0,0,0,.18) 62%, rgba(0,0,0,.10) 100%);z-index:2}
body#index .dfg-ref-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.66));z-index:2}
body#index .dfg-ref-hero-overlay{position:relative;z-index:3;display:flex;align-items:center;min-height:610px;padding:56px 70px}
body#index .dfg-ref-hero-copy{max-width:560px}
body#index .dfg-ref-hero-copy h1{margin:0 0 14px;font-size:clamp(46px,7vw,88px);line-height:.92;color:#fff;text-transform:uppercase;font-weight:900;letter-spacing:.01em}
body#index .dfg-ref-hero-copy h1 span{color:#c60d0d}
body#index .dfg-ref-hero-copy p{margin:0 0 30px;color:#ededed;font-size:26px;font-weight:700}
body#index .dfg-ref-hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
body#index .dfg-red-btn{display:inline-flex;align-items:center;justify-content:flex-start;min-width:260px;min-height:56px;padding:0 22px;background:linear-gradient(180deg, #d61717, #ad0909);color:#fff!important;font-size:16px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 22px rgba(0,0,0,.24);position:relative}
body#index .dfg-red-btn:after{content:"›";font-size:30px;line-height:1;position:absolute;right:18px;top:50%;transform:translateY(-52%)}
body#index .dfg-red-btn:hover{background:linear-gradient(180deg, #df1d1d, #ba0d0d)}

body#index .dfg-ref-categories{margin-top:-28px;position:relative;z-index:4}
body#index .dfg-ref-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body#index .dfg-ref-cat{min-height:164px;display:flex;align-items:flex-end;justify-content:center;padding:14px;background-size:cover;background-position:center center;position:relative;border:1px solid rgba(255,255,255,.08);overflow:hidden}
body#index .dfg-ref-cat:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.60));}
body#index .dfg-ref-cat span{position:relative;z-index:1;color:#fff;font-size:14px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-align:center}

body#index .dfg-ref-title{display:flex;align-items:center;gap:18px;margin:34px 0 20px}
body#index .dfg-ref-title:before,
body#index .dfg-ref-title:after{content:"";height:2px;background:linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.32), rgba(255,255,255,.10));flex:1}
body#index .dfg-ref-title span{color:#fff;font-size:28px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}

body#index .dfg-ref-products-wrap{padding:6px 0 0}
body#index .dfg-ref-products .products,
body#index .dfg-ref-products .product-miniature-list,
body#index .dfg-ref-products .row{display:flex;flex-wrap:wrap;gap:18px}
body#index .dfg-ref-products .products > article,
body#index .dfg-ref-products .js-product,
body#index .dfg-ref-products .product-miniature{background:linear-gradient(180deg, #161616, #0d0d0d)!important;border:1px solid #2c2c2c;box-shadow:0 10px 30px rgba(0,0,0,.28);padding-bottom:0;overflow:hidden}
body#index .dfg-ref-products .thumbnail-container,
body#index .dfg-ref-products .product-miniature{background:transparent!important}
body#index .dfg-ref-products .product-description{padding:14px 14px 10px}
body#index .dfg-ref-products .product-title,
body#index .dfg-ref-products .product-title a{color:#fff!important;font-weight:800;text-transform:none}
body#index .dfg-ref-products .price{color:#fff!important;font-size:17px;font-weight:900}
body#index .dfg-ref-products .highlighted-informations,
body#index .dfg-ref-products .product-flags{display:none!important}
body#index .dfg-ref-products .thumbnail.product-thumbnail img{width:100%;height:220px;object-fit:cover}
body#index .dfg-ref-products .product-title{text-align:left;min-height:auto}
body#index .dfg-ref-products .product-price-and-shipping{text-align:left}
body#index .dfg-ref-products .add-to-cart,
body#index .dfg-ref-products .ajax_add_to_cart_button,
body#index .dfg-ref-products [data-button-action="add-to-cart"]{background:linear-gradient(180deg, #d61717, #ad0909)!important;color:#fff!important;border:0!important;border-radius:0!important;min-height:44px;font-weight:900;text-transform:uppercase}
body#index .dfg-ref-products .btn-primary{background:linear-gradient(180deg, #d61717, #ad0909)!important;border:0!important;border-radius:0!important}

body#index .dfg-ref-vehicles{padding:22px 0 10px}
body#index .dfg-ref-vehicle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
body#index .dfg-ref-vehicle-grid a{min-height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, #1c1c1c, #121212);border:1px solid #343434;color:#fff!important;font-size:14px;font-weight:800}
body#index .dfg-ref-vehicle-grid a:hover{border-color:#555}
body#index .dfg-ref-vehicle-select-label{text-align:center;color:#c6c6c6;font-size:14px;letter-spacing:.18em;text-transform:uppercase;margin:10px 0 18px}
body#index .dfg-ref-testimonial{max-width:760px;margin:0 auto;padding:22px 28px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);text-align:center;position:relative}
body#index .dfg-ref-stars{color:#f7c948;font-size:32px;letter-spacing:4px;line-height:1;margin-bottom:10px}
body#index .dfg-ref-quote{color:#fff;font-size:28px;font-style:italic;font-weight:700}

body#index .dfg-ref-benefits{margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);border-bottom:2px solid #8d0909;background:linear-gradient(180deg, #0e0e0e, #080808)}
body#index .dfg-ref-benefit{min-height:120px;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
body#index .dfg-ref-benefit:last-child{border-right:0}
body#index .dfg-ref-benefit strong{color:#fff;font-size:22px;font-weight:900;line-height:1.1;text-transform:uppercase}

@media (max-width:1200px){
  body#index .dfg-ref-hero-overlay{padding:40px}
  body#index .dfg-ref-cat-grid,
  body#index .dfg-ref-vehicle-grid,
  body#index .dfg-ref-benefits{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991px){
  body#index .dfg-ref-hero,
  body#index .dfg-ref-hero-overlay{min-height:520px}
  body#index .dfg-ref-hero-copy p{font-size:20px}
  body#index .dfg-ref-title span{font-size:24px}
  body#index .dfg-ref-quote{font-size:22px}
}
@media (max-width:767px){
  body#index .dfg-ref-hero,
  body#index .dfg-ref-hero-overlay{min-height:420px}
  body#index .dfg-ref-hero-overlay{padding:26px}
  body#index .dfg-ref-hero-copy h1{font-size:42px}
  body#index .dfg-ref-hero-copy p{font-size:16px}
  body#index .dfg-red-btn{min-width:220px;min-height:50px;font-size:14px}
  body#index .dfg-ref-cat-grid,
  body#index .dfg-ref-vehicle-grid,
  body#index .dfg-ref-benefits{grid-template-columns:1fr}
  body#index .dfg-ref-cat{min-height:140px}
  body#index .dfg-ref-title{gap:10px}
  body#index .dfg-ref-title span{font-size:20px;text-align:center}
  body#index .dfg-ref-testimonial{padding:18px}
  body#index .dfg-ref-stars{font-size:24px}
  body#index .dfg-ref-quote{font-size:18px}
  body#index .dfg-ref-benefit{min-height:92px}
  body#index .dfg-ref-benefit strong{font-size:18px}
}


/* =========================================================
   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;
}