body {
	color: #333;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #333;
}

table {
	width: 100% !important;
}


/* ----------------------------------------------------------------------
    Header
	-------------------------------------------------------------------------*/

@media (min-width: 768px) {

.header-top>div {
	flex: none;
}

.header-top>div:first-child {
	width: 25%;
}

.header-top .btn.cart-count .cart-price {
	font-weight: 400;
}

#header .site-name a {
	display: inline;
}

#header .search {
	width: 60%;
	padding: 0 20px;
}

.header-top>div:last-child {
/*	border: 1px solid #ddd;
	border-radius: 3px;
	background: #444;*/
	max-height: 50px;
	text-align: center;
	width: 15%;
}

.header-top {
	margin: 0 -20px;

}

/*.top-navigation-bar .container>div {
	flex: none;
}

.top-navigation-bar .container>div:first-child {
	flex-basis: none;
}*/

.top-navigation-menu {
	display: none !important;
}

#header .site-name a img {
	max-height: 50px;
}

#header .cart-count {
/*	padding: 10px;
	color: #fff;*/
}



#header .compact-form .btn {
	height: 45px;
	border-radius: 0px 3px 3px 0px;	
}

input[type="search"].form-control {
	height: 45px;
}

.header-top .btn.cart-count {
	font-weight: 300;
}

.header-top .btn.cart-count::before {
	margin-right: 15px;
	font-size: 25px;
}

#navigation {
	height: 45px;
	border-radius: 3px;
	border: 1px solid #ddd;
	background-image: linear-gradient(to bottom, #ec3120, #c12c2c);
}
/*
.navigation-in>ul>li {
	border-left: none !important;
}
*/

.navigation-in>ul>li>a {
	padding: 15px !important;
}

.navigation-in ul li a:hover {
	margin: 0;
}

.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {
	
}

.navigation-in>ul>li.ext.exp>a{
	margin: 0;
}


.navigation-in ul.menu-level-2 {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;	
}

.navigation-in ul.menu-level-2 a {
	text-transform: uppercase;
	color: #333;
}

.navigation-in .has-third-level div > ul a {
	color: #333;
}

.navigation-in {
	background-color: transparent;
}

.navigation-in ul li a b {
	text-transform: uppercase;
	font-weight: 700;
}

.navigation-in>ul>li {
	border-left-width: 0;
}

.navigation-buttons a[data-target="cart"] {
	color: #333;
}

.btn.cart-count::before, a.btn.cart-count::before {
	content: '\e935';
	}
}
 /* ----------------------------------------------------------------------
    Content
	-------------------------------------------------------------------------*/
 /* 
.content {
	padding-left: 0;
	padding-right: 0;
}
	*/
	
.carousel-inner {
	border-radius: 3px;
}
	
.homepage-box {
	border-top: none;
	background-color: #fff;
}

.products-block.products .p .price strong, .products-block.products .p .price span {
	font-size: 2em;
}

.btn.btn-primary, a.btn.btn-primary {
	border-radius: 3px;
}

.breadcrumbs {
	border-bottom: 0;
}

.breadcrumbs>span>a {
	mdin-height: 20px;
}

.breadcrumbs>span>a:after, .breadcrumbs>span>a:before { 
    height: 30%;
}

.breadcrumbs>span>a:before {
    top: 10px;
}

.breadcrumbs>span>a:after {
    bottom: 10px;
}

.sidebar {
	border-radius: 3px;
}

.sidebar-inner {
	padding: 5px 20px;
}

