/* P09 home: native products, no AJAX catalogue scraping or overlay. */
body#index .cb4-hero {display:none;}
@media(min-width:992px){
 body#index,body#index #wrapper{background:#06152b;color:#fff;}
 body#index #wrapper>.container{width:calc(100% - 32px);max-width:1510px;}
 body#index .p11-home-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;}
 body#index .p11-home-main{min-width:0;}
 body#index #p11-category-menu{display:flex;flex-direction:column;gap:7px;align-self:start;}
 body#index .cb4-hero{display:flex;min-height:260px;align-items:center;border:1px solid #284563;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,#07172d 0%,#07172d 34%,rgba(7,23,45,.93) 44%,rgba(7,23,45,.06) 79%),url('../img/hero-varta74.webp') right center/70% 100% no-repeat,#07172d;}
 body#index .cb4-hero-text{max-width:670px;padding:36px;}
 body#index .cb4-eyebrow{font:700 12px Arial,sans-serif;letter-spacing:2px;color:#afc5dc;}
 body#index .cb4-hero h1{font:900 clamp(31px,3.4vw,55px)/1.04 Arial,sans-serif;margin:13px 0 18px;color:#fff;}
 body#index .orange{color:#ff690c;}
 body#index .cb4-hero p{font-size:16px;color:#d7e5f2;max-width:530px;}
 body#index .featured-products{margin:18px 0;padding:0;background:transparent;}
 body#index .featured-products .products-section-title{font-size:24px;color:#fff;text-align:left;margin:18px 0 12px;}
 body#index .featured-products .products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;width:100%;}
 body#index .featured-products .products:before,body#index .featured-products .products:after{display:none;content:none;}
 body#index .featured-products .products>.product,body#index .featured-products .products>.product-miniature{width:100%;min-width:0;margin:0;padding:0;float:none;}
 body#index .featured-products .product-miniature{width:100%;margin:0;}
 body#index .featured-products .thumbnail-container{display:grid;grid-template-columns:44% minmax(0,1fr);gap:12px;align-items:center;width:100%;height:auto;min-height:135px;padding:7px 10px;background:#fff;border-radius:10px;box-shadow:none;}
 body#index .featured-products .thumbnail-top{grid-column:1;min-width:0;}
 body#index .featured-products .product-thumbnail{display:flex;grid-column:1;align-items:center;justify-content:center;width:100%;height:120px;position:static;margin:0;}
 body#index .featured-products .product-thumbnail img{position:static;max-width:100%;width:100%;height:120px;object-fit:contain;}
 body#index .featured-products .product-description{grid-column:2;position:static;width:100%;height:auto;padding:0;background:transparent;box-shadow:none;}
 body#index .featured-products .product-title,body#index .featured-products .product-title a{font:800 14px/1.2 Arial,sans-serif;color:#102039;white-space:normal;overflow:visible;max-height:none;text-overflow:clip;overflow-wrap:anywhere;}
 body#index .featured-products .product-price-and-shipping{text-align:left;margin:5px 0 0;}
 body#index .featured-products .price{font:900 21px/1.1 Arial,sans-serif;color:#ff690c;}
 body#index .featured-products .highlighted-informations{display:none;}
 /* Preserve hook output in DOM for mobile; the desktop uses the P09 hero. */
 body#index .p11-home-hook #carousel,body#index .p11-home-hook .carousel,
 body#index .p11-home-hook .banner,body#index .p11-home-hook #custom-text{display:none;}
}

/* Production Classic renders this banner outside #wrapper. Preserve it on mobile. */
@media(min-width:992px){
 body#index > main > .banner{display:none;}
}

/* Zgodność z produkcyjnym Classic (2).zip: bez zmiany mobilnej PETARDY. */
@media (min-width: 992px) {
 body#index .featured-products .product-title,
 body#index .featured-products .product-title a {
   text-align: left;
   text-transform: none;
 }
 body#index .featured-products .thumbnail-container:hover .product-description::after,
 body#index .featured-products .thumbnail-container:focus .product-description::after {
   content: none;
   border-top: 0;
 }
}

/* V5: cała stara stopka Classic wyłącznie na desktopowej stronie głównej. */
@media (min-width: 992px) {
  body#index #footer { display: none !important; }
}