:root{--ch-red:#d50000;--ch-red-dark:#8f0000;--ch-black:#0b0f13;--ch-dark:#151b21;--ch-line:#e6e8eb;--ch-muted:#6e747b}body{font-family:Arial,Helvetica,sans-serif;color:#12161a;background:#fff}#header{background:var(--ch-black);color:#fff}#header .header-nav{background:#080b0e;border-bottom:1px solid rgba(255,255,255,.09)}#header .header-top{background:linear-gradient(90deg,#0b0f13,#121920)}#header a,#header .blockcart{color:#fff}.top-menu a[data-depth="0"]{font-weight:800;text-transform:uppercase;letter-spacing:.02em}.top-menu a:hover{color:#ff3535}.search-widget form input{background:#121820;border-color:#3a4149;color:#fff}.search-widget form button{color:#fff}.logo{filter:contrast(1.05)}.ch-home{margin-top:0;overflow:hidden}.ch-hero{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;padding:4rem max(7vw,2rem);background:radial-gradient(circle at 76% 42%,rgba(213,0,0,.52),transparent 0%),linear-gradient(115deg,rgba(0,0,0,.66) 0 44%,rgba(10,12,15,.68) 65%,rgba(100,0,0,.56) 100%),url('../img/baner.jpg') center/cover;color:#fff}.ch-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 45%);pointer-events:none}.ch-hero__content{position:relative;z-index:2;max-width:760px}.ch-eyebrow{display:block;color:#ff2828;font-size:1.25rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.ch-hero h1{margin:.25rem 0 .75rem;color:#fff;font-size:clamp(3rem,7vw,6.25rem);line-height:.9;text-transform:uppercase;font-weight:900;letter-spacing:-.045em}.ch-hero p{max-width:650px;font-size:1.2rem;color:#e7e7e7}.ch-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.ch-btn{padding:.95rem 1.5rem;border-radius:2px;font-weight:800;text-transform:uppercase}.btn-primary,.ch-btn.btn-primary{background:var(--ch-red);border-color:var(--ch-red)}.btn-primary:hover{background:#b60000;border-color:#b60000}.ch-btn--ghost{border:1px solid rgba(255,255,255,.55);color:#fff;background:transparent}.ch-btn--ghost:hover{background:#fff;color:#111}.ch-hero__badge{position:absolute;right:7vw;bottom:2rem;z-index:1;font-size:clamp(5rem,15vw,13rem);line-height:.8;font-weight:900;color:rgba(255,255,255,.055);transform:rotate(-7deg)}.ch-benefits{display:grid;grid-template-columns:repeat(3,25%);justify-content:center;background:#0d1217;color:#fff;border-top:1px solid rgba(255,255,255,.08);padding:1.15rem max(7vw,2rem);gap:1rem}.ch-benefits div{display:flex;gap:20px;align-items:center;justify-content:center;}.ch-benefits strong{text-transform:uppercase}.ch-benefits span{font-size:.9rem;color:#aeb4ba}.ch-categories{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px}.ch-categories a{position:relative;min-height:200px;padding:1.5rem;padding-bottom:0;gap:35px;background:#fff;border:1px solid var(--ch-line);display:flex;color:#111;transition:.2s}.ch-categories a:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--ch-red);transform:scaleY(0);transform-origin:bottom;transition:.2s}.ch-categories a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.ch-categories a:hover:before{transform:scaleY(1)}.ch-categories span{font-size:1.25rem;font-weight:900;text-transform:uppercase}.ch-categories small{color:var(--ch-muted)}.ch-promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem max(5vw,1rem)}.ch-promo{min-height:220px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#111820,#2d333a);color:#fff;text-transform:uppercase}.ch-promo--primary{background: url('../img/koszulka-tlo.jpg') no-repeat center / cover;}.ch-promo span{font-size:.85rem;color:#e9e9e9}.ch-promo strong{font-size:1.7rem}.ch-promo em{font-style:normal;margin-top:.75rem;font-weight:800;background-color:#ff3b3b;color:#fff;width:fit-content;padding:0.5rem 1rem;}.ch-products{padding:2rem max(5vw, 1rem)}.featured-products,.product-accessories,.product-miniature{--ch-card:#fff}.featured-products h2,.products-section-title{position:relative;text-align:left!important;text-transform:uppercase;font-weight:900;padding-left:1rem}.featured-products h2:before,.products-section-title:before{content:"";position:absolute;left:0;top:.1em;width:4px;height:1em;background:var(--ch-red)}.product-miniature .thumbnail-container{border:1px solid var(--ch-line);box-shadow:none;transition:.2s}.product-miniature .thumbnail-container:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.product-miniature .product-title a{color:#161a1e}.product-miniature .product-price-and-shipping{font-weight:900;color:#111}.product-flags li.product-flag{background:var(--ch-red)}#footer{background:#0d1217;color:#d6d9dc}#footer a{color:#d6d9dc}#footer a:hover{color:#fff}.footer-container{background:#0d1217}.block_newsletter{background:linear-gradient(90deg,#b00000,#1a0000)!important;color:#fff}.block_newsletter input[type=email]{border-radius:2px}.block_newsletter .btn-primary{background:#111;border-color:#111}@media(max-width:991px){.ch-home{margin-top:0}.ch-hero{min-height:390px;padding:3rem 1.25rem}.ch-categories{grid-template-columns:repeat(2,1fr)}.ch-promo-grid{grid-template-columns:1fr}.ch-hero__badge{right:1rem}}@media(max-width:575px){.ch-categories{grid-template-columns:1fr}.ch-hero h1{font-size:3.2rem}.ch-hero p{font-size:1rem}.ch-hero__actions{flex-direction:column}.ch-btn{width:100%;text-align:center}}

/* v4: dopracowanie Hummingbird / PrestaShop 9.1 */
body#index #wrapper{padding-top:0;background:#fff}
body#index #content-wrapper,body#index #main,body#index #content{width:100%;max-width:none;padding:0;margin:0}
body#index .container,body#index .container-fluid{max-width:none}
#header .header-top>.container,#header .header-nav>.container{max-width:1320px;margin:auto;padding-left:24px;padding-right:24px}
#header .header-top{min-height:82px;display:flex;align-items:center}
#header .header-top .row{align-items:center;width:100%}
#header .header-nav{font-size:.92rem}
#header .logo{max-height:62px;width:auto}
#header .top-menu{margin-bottom:0}
#header .top-menu a[data-depth="0"]{padding:.9rem .8rem}
#header .header-top-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem}
#header .search-widget{min-width:260px}
#header .search-widget form{margin:0}
#header .search-widget form input{height:44px;border-radius:3px;padding-left:14px}
#header .blockcart{background:var(--ch-red);padding:.75rem 1rem;border-radius:3px}
#header .blockcart:hover{background:#b60000}

.btn:hover, .btn:focus {
  background-color: var(--ch-red);
  border-color: var(--ch-red);
  color: #fff;
}
.accordion-button:not(.collapsed) {
  color: var(--ch-red);
}
.page-product .product__thumbnail.active .product__thumbnail-image {
    outline: .125rem solid var(--ch-red);
    outline-offset: 0;
}
.ch-promo--secondary{background:url(../img/akcerosia-baner.jpg) no-repeat center / cover;}
.ch-promo--third{background:url(../img/krazek.jpg) no-repeat center / cover;}
.ch-home{width:100%}
.ch-home>*{box-sizing:border-box}
.ch-hero{border-bottom:4px solid var(--ch-red)}
.ch-benefits{box-shadow:0 10px 28px rgba(0,0,0,.12)}
.ch-categories,.ch-promo-grid,.ch-products{margin-left:auto;margin-right:auto}
.ch-categories{margin-top:2rem;margin-bottom:1rem;border-radius:4px;padding: 2rem max(5vw, 1rem)}
.ch-promo-grid{padding-top:1rem}
.ch-promo{border-radius:4px;position:relative;overflow:hidden}
/* .ch-promo:after{content:"";position:absolute;inset:auto -30px -55px auto;width:170px;height:170px;border:20px solid rgba(255,255,255,.06);border-radius:50%} */
.ch-products{padding-top:1.5rem}
.ch-products .featured-products,.ch-products .products{margin-left:auto;margin-right:auto}
.ch-products .products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.ch-products .product-miniature{width:auto;max-width:none;margin:0}
.ch-products .product-miniature .thumbnail-container{width:100%;height:100%;background:#fff;border-radius:4px;overflow:hidden}
.ch-products .product-miniature img{width:100%;height:auto;object-fit:contain}
.ch-products .product-description{position:static;width:100%;min-height:130px;padding:1rem}
.ch-products .highlighted-informations{display:none}

/* Porządki po zawartości demonstracyjnej instalacji */
body#index .carousel:not(.ch-home .carousel),
body#index #custom-text,
body#index .custom-text,
body#index [class*="testimonial"],
body#index [id*="testimonial"]{display:none!important}

.block_newsletter{margin-top:2rem;padding:2rem 0!important}
.block_newsletter>.container,.footer-container>.container{max-width:1320px;margin:auto;padding-left:24px;padding-right:24px}
.block_newsletter form{max-width:620px}
#footer{margin-top:0}
.footer-container{padding-top:3rem;padding-bottom:2rem}
.footer-container .h3,.footer-container .h4{color:#fff;text-transform:uppercase;font-weight:800;font-size:1rem}
.footer-container li{margin:.45rem 0}
.footer-container .copyright-container{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1.25rem}

@media(max-width:1199px){
  #header .search-widget{min-width:210px}
  .ch-products .products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991px){
  #header .header-top{min-height:auto}
  #header .header-top>.container,#header .header-nav>.container{padding-left:16px;padding-right:16px}
  #header .header-top-right{gap:.5rem}
  .ch-categories,.ch-promo-grid{margin-left:1rem;margin-right:1rem}
  .ch-products .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .ch-benefits {
        grid-template-columns: repeat(2, 1fr); 
    }
    
    .ch-benefits .d-flex:nth-child(3) {
        grid-column: span 2;
    }
}
@media(max-width:575px){
  .ch-hero{min-height:360px}
  .ch-benefits{padding-left:1rem;padding-right:1rem}
  .ch-categories,.ch-promo-grid{margin-left:.75rem;margin-right:.75rem;padding-left:0;padding-right:0}
  .ch-products{padding-left:.75rem;padding-right:.75rem}
  .ch-products .products{grid-template-columns:1fr}
  .footer-container{padding-left:0;padding-right:0}
    .ch-benefits {
        grid-template-columns: 1fr;
    }

    .ch-benefits .d-flex:nth-child(3) {
        grid-column: span 1;
    }
  
    .ch-benefits .d-flex {
        justify-content: flex-start; 
        padding-left: 10%;
    }
}

.ch-benefits p.row {
    flex-direction: column;
    width: auto;
    margin: 0;
    text-align: left;
}