.p-cart{
	background: #ededed;
	padding: 20px;
	border-radius: 3px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.price-additional, .price-measure {
	color: #333;
	padding-top: 5px;
	
}
.p-info-wrapper .add-to-cart { 
	align-items: baseline !important;
}

.btn.add-to-cart-button.btn-lg, .btn.btn-cart.btn-lg, .btn.express-checkout-button.btn-lg, a.btn.add-to-cart-button.btn-lg, a.btn.btn-cart.btn-lg, a.btn.express-checkout-button.btn-lg { 
	border-radius: 0 3px 3px 0;
}

.p-info-wrapper .price-final { 
	font-size: 35px;
}

.p-info-wrapper .extended-description { 
	border-top: 1px #ddd solid;
	padding-top: 10px;
}

.p-info-wrapper .extended-description h3{ 
	display: none;
}

.p-info-wrapper .extended-description th{ 
	color: #333;
	padding-right: 0;
}

.p-info-wrapper .extended-description td{ 
	padding-bottom: 3px;
	font-weight: 700;
}

.quantity { 
	background-color: #fff;
}

.category-perex.empty-content { 
	display: none;
}

.subcategories.with-image li a  {
	border-radius: 3px;
}

.social-buttons-wrapper { 
	display: none;
}

/*.p-info-wrapper p a { 
	display: none;
}*/

.external-fonts-loaded h1, .external-fonts-loaded h2, .external-fonts-loaded h3, .external-fonts-loaded h4, .external-fonts-loaded h5, .external-fonts-loaded h6, .external-fonts-loaded .h1, .external-fonts-loaded .h2, .external-fonts-loaded .h3, .external-fonts-loaded .h4, .external-fonts-loaded .h5, .external-fonts-loaded .h6, .external-fonts-loaded .cart-table .main-link, .external-fonts-loaded .cart-related-name, .blank-mode h1, .blank-mode h2, .blank-mode h3, .blank-mode h4, .blank-mode h5, .blank-mode h6, .blank-mode .h1, .blank-mode .h2, .blank-mode .h3, .blank-mode .h4, .blank-mode .h5, .blank-mode .h6, .blank-mode .cart-table .main-link, .blank-mode .cart-related-name {
	text-transform: uppercase;
	font-weight: 700;
}

.subcategories li a {
	color: #333;
	text-transform: uppercase;
}

.extended-description a {
	color: #333;
}

.custom-footer {
	padding-left: 0;
}
#footer .site-name {
	display: none;
}

#footer .contact-box a, #footer .password-helper a, #footer .news-item-widget a, #footer ul a {
	color: #333;
}

.custom-footer, .footer-bottom {
	background: linear-gradient(to right, rgb(221, 221, 221), rgb(251, 251, 251) 50%, rgb(221, 221, 221)) !important;
}

.custom-footer>div.extended {
	width: 25%;
}

.custom-footer, .footer-bottom li{
	color: #333 !important;
}

.products-block.products .p .name {
	color: #333 !important;
	font-weight: 700;
}

.custom-footer h4 {
	color: #333 !important;
}

.copyright {
	color: #333 !important;
}

footer {
	display: block;
	background: #ddd;
	margin-top:20px;
}

.custom-col-padding {
  padding-left: 5px;
  padding-right: 5px;
}

.benefitBanner__title {
	text-transform: uppercase;;
}

.products-block .p-code {
	display: none;
}

.products-block>div {
	border: 0;
}



.products-block .p {
	padding: 1em;
}

.products-block .p-bottom .p-tools, .products-block .p-bottom .prices{
	flex-basis: 30%;
}
/* ---------------------------------------------------
   Společné styly pro všechny custom bannery
--------------------------------------------------- */
.custom-banner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2em;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
  box-sizing: border-box;
  gap: 8px;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------------
   Varianta světlá (light) – 01
--------------------------------------------------- */
.custom-banner-light-01 {
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 75%);
  color: #333;
}

/* ---------------------------------------------------
   Varianta tmavá (dark) – 01
--------------------------------------------------- */
.custom-banner-dark-01 {
  background: radial-gradient(circle, rgba(68, 68, 68, 1) 0%, rgba(51, 51, 51, 1) 75%);
  color: #fff;
}

