@media (min-width: 480px) {
	#header .site-name a img {
	  max-height: 100px !important;
	}
}

#header .header-bottom {
  background-color: #f8a10233;
}

#navigation {
  background-color: transparent;
}
.wide-carousel {
  margin-top: 42px;
}
.products-block > div .p .name {
 font-weight: bold;
 text-decoration: underline;
 font-size: 105%;
}
.site-name {
  background: url('https://cdn.myshoptet.com/usr/www.smokypellets.cz/user/logos/smoky_pellets_logo_web-1.png');
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 5%;
}
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {
  color: white;
}
.news-item time, .news-item-detail time {
  display: none;
}

.news-item h1 a {
  font-size: 85%;
}

.siteCookies__button {
  background-color: #f56b00;
}
.siteCookies__form {
  background-color: #feeccc;
}

.footer-banners {
  background: white;
  margin: 38px 10px 0;
}
.tns-liveregion.tns-visually-hidden {
  display: none;
}
#categories #cat-771 {
display: none;
}
div.banner-wrapper.banner24 {
margin-top: 20px !important;
}


.popup-container { 
  display: none; 
  position: fixed; 
  z-index: 1; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgba(0, 0, 0, 0.4); 
} 
 
.popup-content { 
  background-color: #fefefe; 
  margin: 30% auto; 
  padding: 7px; 
  border: 1px solid #888; 
  width: 95%;
}

@media only screen and (min-width: 768px) {
 .popup-content { 
    width: 30%;
    margin: 7% auto; 
  }
}
 
.close-button { 
  color: #aaa; 
  float: right; 
  font-size: 28px; 
  font-weight: bold; 
} 
 
.close-button:hover, 
.close-button:focus { 
  color: black; 
  text-decoration: none; 
  cursor: pointer; 
} 
.banner-wrapper.banner23 {
  display: none;
} 
.in-drevene-pelety .banner-wrapper.banner23 {
  display: block;
  margin-top: 1.5em;
}
.in-velkoobchod div.empty-content.empty-content-category {
  display: none;
}

@media (min-width: 992px) {
    .multiple-columns-body .position--benefitHomepage .benefitBanner__item {
  flex: 1 1 25%;  
    }
}
  .top-info-banner{
    background:#f56b00;
    color:#ffffff;
    text-align:center;
    padding:10px 15px;
    font-family:'Nunito', Arial, sans-serif;
    font-weight:600;
    font-size:15px;
    line-height:1.2;
    z-index:9999;
  }

  /* Desktop: banner normálně ve flow */
  @media (min-width: 768px){
    .top-info-banner{ position: static; }
  }

  /* Mobil: banner přibijeme nahoru a posuneme obsah i případný sticky header */
  @media (max-width: 767px){
    .top-info-banner{
      position: fixed;
      top: 0; left: 0; right: 0;
    }
    /* Rezerva pro případ, že by header nebyl fixed – posune obsah */
    body{ margin-top: var(--top-banner-h, 48px) !important; }

    /* Pokud je menu/hlavička fixní, posuň ji pod banner (co nejširší výběr tříd Šablon Shoptetu) */
    #header, .header, .site-header, .sticky-header, .header-fixed, .navigation, .top-menu {
      position: fixed; /* respektuje stávající nastavení; pokud už fixed je, nic se nemění */
      top: var(--top-banner-h, 48px) !important;
      width: 100%;
      z-index: 10000; /* nad bannerem není třeba, banner je výš; hlavní je top offset */
    }
  }
.top-navigation-bar ul li a, .admin-bar #div-bar-menu ul li a, .admin-bar #div-bar-menu ul li span, .admin-bar #div-bar-menu ul li ul li a {
  font-size: 14px;
}

@media (max-width: 1279px){
	.benefitBanner {
  	width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	}
  .benefitBanner__item {
  	width: 50%;
    display: block;
    flex: unset;
    font-size: 90%;
  }
}


.homepage-group-title:first-child {
    margin-top: 0.5em;
  }

.benefitBanner__item:has(.banner-grid-2x2) {
  width: unset;
}

.banner-grid-2x2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.banner-2x2 {
  flex: 1 1 25%;           /* dvě položky na řádek */
  aspect-ratio: 1 / 1;      /* udrží čtverec v libovolné šířce */
  background: #ddd;
  border: 4px solid #fff;
  width: 360px;
}

/* pod 1200px všechny pod sebe, stále čtverce */
@media (max-width: 1199px) {
  .banner-2x2 {
    flex-basis: 50%;
  }
   .benefitBanner__picture {
		max-width: 55px;
  }
  .benefitBanner__link {
  	    align-items: start;
  }
}

 .fvDoplnek .header {
 		position: unset;   
    }
    
@media (max-width: 991px) {
    .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 204px);
        top: 204px;
    }
}
@media (max-width: 767px) {
    .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 151px);
        top: 151px;
    }
}

@media (max-width: 480px) {
    .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 120px);
        top: 120px;
    }
}

/* Hover efekt konkurenční výhody */
.benefitBanner__item {
    transition: transform 0.25s ease;
}

/* hover celé výhody */
.benefitBanner__item:hover {
    transform: scale(1.05);
}

/* obrázek – jemnější zoom */
.benefitBanner__picture {
    overflow: hidden;
}

.benefitBanner__img {
    transition: transform 0.35s ease;
}

.benefitBanner__item:hover .benefitBanner__img {
    transform: scale(1.08);
}
@media (min-width: 768px) {
.navigation-in>ul>li>a {
    padding-bottom: 17px;
    padding-top: 17px;
}}