/* ---------------------------------------------------
   Nadpisy uvnitř banneru
--------------------------------------------------- */
.custom-banner h1,
.custom-banner h2,
.custom-banner h3,
.custom-banner h4,
.custom-banner h5,
.custom-banner h6 {
  color: inherit;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.7em;
  margin: 0 0 10px 0;
  line-height: 1.2;
}

/* ---------------------------------------------------
   Obrázky v banneru (vpravo pro 01)
--------------------------------------------------- */
.custom-banner__img {
  max-width: 75%;
  max-height: 40px;
  display: block;
  align-self: flex-end;
  margin-top: 10px;
}

/* pokud bude obrázků víc vedle sebe */
.custom-banner__img-group {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}

/* ---------------------------------------------------
   Odstavce
--------------------------------------------------- */
.custom-banner p {
  margin: 0;
  display: block;
}

/* ---------------------------------------------------
   Odkazy
--------------------------------------------------- */
.custom-banner a {
  color: inherit;
  text-decoration: underline;
  font-weight: 600;
}

/* ---------------------------------------------------
   Tlačítka (volitelné)
--------------------------------------------------- */
.custom-banner button {
  background: rgba(255, 255, 255, 0.15);
  border: none;
  color: inherit;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.custom-banner button:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* ---------------------------------------------------
   Nové varianty banneru – obrázek vlevo, text vpravo (02)
--------------------------------------------------- */
.custom-banner-light-02,
.custom-banner-dark-02 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;  /* obrázek vlevo, text vpravo */
  gap: 12px;
  padding: 2em;
  border-radius: 3px;
  box-sizing: border-box;
  width: 100%;                     /* 100% dostupné šířky */
}

.custom-banner-light-02 {
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 75%);
  color: #333;
}

.custom-banner-dark-02 {
  background: radial-gradient(circle, rgba(68, 68, 68, 1) 0%, rgba(51, 51, 51, 1) 75%);
  color: #fff;
}

/* obrázek vlevo */
.custom-banner-light-02 .custom-banner__img,
.custom-banner-dark-02 .custom-banner__img {
  max-height: 60px;
  width: auto;
  display: block;
  flex-shrink: 0;
  margin: 0;
}

/* text vedle obrázku, zarovnání doprava */
.custom-banner-light-02 > div,
.custom-banner-dark-02 > div {
  flex: 1;                        /* zabere zbytek prostoru */
  text-align: right;
}

.custom-banner-light-02 h1,
.custom-banner-light-02 h2,
.custom-banner-dark-02 h1,
.custom-banner-dark-02 h2 {
  margin: 0;
  line-height: 1.2;
  font-weight: 300;
  font-size: 1.7em;
  color: inherit;
  text-transform: uppercase;
}

.custom-banner-light-02 p,
.custom-banner-dark-02 p {
  margin: 0;
  display: block;
}

/* ---------------------------------------------------
   Responsivní úprava pro mobil (layout sloupec)
--------------------------------------------------- */
@media (max-width: 768px) {
  .custom-banner-light-02,
  .custom-banner-dark-02 {
    flex-direction: column;
    align-items: flex-start;
  }

  .custom-banner-light-02 .custom-banner__img,
  .custom-banner-dark-02 .custom-banner__img {
    align-self: flex-start;
    margin-bottom: 10px;
  }

  .custom-banner-light-02 > div,
  .custom-banner-dark-02 > div {
    text-align: left;  /* na mobilu necháme vlevo */
  }
}

.custom-banner-link {
  display: block !important;
  text-decoration: none;
  color: inherit;
  transition: background 0.3s ease; /* plynulý přechod pozadí */
}

/* Efekt při hoveru – celý banner lehce průhledný */
.custom-banner-link:hover .custom-banner {
  opacity: 0.86;           /* snížení opacity na 90% */
  transition: opacity 0.3s ease;  /* plynulý přechod */
}

/* Efekt hover pro obrázek – zvětšení */
.custom-banner-link:hover .custom-banner__img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
	border-radius: 3px;
}