/* =============================================================================
 * DESIGN TOKENS
 * -----------------------------------------------------------------------------
 * ========================================================================= */
:root {
  --c-gold:       #AA8A33;   /* primary brand colour (links, accents, buttons) */
  --c-gold-hover: #c69c6d;   /* lighter gold used for hover states            */
  --c-gold-dark:  #a67c52;   /* darker gold used for :active / pressed        */
  --t-base:       350ms;     /* standard transition duration                  */
}

/* =============================================================================
 * BANNERY
 * ========================================================================= */
#homepage-banner {
  z-index: 1;
}
#mblab {
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  margin-top: -120px;
  margin-left: auto;
  margin-right: auto;
}
#mblab>a,
#mblab>span {
  padding-left: 20px;
  padding-right: 20px;
}
#mblab>a>img,
#mblab>span>img {
  width: 100%;
}
#mblab>a>img {
  width: 100%;
  transition: transform var(--t-base);
}
#mblab>a:hover>img {
  transform: scale(1.05);
}
#mblabbottom {
  margin: 40px 0px 40px 0px;
}
#mblabbottom img {
  width: 100%;
}
#mblabbottom>a>img {
  width: 100%;
  transition: transform var(--t-base);
}
#mblabbottom>a:hover>img {
  transform: scale(1.05);
}
@media screen and (max-width: 767px) {
  #mblab {
    display: none;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
    margin-top: -25px;
    margin-left: -15px;
    margin-right: -15px;
  }
  #mblab>a,
  #mblab>span {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* =============================================================================
 * VÝPIS PRODUKTŮ / DETAIL PRODUKTU
 * ========================================================================= */
#description h2 {
  text-transform: none;
  margin-top: 40px;
}
#description h3 {
  text-transform: none;
  margin-top: 40px;
}
#description p,
#short-description p {
  line-height: 1.6;
}
#description #related,
#description #alternative {
  padding-top: 0px;
}
#description ul {
  margin: 15px 0px 10px 30px;
}
#description ul li {
  margin: 6px 0px 5px 0px;
}
#description #related ul,
#description #related ul li,
#description #alternative ul,
#description #alternative ul li {
  margin: 0px;
}
#product-detail .field-pieces-wrap {
  top: -1px;
}
#product-detail .pcs {
  height: 2.38rem;
}
#product-detail-info {
  margin-bottom: 1.0rem;
}
#content-in #t-product-detail #product-detail {
  border: 1px solid white;
}
#product-detail td.cell-price-final {
  padding: 25px 0px 25px 0px;
}
#product-detail td.cell-price-final,
#product-detail td.cell-price-final-value {
  background: #f6f6f6;
}
#product-detail tr {
  border-bottom: 0px;
}
#product-detail tr td:first-of-type {
  padding-left: 10px;
}
#product-detail tr td:last-of-type {
  padding-right: 10px;
}
#product-detail tr td.cell-price-final-value {
  padding-right: 20px !important;
}
#content-in #product-detail-info td {
  font-size: 0.75rem;
}
#short-description {
  margin-bottom: 2.25rem;
  border-bottom: 0px;
}
#tr-links {
  margin: 15px 10px 0px 10px;
  padding: 20px 2px 0px 2px;
  border-top: 1px solid #ededed;
}
#tr-links a {
  white-space: nowrap;
}
#tr-links a:before {
  transition: color var(--t-base);
}
#content-in #tr-links a:hover {
  text-decoration: none;
}
#product-detail-info {
  margin: 10px;
}
#product-detail-info tr {
  border-top: 0px !important;
  border-bottom: 0px !important;
}
#description table {
  border-collapse: collapse;
  width: 100%;
}
#description table td {
  padding: 10px;
  border: 1px solid #dcdcdc;
}
#content-in #tabs {
  display: flex;
  border-bottom: 0px;
}
#content-in #tabs li,
#content-in #category-top10 li {
  width: 20%;
  margin-right: 5px;
}
#content-in #tabs .ui-state-active a,
#content-in #tabs .ui-state-default a:hover,
#content-in #tabs .ui-state-default a:focus {
  background: var(--c-gold);
}
.magnifier {
  display: none;
}

/* =============================================================================
 * HLAVIČKA – VYHLEDÁVÁNÍ & MENU
 * ========================================================================= */
.searchform fieldset {
  margin-bottom: 25px;
}
#header-in {
  border-bottom: 0px;
}
#menu {
  height: 50px;
  border-top: 0px;
}
#menu .list-inline {
  height: 50px;
}
#menu li a,
.navigation-menu li a {
  text-transform: none;
  padding-top: 1px;
}
#menu li a {
  color: white;
}
#menu > ul > li > a {
  position: relative;
  top: -2px;
  height: 49px;
  line-height: 45px;
  border-top: 2px solid white;
  border-bottom: 0px;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
#menu .list-inline>li:hover>a,
#menu .list-inline>li>a.active {
  position: relative;
  top: -2px;
  height: 50px;
  line-height: 49px;
  border-bottom: 0px;
  background: white;
  border-top-width: 2px;
}
#menu li a,
.navigation-menu li a {
  line-height: 2.9rem;
}
#menu .list-inline ul a:before {
  margin-top: 6px;
}
#menu li,
.navigation-menu li {
  line-height: 49px;
  height: 49px;
}
#menu > ul > li > a:not(#a-home):after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0px;
  font-size: 0px;
  width: 1px;
  background: rgba(255,255,255,0.3);
  height: 27px;
}
#a-home:before {
  font-size: 23px;
  top: 10px;
}

/* =============================================================================
 * HEADER – MENU HELPER
 * ========================================================================= */
#menu-helper {
  height: 37px;
}
#menu-helper-wrapper:hover #menu-helper-box {
  outline: 0px;
}
#menu-helper:before {
  height: 37px;
  font-size: 23px;
  line-height: 38px;
}
#menu-helper:before,
#menu-helper:after {
  transition: var(--t-base);
}
#menu-helper-box li a {
  color: #222;
}
#a-home:before {
  color: white;
}
#menu .list-inline ul,
#menu-helper-box {
  top: 3.1rem;
  border-top: 0px;
  -webkit-box-shadow: 0px 28px 20px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 28px 20px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 28px 20px 0px rgba(0,0,0,0.3);
  transition: visibility 0s, opacity var(--t-base) linear;
  padding-top: 2px;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
}
#menu .list-inline li:hover ul,
#menu-helper-wrapper:hover #menu-helper-box {
  visibility: visible;
  opacity: 1;
}
#header-cart,
#header-cart:before,

/* =============================================================================
 * HEADER – KOŠÍK
 * ========================================================================= */
#header-cart strong {
  transition: color var(--t-base), background-color var(--t-base);
}
.header-cart-wrapper-full .cart-recapitulation {
  transition: visibility 0s, opacity var(--t-base) linear;
  visibility: hidden;
  opacity: 0;
}
.header-cart-wrapper-full:hover .cart-recapitulation {
  visibility: visible;
  opacity: 1;
}
#menu-helper-box {
  top: 37px;
}
#menu .list-inline ul:before {
  border: 1px solid white;
}
#menu-helper-wrapper {
  top: 0px;
}
#menu .list-inline ul li a,
#menu-helper-box li a {
  transition: color var(--t-base);
}
#menu-helper-box li a {
  display: block;
}
#top-links,
#top-links a,
#header-in .header-phone a span,
#header-in .header-email a span,

/* =============================================================================
 * HEADER – ÚČET & JAZYKY
 * ========================================================================= */
a.icon-account-login span {
  transition: var(--t-base);
}
#top-links a:hover {
  text-decoration: none;
}
#header-in .header-phone a:hover span,
#header-in .header-email a:hover span,
a.icon-account-login:hover span {
  text-decoration: none;
}
#langs-curr {
  top: 98px;
}
#langs-curr a {
  transition: color var(--t-base);
}
.search-notice {
  border: 0px;
  font-size: 12px !important;
  text-align: center;
  border-radius: 50px;
  padding: 4px 4px 3px 4px;
  margin-top: 3px;
}

/* =============================================================================
 * GLOBÁLNÍ TYPOGRAFIE
 * ========================================================================= */
:focus {
  outline: none;
}

h1,
h2,
h3,
h4 {
  text-transform: none;
}
.h2-even-nor,
.h2-odd-nor,
.h2-even,
.h2-odd {
  text-transform: none;
}
.type-page #content-in > article > div > h2 {
  margin: 40px 0px 20px 0px;
  font-size: 1.95rem;
}
.type-page #content-in > article > div > h3 {
  margin: 25px 0px 10px 0px;
  font-size: 1.50rem;
}
.type-page #content-in > article > div > ul:not(.products) {
  margin: 20px 0px 20px 40px;
  line-height: 1.6;
}
.type-page #content-in > article > div > p {
  line-height: 1.6;
}
#welcome p {
  line-height: 1.6;
}
.type-page #content-in > article > div > table {
  border-collapse: collapse;
  width: 100%;
}
.type-page #content-in > article > div > table td {
  padding: 10px;
  border: 1px solid #dcdcdc;
}
#content-in a {
  transition: background-color var(--t-base), color var(--t-base);
}

/* =============================================================================
 * HOMEPAGE – LAYOUT
 * ========================================================================= */
#main-wrapper {
  overflow: hidden;
}
.button-wrap {
  border-width: 0px;
}

.home h1#h1-welcome-nor {
  text-align: center;
}
.home .h2-wrapper {
  margin-top: 20px;
}
.h2-wrapper:before {
  background: #dadada;
  top: 46%;
}
.home .products {
  margin-bottom: 20px;
}
.home #content-in {
  display: flex;
  flex-direction: column;
}
.home #content-in .dkLabVisitedProductsBox {
  order: 998;
}
.home #content-in #dklabGarnetBottom {
  order: 999;
}

/* =============================================================================
 * HOMEPAGE – KAROSEL
 * ========================================================================= */
#carousel-banner img {
  width: 100%;
}
#next-carousel:before,
#prev-carousel:before {
  width: 0px;
  overflow: hidden;
  transition: var(--t-base);
}
#carousel-banner,
#next-carousel,
#prev-carousel {
  transition: var(--t-base);
}
#carousel-banner:hover #next-carousel:before,
#carousel-banner:hover #prev-carousel:before {
  width: 35px;
}
#next-carousel:before {
  left: auto;
  right: 0px;
}

/* =============================================================================
 * NAVIGACE / BREADCRUMBS
 * ========================================================================= */
#navigation {
  padding-left: 4px;
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#navigation span:first-of-type>a>meta {
  display: none;
}
#navigation span:first-of-type>a:before {
  content: '\f015';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  color: #bababa;
  margin-right: -8px;
}
#navigation .navigation-bullet {
  margin-left: 6px;
  margin-right: 6px;
}
#navigation span {
  color: #bababa;
}
#navigation span a,
#navigation span {
  font-size: 0.775rem;
  text-decoration: none;
  transition: color var(--t-base);
}
#navigation a {
  color: #bababa;
}
#navigation span a span {
  color: #bababa;
}
#navigation a:hover {
  color: #bababa;
  text-decoration: none;
}
#navigation-first > a > span {
  display: none !important;
}
#navigation-first > a {
  text-decoration: none !important;
}

/* =============================================================================
 * ZPRÁVY & NOTIFIKACE
 * ========================================================================= */
.single-merchandise-foto img {
  border: 0px;
}

.message.success-message.fixed-message {
  border: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  opacity: 0.95;
}
.type-detail.template-04 .dkLabFavDiv {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
}

/* =============================================================================
 * FORMULÁŘE – INFO BUBLINA
 * ========================================================================= */
#content-in .information-bubble-wrap.checkbox-holder {
  text-align: right;
}
#content-in #discussion-form .information-bubble-wrap.checkbox-holder {
  text-align: left;
}
#content-in .information-bubble-wrap.checkbox-holder label {
  font-size: 12px;
  flex: 0 0 calc(100%);
}
#content-in #order-right .information-bubble-wrap.checkbox-holder {
  text-align: left;
  flex-wrap: inherit;
}
#content-in #order-right .information-bubble-wrap.checkbox-holder label {
  flex: 2;
}

/* =============================================================================
 * FORMULÁŘE – KONTAKTNÍ
 * ========================================================================= */
#content-in form[action="/action/MailForm/SendEmail/"] .f-border-in.relative-single {
  padding: 0px !important;
}
#content-in form[action="/action/MailForm/SendEmail/"] .f-border {
  border: 0px !important;
  padding: 22px 20px 20px 20px;
  background: #f9f9f9;
}
#content-in form[action="/action/MailForm/SendEmail/"] input[type="text"],
#content-in form[action="/action/MailForm/SendEmail/"] textarea {
  border: 1px solid #c6c6c6 !important;
  background: #f8f8f8 !important;
}
#content-in form[action="/action/MailForm/SendEmail/"] td.tari {
  font-weight: bold;
  vertical-align: top;
  padding-top: 12px;
}

/* =============================================================================
 * KATEGORIE TOP10 / INFO PRODUKTU
 * ========================================================================= */
.top-in-cat-iteration {
  line-height: 21px;
  border-radius: 50%;
}
#category-top10 li>div {
  transition: background-color var(--t-base);
}

/* Hover efekt podtrzeni */
.header-phone>a>span,
.header-email>a>span,
.box-account-links>li>a>span,
#navigation>span:not(#navigation-first)>a>span,
#footer a,
.box-account-links a[href="/registrace/"],
.box-account-links a[href="/registracia/"],
.box-account-links a[href="/logout/"],
#top10 ol li a span,
#product-detail-info a {
  position: relative;
  text-decoration: none;
}
.header-phone>a>span:hover,
.header-email>a>span:hover,
.box-account-links>li>a>span:hover,
#navigation>span:not(#navigation-first)>a>span:hover,
#footer a:hover,
.box-account-links a[href="/registrace/"]:hover,
.box-account-links a[href="/registracia/"]:hover,
.box-account-links a[href="/logout/"]:hover,
#top10 ol li a span:hover,
#product-detail-info a:hover {
  text-decoration: none;
}
.header-phone>a>span:after,
.header-email>a>span:after,
.box-account-links>li>a>span:after,
#navigation>span:not(#navigation-first)>a>span:after,
#footer a:after,
.box-account-links a[href="/registrace/"]:after,
.box-account-links a[href="/registracia/"]:after,
.box-account-links a[href="/logout/"]:after,
#top10 ol li a span:after,
#product-detail-info a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all var(--t-base) ease-in-out 0s;
  transition: all var(--t-base) ease-in-out 0s;
}
.box-account-links a[href="/registrace/"]:after,
.box-account-links a[href="/registracia/"]:after,
.box-account-links a[href="/logout/"]:after {
  width: 73%;
  margin-left: 26px;
}
#footer #contacts a:after {
  background-color: white;
}
.header-phone>a>span:hover:after,
.header-email>a>span:hover:after,
.box-account-links>li>a>span:hover:after,
#navigation>span:not(#navigation-first)>a>span:hover:after,
#footer a:hover:after,
.box-account-links a[href="/registrace/"]:hover:after,
.box-account-links a[href="/registracia/"]:hover:after,
.box-account-links a[href="/logout/"]:hover:after,
#top10 ol li a span:hover:after,
#product-detail-info a:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* =============================================================================
 * PATIČKA
 * ========================================================================= */
.home #footer {
  margin-top: 29px;
}
#footer {
  margin-top: 20px;
}
#footer-in {
  border-top: 0px;
}
#footer-in>.row {
  padding-top: 25px;
  padding-bottom: 33px;
}
#footer a {
  transition: var(--t-base);
  display: inline-block;
}
#footer a:hover {
  text-decoration: none !important;
}
#footer .topic,
#footer .topic a {
  text-transform: none;
  font-weight: 400;
}
#onlinePayments .topic {
  text-align: center;
}
li.footer-row-element>div>div {
  padding-top: 10px;
}
#contacts {
  color: #f1f1f1;
  border-radius: 8px;
  padding: 10px 20px 11px 20px;
  margin-right: 30px;
  font-weight: 700;
}
#footer #contacts .topic {
  padding-bottom: 5px;
  color: white;
}
#contacts .ccr-single span:before {
  font-weight: 400;
  color: #f1f1f1;
}
#footer #contacts a {
  color: #f1f1f1;
}
#footer #contacts a:hover {
  color: white;
}
#articles li {
  margin-bottom: 2px;
}
#newsletter .checkbox-holder label,
#newsletter a {
  font-size: 11px;
}
#newsletter .top-1rem {
  margin-top: 5px !important;
}
#newsletter .button {
  background: #c6c6c6;
}
#newsletter .button:hover {
  background: #868686;
}
#footer #contacts .row:before,
#footer #contacts .merchant-photo {
  display: none !important;
}
#footer #contacts #contactbox-right {
  width: 100% !important;
  float: none !important;
}
.user-include-block {
  background: #222;
}
#footer #login .tal {
  text-align: right;
  line-height: 1.1;
  margin-top: 15px;
}
#footer #login {
  margin-right: 10px;
}

/* Aby si to sedlo s jinymi moduly */
.home .odber {
  margin-bottom: -29px;
}
.odber {
  margin-bottom: -20px;
}
#footer #return-to-top {
  position: fixed !important;
  display: block;
}
#footer-in .hide-for-small {
  display: block !important;
}
@media screen and (max-width: 40em) {
  #footer-in>.row {
    display: block;
  }
  #footer-in .footer-row-element:not(.banner),
  #footer-in .banner img {
    display: block;
  }
}

/* =============================================================================
 * POSTRANNÍ SLOUPEC – TOP 10 / KATEGORIE
 * ========================================================================= */
#top10 ol li:before {
  font-size: 0.725rem;
  line-height: 21px;
  border-radius: 50%;
}
#column-l-in > div .topic {
  text-transform: none;
  font-weight: 700;
}
#column-l-in>div>.box,
#column-r>div>.box {
  border-bottom: 0px;
}
#top10 ol li span[itemprop="name"] {
  font-weight: 400;
}
#column-l-in #categories .categories .topic,
#column-r #categories .categories .topic {
  text-transform: none;
  transition: color var(--t-base), background-color var(--t-base), border-color var(--t-base);
}
#column-l-in > div > div a {
  transition: color var(--t-base), background-color var(--t-base), border-color var(--t-base);
}
.categories.expandable>ul>li {
  text-transform: none;
  transition: var(--t-base);
}
#top10 ol li a {
  text-transform: none;
}
#top10 ol li span {
  transition: var(--t-base);
}
#column-l-in a:hover,
#column-r a:hover {
  text-decoration: none;
}
#categories .categories {
  margin-bottom: 0px;
}
#column-l-in #categories .categories .topic a {
  color: #444;
}
#column-l-in #categories .categories .topic,
#column-l-in #categories .categories.expandable .topic {
  background-color: #f3f3f3;
  border-top: 1px solid white;
  border-bottom: 0px solid #e8e8e8;
}
#column-l-in #categories .categories.expanded .topic a {
  background-color: #f3f3f3;
}
.categories .topic:hover a {
  background-color: #f3f3f3;
}
.categories.expandable .topic {
  background: transparent;
  position: relative;
}
#column-l-in #categories .categories.expandable .topic:after {
  content: '\f078';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 12px;
  color: #c2c2c2;
  transition: var(--t-base);
}
#column-l-in #categories .categories.expandable.expanded .topic:after {
  transform: rotate(180deg);
  color: #444;
}
.categories .topic a {
  padding-top: 13px;
  padding-bottom: 11px;
}
#cat-manutacturers.categories .topic a {
  padding-top: 10px;
  padding-bottom: 9px;
}
#column-l-in #categories .categories.expandable>ul>li>a:before {
  transition: var(--t-base);
}
#column-l-in #categories .categories.expandable>ul>li>a {
  background-image: none;
  transition: var(--t-base);
}

/* =============================================================================
 * POSTRANNÍ SLOUPEC – BANNER & SEARCH
 * ========================================================================= */
#column-l .banner a img {
  transition: transform var(--t-base);
}
#column-l .banner a:hover img {
  transform: scale(1.05);
}
#column-l #search form {
  margin-top: 15px;
}

.p-name,

/* =============================================================================
 * KARTA PRODUKTU (VÝPIS)
 * ========================================================================= */
.p-list-descr-name {
  text-transform: none;
  font-weight: 700;
}
.product>.columns {
  border: 1px solid #ededed;
}
.last-of-products .columns {
  border-bottom-color: #ededed;
}
.product>.columns::before {
  bottom: -2px;
}
.product {
  transition: transform .2s, box-shadow .2s;
  margin-bottom: 0.25rem;
  z-index: 3;
}
.product:hover {
  transform: scale(1.05);
  z-index: 4;
}
.product:hover>.columns,
.product:hover>.columns:hover {
  border: 0px solid white !important;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.product .shortDescription {
  font-size: 0.70rem;
}
.product .p-name {
  transition: var(--t-base);
}
.row .row.collapse.cat-paging {
  margin-top: 0.75rem;
}
.pagination-category {
  padding: 12px 2px;
}
.pagination-category-tabs {
  padding: 12px 2px 0px 2px;
}
.bool-icon-single {
  padding: 7px 14px 7px 12px;
  overflow-wrap: normal;
  word-wrap: normal;
  word-break: normal;
  position: relative;
}
.bool-icon-single:before {
  bottom: 0;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -ms-transform: skewX(45deg);
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}
.bool-icon-single:after {
  top: 0;
  -ms-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -ms-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
.bool-icon-single::before,
.bool-icon-single:after {
  position: absolute;
  content: '';
  right: -14px;
  height: 14px;
  width: 14px;
  padding-bottom: inherit;
  background-color: inherit;
}
.product button.small,
.product .button.small,
.product .button.button-small {
  padding-right: 0px;
  padding-left: 0px;
  font-size: 0.7125rem;
  height: 35px;
}
.product a.button.small {
  padding-right: 10px;
  padding-left: 10px;
}
.product input.button.small {
  padding-right: 10px;
  padding-left: 10px;
}
.load-products.button-small {
  padding-right: 10px;
  padding-left: 10px;
}
.product .field-text-product {
  height: 33px;
}
.product .field-text-wrap {
  height: 35px;
}

/* =============================================================================
 * KATEGORIE – TABY & FILTRY
 * ========================================================================= */
#category-tabs .tab-single label {
  cursor: pointer;
}
#category-tabs {
  border-bottom: 0px;
  margin-bottom: 3px;
}
#category-tabs .tab-single {
  background: white;
  color: #444;
  border: 1px solid #dcdcdc;
  margin-right: -5px;
}
#category-tabs .tab-single:not(.active):hover {
  background: #f4f4f4;
  color: #444;
  border: 1px solid #dcdcdc;
}
#category-filter a.show-filter-button {
  background: #d5d5d5;
  color: #9b9b9b;
}
#category-filter a.show-filter-button:hover {
  background: #686868;
  color: white;
}
#param-filter-hover,
.show-filter-button {
  transition: color var(--t-base), background-color var(--t-base), background-image var(--t-base);
}

/* =============================================================================
 * STRÁNKOVÁNÍ
 * ========================================================================= */
body:not(.in-hodnoceni-obchodu) #tab-pagi {
  display: none;
}
p.tar.pagination-category.info-paging {
  display: none;
}
.cat-paging .pagination {
  text-align: center;
}
.cat-paging {
  border-bottom: 0px;
}
#tab-pagi .s-page:first-child,
#tab-pagi .s-page:last-child,
.cat-paging .s-page:first-child,
.cat-paging .s-page:last-child {
  border-radius: 50%;
  transition: background-color var(--t-base), background-image var(--t-base);
}
.product .b-cart:not(.button-cart-advanced-wrap) .button.small {
  padding-left: 10px;
  padding-right: 10px;
}

/* =============================================================================
 * PODKATEGORIE
 * ========================================================================= */
.subcategories-single {
  padding: 2px;
  display: flex;
}
#subcategories a {
  display: flex;
  height: 100%;
  align-items: center;
  box-sizing: border-box;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  width: 100%;
  padding: 15px;
  text-transform: none;
  transition: background-color var(--t-base), color var(--t-base), transform var(--t-base), box-shadow var(--t-base);
  z-index: 3;
}
#subcategories.with-image a {
  background: white;
}
.subcategories .text {
  font-weight: 700;
}
#subcategories a:hover {
  text-decoration: none;
  transform: scale(1.05);
  border: 1px solid #f6f6f6 !important;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  background: white;
  z-index: 4;
}
#subcategories .subcategories-single:before {
  display: none;
}

/* Styly -NEW */

/* =============================================================================
 * SWIPER
 * ========================================================================= */
.swiper-container {
  margin: 0;
}
#header .searchform .b-search:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-size: 16px;
}
#footer .topic,
.home h1#h1-welcome-nor,
.home h2.h2-even-nor,
.home h2.h2-odd-nor,
#description h3,
.type-page #content-in>article>div>h2,
#top10 ol li a:hover span,
.categories .topic:hover a,
#column-l-in #categories .categories.expanded .topic a:hover,
#column-l-in #categories .categories .topic a:hover,
#column-l-in #categories .categories.cat-active .topic a,
#menu .list-inline>li>a.active,

/* =============================================================================
 * AKTIVNÍ STAVY & ŠTÍTKY (NOVINKA/TIP/SLEVA)
 * ========================================================================= */
#a-home.active:before {
  color: #000;
}
#menu .list-inline>li>a.active {
  border-top-color: var(--c-gold);
}
#category-tabs .tab-single.active {
  border-color: var(--c-gold);
}
#contacts,
#menu {
  background: var(--c-gold);
}
.header-phone>a>span:after,
.header-email>a>span:after,
.box-account-links>li>a>span:after,
#navigation>span:not(#navigation-first)>a>span:after,
#footer a:after,
.box-account-links a[href="/registrace/"]:after,
.box-account-links a[href="/registracia/"]:after,
.box-account-links a[href="/logout/"]:after,
#top10 ol li a span:after,
#product-detail-info a:after {
  background-color: var(--c-gold);
}
#product-detail .price {
  color: #cb6412;
}
.bool-action,
.bool-discount {
  background: #CB6412;
}
.bool-new {
  background: #8ECE29;
}
.bool-tip {
  background: #2089D3;
}
@media screen and (max-width: 40em) {
  #menu-helper-wrapper:hover #menu-helper:before,
  #menu-helper-wrapper.menu-helper-wrapper-active #menu-helper:before {
    color: var(--c-gold);
  }
}
#affil-login-box {
  display: none;
}
@media screen and (max-width: 767px) {
  #dklabGarnetTop {
    display: flex;
  }
}

/*homepage advant*/

/* =============================================================================
 * HOMEPAGE – KATEGORIE & TLAČÍTKA
 * ========================================================================= */
.p-info .p-name {
  text-align: center;
}
.btn-nav {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  box-shadow: 0 4px 6px 1px rgba(0, 0, 0, .25);
  white-space: nowrap;
  color: #1a202c;
  text-align: center;
  max-width: 90%;
  min-width: 241px;
}
.homecategory {
  flex: 1;
  margin: 2px;
  padding: 10px;
  text-align: center;
  -webkit-transition: box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
  transition: transform .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
@media screen and (max-width: 980px) {
  .homecategory {
    margin-bottom: 5px;
    flex-basis: 40%;
  }
  .homecategory:last-child {
    flex-basis: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 680px) {
  .homecategory {
    flex-basis: 100%;
    margin: 0 0 5px 0;
  }
}
.homenavdiv {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 5px 0;
  padding-bottom: 40px;
}
.homenavdiv .homecategory:hover img {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 8px 8px 32px 0 rgba(0, 0, 0, .12);
}
#welcome {
  padding-top: 40px;
}
.mbbackground {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #edf2f7;
  padding: 20px 0;
}

/* =============================================================================
 * VÝHODY / FEATURES
 * ========================================================================= */
.advant {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 10px;
  width: 100%;
  height: 100%;
  max-width: 1418px;
}
.features {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  align-items: center;
  justify-content: stretch;
  padding: 10px 0px;
}
.features .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  -webkit-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  float: left;
  border: 1px solid #2e2e2e2e;
}
.features .content {
  text-align: center;
  max-width: 15em;
  line-height: 1.2;
  padding-top: 5px;
}
.features .content>div {
  font-weight: 500;
  font-size: 15px;
}
.features .content>h4 {
  font-size: 20px;
  font-weight: 600;
}
.element-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  justify-items: center;
  cursor: default;
}
.element-icon:hover .icon {
  box-shadow: 4px 4px 16px 0 #cbd5e0;
}
.icon:before {
  content: ' ';
  width: 50px;
  height: 50px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0;
  left: 3px;
}
.overeno:before {
  background-image: url(/user/documents/upload/overeno.svg);
  background-size: 50px 50px;
}
.zaruka:before {
  background-image: url(/user/documents/upload/zaruka.svg);
  background-size: 50px 50px;
}
.zkusenost:before {
  background-image: url(/user/documents/upload/zkusenost.svg);
  background-size: 50px 50px;
}
.doprava:before {
  background-image: url(/user/documents/upload/Doprava.svg);
  background-size: 50px 50px;
}
.platba:before {
  background-image: url(/user/documents/upload/Platba.svg);
  background-size: 50px 50px;
}

/*----------------------------------------------*/

/* =============================================================================
 * GALERIE / INSTAGRAM
 * ========================================================================= */
.heading {
  text-align: center;
  font-size: 2.0em;
  letter-spacing: 1px;
  padding: 40px;
  color: white;
}
.gallery-image {
  display: grid;
}
.gallery-image img {
  height: 250px;
  width: 350px;
  transform: scale(1.0);
  transition: transform 0.4s ease;
}
#ig-gallery-image {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 4fr));
  grid-gap: 10px;
}
.ig-img-box {
  box-sizing: content-box;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}
.caption {
  position: absolute;
  bottom: 5px;
  left: 20px;
  opacity: 0.0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.transparent-box {
  height: 250px;
  width: 350px;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
}
.ig-img-box:hover img {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 8px 8px 32px 0 rgba(0,0,0,.12);
}
.ig-img-box:hover .transparent-box {
  background-color: rgba(0, 0, 0, 0.5);
}
.ig-img-box:hover .caption {
  transform: translateY(-20px);
  opacity: 1.0;
}
.ig-img-box:hover {
  cursor: pointer;
}
.caption > p:nth-child(2) {
  font-size: 0.8em;
}
.opacity-low {
  opacity: 0.5;
}
.ig-button {
  background-color: #fd7c66;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  padding: 10px 20px;
  margin: 0 auto;
  font-weight: 700;
  font-size: .938rem;
  text-decoration: none;
}
.ig-button:hover {
  background-color: #000000;
  color: #fff;
}
.ig-button:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 200;
  text-align: center;
  font-size: 35px;
  margin-right: 15px;
  color: #fff;
}
.ig-button:before {
  content: "\f16d";
}

/*-------------------------*/

/* =============================================================================
 * DETAIL PRODUKTU – CENY & NAVIGACE
 * ========================================================================= */
.p-cat-availability {
  font-size: 10px!important;
  text-transform: uppercase!important;
}
.p-type-descr {
  text-align: center;
  margin-bottom: 0;
  height: 15px!important;
}
.p-name {
  text-transform: unset;
  font-weight: 400;
  text-align: center;
}

/*.product-cart-detail .left {width: 100%; text-align: center;}*/
.p-det-main-price {
  font-weight: 500;
}
.pro-next,
.pro-prev {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 23px;
  text-align: center;
  background-color: #d8d8d8;
  border-radius: 30px;
  border: 1px solid #b6b6b6;
  top: 50%;
  margin-top: -50px;
  z-index: 10;
}
.pro-next {
  right: 0px;
  left: auto;
}
.pro-prev {
  left: 0px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}

/*MAPA*/
.worldmap {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
}

/*-------------------*/

/* =============================================================================
 * CAROUSEL BANNER – TEXT & ANIMACE
 * ========================================================================= */
#carousel-banner {
  display: flex!important;
  flex-direction: row;
  /*    flex: 1 1; */
  position: relative;
  overflow: visible;
}
#carousel-banner .carousel-wrap {
  width: 66.66667%;
  display: block!important;
  position: relative;
}
#carousel-banner .carousel-wrap  .carousel-banners {
  display: block!important;
  position: relative;
}
#carousel-banner .additional-carousel-banners {
  width: 33.33333%;
  display: block!important;
  position: relative;
  right: 0;
  float: right;
}
.additional-carousel-banners > :not(:last-child) {
  padding-bottom: 0.9em;
  display: inline-block;
  width: 100%;
  height: auto;
}
.ancarousel {
  height: 500px;
}
#carousel-banner .antext {
  width: 80%;
  padding: 50px 30px 50px 70px;
  background: var(--c-gold);
  float: left;
  height: 450px;
  cursor: pointer;
  box-shadow: 0 4px 6px 1px rgba(0,0,0,.25);
}
#carousel-banner .animg {
  width: 50%!important;
  height: 90%;
  float: right;
  position: absolute;
  right: 0;
  left: unset;
  top: 50px;
  overflow: visible;
  box-shadow: 0 4px 6px 1px rgba(0,0,0,.25);
  background-size: cover;
  background-position: center;
  background-image: url(/user/documents/img/homeB.png);
}
#carousel-banner .animg:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 8px 8px 32px 0 rgba(0, 0, 0, .12);
  cursor: pointer;
}
#carousel-banner .antext-left {
  width: 50%;
  float: left;
}
.crbutton {
  margin: 0;
  float: left;
}
.nadpis1 {
  margin-bottom: 0;
}
.nadpis2 {
  margin-top: -15px;
}
.nadpis1 .letters,
.nadpis2 .letters {
  text-transform: uppercase;
  color: #fff;
  font-size: 3.5rem;
  font-weight: 500;
  letter-spacing: 2px;
  opacity: 0;
}
.nadpis2 .letters {
  font-weight: 700;
}
.crp {
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 1px;
  animation: 10s fadeIn;
  animation-fill-mode: forwards;
  visibility: hidden;
  color: #fff;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
.cr-text2 {
  font-weight: 600;
}
.antext .crbutton {
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 10px 15px;
  font-weight: 900;
  border-radius: 5px;
  max-width: 170px;
}
.antext .crbutton:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  font-size: 35px;
  margin-right: 10px;
  position: relative;
  display: inline-block;
}

/*---------------------------------------------------------*/

/* =============================================================================
 * NEWSLETTER
 * ========================================================================= */
.newsletter-in {
  background-color: var(--c-gold);
  margin-top: 5rem;
}
.newletter-container {
  display: block;
}
.nlt-box-left {
  float: left;
}
.nlt-box-right {
  float: right;
}
.newsletter-container {
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsletter-container input {
  height: 38px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.newsletter-container input[type="text"] {
  padding: 2px 12px;
  margin-bottom: 8px;
  border-color: #c9c9c9;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
}

/* =============================================================================
 * TLAČÍTKA – BUTTONV1
 * ========================================================================= */
.buttonv1 {
  background-color: #fff;
  color: var(--c-gold);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 250px;
  padding: 10px 15px;
  font-weight: 700;
  font-size: .938rem;
  text-decoration: none;
  border-radius: 5px;
}

/* =============================================================================
 * BENEFIT BANNER
 * ========================================================================= */
.benefitBanner {
  max-width: 100%;
}
.benefitBanner__picture {
  max-width: 100%;
  flex: 1;
}
.buttonv1:hover {
  background-color: #000000;
  color: #fff;
}
}
}
 .newsletter-in .top-1rem {
  margin-top: 0!important;
}
.newsletter-in .checkbox-holder {
  color: #fff;
}
.newsletter-in .checkbox-holder a {
  color: #fff;
}
.newsletter-in form fieldset {
  margin-bottom: 0;
}
#footer {
  margin-top: 0;
}
.nlt-text h3,
.nlt-text p {
  color: #fff;
}
.nlt-text h3 {
  font-weight: 600;
  font-size: 23px;
}
.nlt-text p {
  font-size: 16px;
}
.nlt-text h3:before {
  content: "\f1d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 200;
  text-align: center;
  font-size: 35px;
  margin-right: 15px;
  color: #fff;
  position: relative;
  display: inline-block;
}
#footer-in #instagramWidget {
  display: none!important;
}
.iglink {
  margin: 2rem 0rem 5rem 0rem;
}
#category-top10 {
  display: none;
}

/* =============================================================================
 * POZNÁMKY / ADD-NOTE
 * ========================================================================= */
.add-note {
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  width: 100%;
}
.a-note {
  float: left;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-note {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-note {
  height: 50px;
  border-radius: 5px;
  border: 2px solid rgb(113, 201, 206);
  box-shadow: rgb(203, 213, 224) 4px 4px 16px 0px;
  padding: 10px;
  font-size: 17px;
  font-weight: bold;
  color: #fd7c66;
  text-transform: uppercase;
}

/* =============================================================================
 * OBSAH – HLAVIČKA & O NÁS
 * ========================================================================= */
#content-in header {
  display: none;
}
.more-stuff-grid {
  background: #fff;
  padding: 2em 0;
  display: grid;
  grid-gap: 2em;
  align-items: center;
  grid-template-columns: minmax(1em, 1fr) repeat(2, minmax(200px, 400px)) minmax( 1em, 1fr );
}
.from-left {
  grid-column: 2 / 3;
}
.from-right {
  grid-column: 3 / 4;
}
.onassection p {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .15px;
  line-height: 22px;
  text-transform: none;
  color: #444;
}
.onassection h2 {
  line-height: 1.25;
  text-align: left;
  margin: 0 0 2.5rem;
}
.button-green {
  margin: 0;
  width: 50%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
}
.onasnadpis {
  text-align: center;
}

/* =============================================================================
 * BENEFIT LIST (IKONY)
 * ========================================================================= */
.benefit {
  background-color: #f8f8f8;
  height: 170px;
  width: 102%;
  margin-left: -8px;
}
.benefit li {
  width: 20%;
  text-align: center;
}
.benefit li {
  padding: 17px 0 10px;
  display: inline-block;
  vertical-align: top;
}
.benefit li:nth-child(1) {
  display: none;
}
.benefit li a {
  cursor: inherit;
  position: relative;
  padding: 70px 0 0;
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #000;
  text-decoration: none;
}
.benefit li a:hover {
  color: #fd7c66;
  cursor: pointer;
}
.benefit li a:before {
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -20px;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 45px;
  color: var(--c-gold);
}
.benefit li a:hover:before {
  transition: background-color var(--t-base), color var(--t-base);
  color: #fd7c66;
}
.benefit li:nth-child(2) a:before {
  content: "\f4d8";
}
.benefit li:nth-child(3) a:before {
  content: "\f0d1";
}
.benefit li:nth-child(4) a:before {
  content: "\f0e0";
}
.benefit li:nth-child(5) a:before {
  content: "\f058";
}
.benefit li:nth-child(6) a:before {
  content: "\f0a3";
}

/* Responzivní verze */
@media screen and (min-width: 40.063em) {
  #main-wrapper {
    border-top: 5px solid #f2f2f2;
  }
  #logo {
    left: 10px;
    top: 10px;
  }
  #logo img {
    max-height: 74px;
    position: relative;
    top: 12px;
  }
  .header-contacts {
    background: #f2f2f2;
    text-align: center;
    margin-bottom: 21px !important;
    text-align: center;
    position: relative;
  }
  #header-in .header-phone,
  #header-in .header-email {
    font-size: 0.775rem;
    margin: 11px 10px 9px 10px;
    text-align: center;
    display: inline-block;
    float: none !important;
    width: auto;
  }
  .row .header-contacts.row:before,
  .row .header-contacts.row:after {
    content: '';
    display: block;
    background: #f2f2f2;
    width: 31px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -16px;
    transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    -moz-transform: skew(40deg, 0deg);
    -o-transform: skew(40deg, 0deg);
    -ms-transform: skew(40deg, 0deg);
  }
  .row .header-contacts.row:after {
    left: auto;
    right: -16px;
    transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    -moz-transform: skew(-40deg, 0deg);
    -o-transform: skew(-40deg, 0deg);
    -ms-transform: skew(-40deg, 0deg);
  }
  .box-account-links .responsive-mobile-hidden {
    display: none;
  }
  .box-account-links a[href="/registrace/"],
  .box-account-links a[href="/registracia/"],
  .box-account-links a[href="/logout/"] {
    margin-left: 15px;
  }
  .box-account-links a[href="/registrace/"]:before,
  .box-account-links a[href="/registracia/"]:before,
  .box-account-links a[href="/logout/"]:before {
    top: -2px;
    content: "\f2f6";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    text-align: left;
    color: #cacaca;
  }
  #header .search-whisperer-wrap {
    position: relative;
  }
  #header .search-whisperer-wrap .large-8 {
    width: 90%;
    margin-left: 5%;
  }
  #header .search-whisperer-wrap .large-4 {
    width: auto;
    position: absolute;
    top: 0px;
    right: 5%;
  }
  #header .searchform .s-word,
  #header #s-word {
    background: #f4f4f4;
    border: 0px;
    border-radius: 50px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 50px 0px 15px;
  }
  #header .searchform .b-search {
    width: 32px;
    height: 32px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 50%;
    font-size: 0px;
    background: #c2c2c2;
    color: white;
  }
  #header .searchform .b-search:hover {
    background: var(--c-gold);
    color: white;
  }
  #header .searchform .b-search:before {
    /* content: "\f002"; */
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 16px;
  }
  .cart-recapitulation .cart-reca-single form .button.tiny {
    padding: 3px 5px;
    font-size: 10px;
    border-radius: 50%;
  }
  #logo {
    transition: transform .2s;
  }
  #logo:hover {
    transform: scale(1.05);
  }
}
@media only screen and (max-width: 767px) and (min-width: 40.063em) {
  #logo {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 64em) and (min-width: 768px) {
  #logo {
    margin-top: 0px;
  }
  #logo img {
    top: 15px;
    max-height: 64px;
  }
}
@media only screen and (max-width: 64em) and (min-width: 40.063em) {
  #header-in .header-phone,
  #header-in .header-email {
    font-size: 0.675rem;
  }
  #newsletter {
    padding-right: 30px;
  }
  #onlinePayments {
    text-align: left;
  }
  #onlinePayments .topic {
    text-align: left;
  }
  #header-in .header-phone,
  #header-in .header-email {
    margin: 0px 10px 0px 10px;
    position: relative;
    top: -2px;
    display: block;
  }
  .row .header-contacts.row:before {
    left: -15px;
  }
  .row .header-contacts.row:after {
    right: -15px;
  }
  #langs-curr {
    top: 53px;
    right: 100%;
    margin-right: -10px !important;
  }
}
@media screen and (min-width: 992px) {
  .product>.columns .shortDescription {
    display: none;
  }
  .product .shortDescription {
    transition: transform .2s, box-shadow .2s;
  }
  .product:hover .shortDescription {
    display: block;
    background: white;
    position: absolute;
    top: 100%;
    left: 0px;
    width: auto;
    min-width: 100%;
    transition: transform .2s, box-shadow .2s;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
    padding: 8px 16px 16px 16px;
    margin: -8px 0px 0px 0px;
    font-size: 0.70rem;
  }
  .product .shortDescription p {
    margin-bottom: 0px;
    font-size: 0.70rem;
  }
  #copyright .large-3 {
    width: 35%;
  }
  #copyright .large-9 {
    width: 65%;
  }
  .pagination-category-tabs {
    margin-top: -35px;
  }
}
@media (min-width: 1440px) {
  .row {
    max-width: 1418px;
  }
}
@media screen and (max-width: 991px) {
  #newsletter {
    margin-right: 30px;
  }
}
@media screen and (max-width: 40em) {
  .subcategories .subcategories-single a .text {
    width: auto;
  }
  .searchform fieldset {
    margin-bottom: 0px;
  }
  #menu-helper:before {
    height: 32px;
    font-size: 23px;
    line-height: 32px;
  }
  #menu-helper {
    top: -34px;
  }
  #header-in .header-phone,
  #header-in .header-email {
    width: auto;
    float: none !important;
  }
  #header-in .header-email a,
  #header-in .header-phone a {
    float: none;
  }
  .header-contacts {
    margin: 5px 0px -5px 0px !important;
  }
  .header-contacts:before {
    display: none !important;
  }
  #logo img {
    top: 4px;
    position: relative;
  }
  #menu {
    height: auto;
    background: transparent !important;
  }
  #menu .list-inline ul,
  #menu-helper-box {
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    width: 100%;
    padding: 0px;
    margin: 0px !important;
  }
  #menu-helper-box {
    display: none;
    top: 1px;
    border: 1px solid;
    position: relative;
    margin-bottom: 20px !important;
    border-color: #f9f9f9;
    background: #f9f9f9;
  }
  #menu-helper-box li a,
  .navigation-menu a {
    padding: 0px 2px 0px 2px;
    position: relative;
  }
  #menu li,
  .navigation-menu li {
    height: auto;
  }
  #menu li,
  .navigation-menu li {
    margin: 0px 15px 0px 15px;
    position: relative;
  }
  #menu-helper-wrapper:hover #menu-helper:before,
  #menu-helper-wrapper.menu-helper-wrapper-active #menu-helper:before {
    background-color: #f9f9f9;
  }
  #menu-helper-box a:hover {
    text-decoration: none !important;
  }
  .icon-menu-arrow:before {
    font-size: 12px;
    line-height: 20px;
  }
  .icon-menu-arrow:hover {
    background-color: transparent;
  }
  .icon-menu-arrow:hover:before {
    color: black;
  }
  #menu .navigation-menu.navigation-submenu li {
    margin: 0px 0px 0px 0px !important;
  }
  #menu-helper-box li ul:before,
  .navigation-menu li ul:before {
    background-color: white;
  }
  .subcategories-single {
    border-bottom: 0px;
  }
  #content-in {
    padding-top: 10px;
  }
  #homepage-banner {
    margin-top: -10px;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
  #langs-curr {
    margin-right: 15px !important;
    top: 68px;
  }
  #content-in #tabs {
    margin-left: -15px;
  }
  #product-detail-form fieldset {
    border-color: white;
  }
  #td-product-detail {
    background-color: white;
  }
  #short-description {
    margin-top: 30px;
  }
  .navigation-menu-product-detail-wrap {
    border-color: white;
  }
  .products .product:last-of-type .columns {
    border-bottom-color: #e0e0e0;
  }
  .p-detail .shortDescription {
    display: block;
  }
  #header-in .header-phone a:before,
  #header-in .header-email a:before,
  .icon-account-login:before {
    margin-right: 5px;
  }
  #header-in .header-phone a,
  #header-in .header-email a {
    margin-right: 10px;
  }
  .header-contacts {
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  .benefit {
    height: 330px!important;
    width: 100%!important;
    margin-left: 0!important;
  }
  .benefit li {
    width: 33%!important;
  }
  .benefit li:nth-last-child(-n+2) {
    width: 50%!important;
  }
  .more-stuff-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 2fr));
  }
  .from-left {
    grid-column: 1;
  }
  .from-right {
    grid-column: 1;
  }
  .more-stuff-grid>img {
    order: 1;
  }
  .more-stuff-grid>div {
    order: 2;
  }
  #carousel-banner {
    height: unset!important;
  }
  .conatct-form {
    width: 100%!important;
  }
  .onasnadpis > p {
    width: 100%!important;
  }
}

/* =============================================================================
 * PATIČKA – PLATEBNÍ LOGA
 * ========================================================================= */
.footermb {
  display: none;
}
.container-icons table {
  margin: 0 auto;
}
.container-icons td span {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(1);
}

/*
.logo-comgate {
    mask-image: url(/user/documents/img/icons/footer/logo-comgate.svg);
    -webkit-mask: url(/user/documents/img/icons/footer/logo-comgate.svg);
    background: #fff;
}
*/
.gopay-black {
  mask-image: url(/user/documents/img/icons/footer/gopay-01.svg);
  -webkit-mask: url(/user/documents/img/icons/footer/gopay-01.svg);
  background: #fff;
}
.ceska-posta {
  mask-image: url(/user/documents/img/icons/footer/ceska_posta-01.svg);
  -webkit-mask: url(/user/documents/img/icons/footer/ceska_posta-01.svg);
  background: #fff;
}
.visa-white {
  background-image: url(data:image/svg+xml;
  base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iOTciIHZpZXdCb3g9Ijc2LjczNCAzNDAuNjEyIDgyNi40NzkgMjY1LjY4MyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTkwMy4yMTIgNjAxLjg5NGMtMTkuMzY3IDAtMzcuMzA0LjE5Ny01NS4yMjMtLjI2Ni0yLjExLS4wNTQtNS4zMjYtMy40MDktNS45NzUtNS43OTQtMi4zMTEtOC40OTMtMy44MDUtMTcuMjE0LTUuNDU1LTI1Ljg3OC0uODMtNC4zNTUtMi42MjItNi41MjUtNy42NTktNi40NzEtMjQuODcyLjI3LTQ5Ljc1MS0uMDItNzQuNjE5LjM5Ni0yLjYwNC4wNDQtNi40MTcgMi44NzgtNy40OTQgNS4zNjEtMy45NDMgOS4wODgtNi43NzEgMTguNjU1LTEwLjQ5MiAyNy44NTEtLjgxNyAyLjAyMy0zLjU1OCA0LjYyMi01LjQ0NyA0LjY1MS0yMS4yMDIuMzI5LTQyLjQxLjIwOC02NC44NzEuMjA4IDYuNDI3LTE1LjUxMSAxMi4zNjYtMjkuOTkxIDE4LjQxOS00NC40MjUgMjYuNDU0LTYzLjA4OSA1Mi45NDItMTI2LjE2NCA3OS40MTUtMTg5LjI0NiA3LjI0Ni0xNy4yNjYgMTUuNjg0LTIyLjkzOSAzNC4xOTgtMjIuOTQyIDE0LjkyNS0uMDAyIDI5Ljg1My4xOTQgNDQuNzcxLS4wNzQgNS4yOTctLjA5NSA3LjQ3OCAxLjI5MiA4LjY1MiA2Ljk5NyAxNi4yMzIgNzguODE5IDMyLjgxOCAxNTcuNTY1IDQ5LjMwMSAyMzYuMzMzLjg0IDQuMDEyIDEuNTA3IDguMDU2IDIuNDc5IDEzLjI5OXptLTc5LjA2MS05MC41OWMtNi42ODctMzIuMDYzLTEzLjIwMy02My4zMTctMTkuNzIyLTk0LjU3MmwtMi41LS4yMzItMzQuMzkxIDk0LjgwNSA1Ni42MTMtLjAwMXpNNzYuNzM0IDM0OS44MzZjMy44ODgtMi4xMjQgNi4zMDktNC41OTIgOC43NDUtNC42MDcgMzYuMi0uMjI3IDcyLjQwMy0uMjg5IDEwOC42MDQtLjAzNSAxNS40OTUuMTA5IDI2Ljc4NyAxMC41NDIgMjkuOTA5IDI2Ljk2NSA4LjkxMyA0Ni44OSAxNy43MDkgOTMuODAyIDI2LjU2OSAxNDAuNzAyLjI5MyAxLjU1Ni43ODggMy4wNzEgMS43NTggNi43ODcgMS44MzEtMy45OTggMi45Ny02LjIxOSAzLjg4Ni04LjUyNCAyMC44NjctNTIuNTU4IDQxLjg2LTEwNS4wNjggNjIuMzcyLTE1Ny43NjYgMi41NzItNi42MDggNS44MjUtOC41MjMgMTIuNTc3LTguMzczIDE5LjU2NS40MzcgMzkuMTQ3LjE1NSA1OS42My4xNTUtMS4yMDYgMy4zOC0xLjk5NCA1Ljk2Ny0zLjAzMSA4LjQ0OS0zMy42NiA4MC40MTMtNjcuNDA2IDE2MC43OS0xMDAuODg3IDI0MS4yNzctMi40MTYgNS44MDgtNS40MzUgNy42NTgtMTEuNjA3IDcuNTM1LTIwLjQwNy0uNDA3LTQwLjgyNy0uMTU0LTYxLjg0OC0uMTU0LTYuMzQ3LTI0LjQwNS0xMi42MDktNDguMzQ3LTE4Ljc5My03Mi4zMDgtMTEuMjM1LTQzLjUzMy0yMi43NS04Ni45OTktMzMuNDUtMTMwLjY2NS0zLjYyNC0xNC43OTEtMTEuMjk4LTI0Ljc3OC0yNS42OTMtMjkuNjE3LTE4LjUwOC02LjIxOC0zNi45OTktMTIuNDgyLTU4Ljc0MS0xOS44MjF6TTQ3OC40OTIgNTkyLjY3NWwxMS44NC01NS4zMzNjMy41NzcgMS41MjUgNi43MTQgMi44MjcgOS44MjEgNC4xOTUgMjMuODQ4IDEwLjQ5NCA0OC41NTYgMTQuMzk2IDc0LjM0NSA5LjUyIDMuMjEyLS42MDUgNi4zOTEtMS43OTYgOS4zNi0zLjE5IDE4LjQwOS04LjY0NiAyMC43MjQtMjYuNDIgNC4zNDYtMzguNDc5LTkuMDM4LTYuNjU1LTE5LjUxMy0xMS4zNS0yOS4yNjktMTcuMDQ5LTcuMzgyLTQuMzEyLTE0Ljg5NS04LjQ2My0yMS45MzMtMTMuMjkxLTQ3LjIxNC0zMi4zOC0zNC4yODctODYuMTIzLTMuOTkyLTExMS4wNjUgMjguMzk0LTIzLjM3OCA2MS45MDYtMjkuNDgzIDk3LjI1MS0yNi43NzMgMTYuNTU4IDEuMjcgMzIuODcgNS43MyA1MC4xNjggOC45MDZsLTExLjQzIDUyLjg5OWMtMTYuNzYtMy4zMS0zMi4yNTItNy43MDktNDgtOS4wMTItMTAuNjI5LS44NzktMjIuMzEzLjc3My0zMi4yOTUgNC41NDgtMTcuNzczIDYuNzIzLTE5LjIyOSAyMy40MDYtMy41ODYgMzQuMjU2IDkuOTM4IDYuODk0IDIwLjk0IDEyLjI0NSAzMS40MTUgMTguMzc1IDYuNDI5IDMuNzY0IDEyLjg0NiA3LjU1OCAxOS4xMjEgMTEuNTY2IDQ4LjEwNCAzMC43MjYgMzUuNzM2IDg5LjAyOSA2LjU3IDExNC41ODUtMTguNTk1IDE2LjI5Mi00MC43MyAyNC4yMDgtNjQuNjM2IDI3LjI2MS0zMS4zNzMgNC4wMDctNjIuMjY4LjkzNi05Mi4zNDgtOS4xNjItMi4wNTctLjY5My00LjAzMy0xLjY0MS02Ljc0OC0yLjc1N3pNMzY1Ljg0MiA2MDIuMTIxbDU0Ljk0My0yNTYuNDY3aDY1Ljc2Yy0zLjUyOCAxNi40ODgtNi45MjUgMzIuMzM3LTEwLjMxMyA0OC4xODktMTQuMzQ2IDY3LjExNy0yOC42NDggMTM0LjI0NC00My4xODUgMjAxLjMyLS41NTggMi41NjUtMy4yOTcgNi42MTQtNS4wOTkgNi42NTYtMjAuMzUyLjQ3NS00MC43MjEuMzAyLTYyLjEwNi4zMDJ6Ii8+PC9zdmc+);
}
.mastercard-white {
  background-image: url(data:image/svg+xml;
  base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMjMzIiB2aWV3Qm94PSIwIDAgMTIwMCA5MzMiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yNTkuMjYgODc4Ljk1YzAtMTcuMzA3IDExLjM0MS0zMS41MjMgMjkuODczLTMxLjUyMyAxNy43MDcgMCAyOS42NjEgMTMuNjA0IDI5LjY2MSAzMS41MjNzLTExLjk1NCAzMS41MjMtMjkuNjYxIDMxLjUyM2MtMTguNTMyIDAtMjkuODczLTE0LjIxNy0yOS44NzMtMzEuNTIzbTc5LjcxNyAwdi00OS4yM2gtMjEuNDA4djExLjk1M2MtNi43OTEtOC44NjUtMTcuMDk1LTE0LjQzLTMxLjEtMTQuNDMtMjcuNjEgMC00OS4yNTQgMjEuNjQ1LTQ5LjI1NCA1MS43MDcgMCAzMC4wODYgMjEuNjQ1IDUxLjcwNyA0OS4yNTQgNTEuNzA3IDE0LjAwNSAwIDI0LjMwOS01LjU2NCAzMS4xLTE0LjQzdjExLjk1M2gyMS40MDh2LTQ5LjIzem03MjMuNDY2IDBjMC0xNy4zMDcgMTEuMzQxLTMxLjUyMyAyOS44NzMtMzEuNTIzIDE3LjczIDAgMjkuNjYxIDEzLjYwNCAyOS42NjEgMzEuNTIzcy0xMS45MzEgMzEuNTIzLTI5LjY2MSAzMS41MjNjLTE4LjUzMiAwLTI5Ljg3My0xNC4yMTctMjkuODczLTMxLjUyM203OS43NDEgMHYtODguNzcxaC0yMS40MzJ2NTEuNDk0Yy02Ljc5MS04Ljg2NS0xNy4wOTUtMTQuNDMtMzEuMS0xNC40My0yNy42MDkgMC00OS4yNTQgMjEuNjQ1LTQ5LjI1NCA1MS43MDcgMCAzMC4wODYgMjEuNjQ1IDUxLjcwNyA0OS4yNTQgNTEuNzA3IDE0LjAwNSAwIDI0LjMwOS01LjU2NCAzMS4xLTE0LjQzdjExLjk1M2gyMS40MzJ2LTQ5LjIzem0tNTM3LjQ1OS0zMi41MzdjMTMuNzkzIDAgMjIuNjU4IDguNjUyIDI0LjkyMiAyMy44ODVoLTUxLjA5NGMyLjI4Ny0xNC4yMTkgMTAuOTE2LTIzLjg4NSAyNi4xNzItMjMuODg1bS40MjMtMTkuMTdjLTI4Ljg1OSAwLTQ5LjA0MiAyMS4wMDgtNDkuMDQyIDUxLjcwNyAwIDMxLjMxMyAyMS4wMDggNTEuNzA3IDUwLjQ4IDUxLjcwNyAxNC44MyAwIDI4LjQxMS0zLjcwMyA0MC4zNjUtMTMuNzkzbC0xMC40OTItMTUuODY5Yy04LjI1MiA2LjU3OC0xOC43NjggMTAuMzA1LTI4LjY0NyAxMC4zMDUtMTMuNzkzIDAtMjYuMzU5LTYuMzkxLTI5LjQ0OC0yNC4xMjFoNzMuMTE1Yy4yMTItMi42NjQuNDI0LTUuMzUyLjQyNC04LjIyOS0uMjEyLTMwLjctMTkuMTY5LTUxLjcwNy00Ni43NTUtNTEuNzA3bTI1OC41MDkgNTEuNzA3YzAtMTcuMzA3IDExLjM0MS0zMS41MjMgMjkuODc0LTMxLjUyMyAxNy43MDcgMCAyOS42NiAxMy42MDQgMjkuNjYgMzEuNTIzcy0xMS45NTMgMzEuNTIzLTI5LjY2IDMxLjUyM2MtMTguNTMzIDAtMjkuODc0LTE0LjIxNy0yOS44NzQtMzEuNTIzbTc5LjcxOCAwdi00OS4yM2gtMjEuNDA5djExLjk1M2MtNi44MTQtOC44NjUtMTcuMDk0LTE0LjQzLTMxLjEtMTQuNDMtMjcuNjA5IDAtNDkuMjU0IDIxLjY0NS00OS4yNTQgNTEuNzA3IDAgMzAuMDg2IDIxLjY0NSA1MS43MDcgNDkuMjU0IDUxLjcwNyAxNC4wMDYgMCAyNC4yODUtNS41NjQgMzEuMS0xNC40M3YxMS45NTNoMjEuNDA5di00OS4yM3ptLTIwMC42MjUgMGMwIDI5Ljg3MyAyMC43OTUgNTEuNzA3IDUyLjUzMSA1MS43MDcgMTQuODMgMCAyNC43MS0zLjMwMSAzNS40MTQtMTEuNzQybC0xMC4yOC0xNy4zMDdjLTguMDQgNS43NzctMTYuNDggOC44NjUtMjUuNzcxIDguODY1LTE3LjA5NC0uMjExLTI5LjY2MS0xMi41NjYtMjkuNjYxLTMxLjUyM3MxMi41NjctMzEuMzExIDI5LjY2MS0zMS41MjNjOS4yOSAwIDE3LjczIDMuMDg4IDI1Ljc3MSA4Ljg2NWwxMC4yOC0xNy4zMDdjLTEwLjcwNC04LjQ0MS0yMC41ODQtMTEuNzQyLTM1LjQxNC0xMS43NDItMzEuNzM2IDAtNTIuNTMxIDIxLjgzNC01Mi41MzEgNTEuNzA3bTI3Ni4wMjctNTEuNzA3Yy0xMi4zNTUgMC0yMC4zOTYgNS43NzctMjUuOTYgMTQuNDNWODI5LjcyaC0yMS4yMnY5OC40NjFoMjEuNDMydi01NS4xOTVjMC0xNi4yOTMgNy4wMDMtMjUuMzQ2IDIxLjAwOS0yNS4zNDYgNC4zMzggMCA4Ljg2NS42MTEgMTMuMzkyIDIuNDc1bDYuNjAzLTIwLjE4NGMtNC43NC0xLjg2Mi0xMC45MTgtMi42ODgtMTUuMjU2LTIuNjg4bS01NzMuOTEyIDEwLjMwNGMtMTAuMzA0LTYuNzkxLTI0LjQ5Ny0xMC4zMDUtNDAuMTUzLTEwLjMwNS0yNC45NDUgMC00MS4wMDIgMTEuOTU1LTQxLjAwMiAzMS41MjMgMCAxNi4wNTcgMTEuOTU0IDI1Ljk2MSAzMy45NzYgMjkuMDQ5bDEwLjExNSAxLjQzOGMxMS43NDIgMS42NSAxNy4yODMgNC43NCAxNy4yODMgMTAuMzA1IDAgNy42MTUtNy44MjggMTEuOTUzLTIyLjQ0NiAxMS45NTMtMTQuODMxIDAtMjUuNTM1LTQuNzM4LTMyLjc1LTEwLjMwM2wtMTAuMDkyIDE2LjY3YzExLjc0MiA4LjY1MiAyNi41NzIgMTIuNzc5IDQyLjYyOSAxMi43NzkgMjguNDM2IDAgNDQuOTE2LTEzLjM5MyA0NC45MTYtMzIuMTM3IDAtMTcuMzA3LTEyLjk2OC0yNi4zNjEtMzQuNC0yOS40NDlsLTEwLjA5MS0xLjQ2M2MtOS4yNjctMS4yMjUtMTYuNjkzLTMuMDY0LTE2LjY5My05LjY2NiAwLTcuMjE1IDcuMDAzLTExLjUyOSAxOC43NDQtMTEuNTI5IDEyLjU2NyAwIDI0LjczMyA0LjczOCAzMC42OTkgOC40NDFsOS4yNjUtMTcuMzA2em0yNzYuMjQtMTAuMzA0Yy0xMi4zNTUgMC0yMC4zOTYgNS43NzctMjUuOTM3IDE0LjQzVjgyOS43MmgtMjEuMjJ2OTguNDYxaDIxLjQwOHYtNTUuMTk1YzAtMTYuMjkzIDcuMDAzLTI1LjM0OCAyMS4wMDktMjUuMzQ4IDQuMzM4IDAgOC44NjUuNjEzIDEzLjM5MiAyLjQ3N2w2LjYwMy0yMC4xODRjLTQuNzM5LTEuODYyLTEwLjkxNy0yLjY4OC0xNS4yNTUtMi42ODhtLTE4Mi43MDYgMi40NzZoLTM1LjAxNHYtMjkuODczSDQ4MS43NHYyOS44NzNoLTE5Ljk3MXYxOS41N2gxOS45NzF2NDQuOTE2YzAgMjIuODQ2IDguODY1IDM2LjQ1MSAzNC4xODggMzYuNDUxIDkuMjg5IDAgMTkuOTk0LTIuODc3IDI2Ljc4NC03LjYxNWwtNi4xNzctMTguMzQ0Yy02LjM5IDMuNzAxLTEzLjM5MyA1LjU2NC0xOC45NTcgNS41NjQtMTAuNzA0IDAtMTQuMTk0LTYuNjA0LTE0LjE5NC0xNi40ODJ2LTQ0LjQ5aDM1LjAxNHYtMTkuNTdoLjAwMXpNMjE4LjI4MSA5MjguMTh2LTYxLjc5N2MwLTIzLjI3MS0xNC44MzEtMzguOTI4LTM4LjczOS0zOS4xNDEtMTIuNTY3LS4yMTEtMjUuNTM1IDMuNzAzLTM0LjYxMiAxNy41Mi02Ljc5MS0xMC45MTgtMTcuNDk1LTE3LjUyLTMyLjUzOC0xNy41Mi0xMC41MTYgMC0yMC43OTYgMy4wOS0yOC44MzYgMTQuNjE5di0xMi4xNDNINjIuMTI0djk4LjQ2MWgyMS42MjF2LTU0LjU4MmMwLTE3LjA5NCA5LjQ3OS0yNi4xNzIgMjQuMTItMjYuMTcyIDE0LjIxOCAwIDIxLjQwOSA5LjI2NiAyMS40MDkgMjUuOTU5djU0Ljc5NWgyMS42NDV2LTU0LjU4MmMwLTE3LjA5NCA5Ljg3OS0yNi4xNzIgMjQuMDk3LTI2LjE3MiAxNC42MTggMCAyMS42MjEgOS4yNjYgMjEuNjIxIDI1Ljk1OXY1NC43OTVoMjEuNjQ0di4wMDF6Ii8+PHBhdGggZmlsbD0iI0FBQTlBOSIgZD0iTTc2Mi4yNSA2NjIuNDExSDQzNy43N1Y3OS4yODFoMzI0LjQ4djU4My4xM3oiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNDU4LjM1NiAzNzAuODU4YzAtMTE4LjI5IDU1LjM4NS0yMjMuNjYxIDE0MS42MzItMjkxLjU2NUM1MzYuOTE4IDI5LjYzOCA0NTcuMzE4LjAwMSAzNzAuODExLjAwMSAxNjYuMDEyIDAgMCAxNjYuMDM3IDAgMzcwLjg1OHMxNjYuMDEyIDM3MC44NTkgMzcwLjgxIDM3MC44NTljODYuNTA4IDAgMTY2LjEwNy0yOS42MzkgMjI5LjE3OC03OS4yOTMtODYuMjQ3LTY3LjkwNi0xNDEuNjMyLTE3My4yNzUtMTQxLjYzMi0yOTEuNTY2Ii8+PHBhdGggZmlsbD0iI0JBQkFCQSIgZD0iTTEyMDAgMzcwLjg1OGMwIDIwNC44MjEtMTY2LjAxMyAzNzAuODU5LTM3MC44MSAzNzAuODU5LTg2LjUwOCAwLTE2Ni4xMDgtMjkuNjM5LTIyOS4yMDMtNzkuMjkzIDg2LjI3Mi02Ny45MDYgMTQxLjY1Ny0xNzMuMjc1IDE0MS42NTctMjkxLjU2NlM2ODYuMjYgMTQ3LjE5NyA1OTkuOTg3IDc5LjI5M0M2NjMuMDgyIDI5LjYzOCA3NDIuNjgxLjAwMSA4MjkuMTg5LjAwMSAxMDMzLjk4NyAwIDEyMDAgMTY2LjAzNyAxMjAwIDM3MC44NTgiLz48L3N2Zz4=);
}
.zasil-white {
  background-image: url(data:image/png;
  base64,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);
}

/* Responzivní verze */
@media screen and (min-width: 40.063em) {
  #main-wrapper {
    border-top: 5px solid #f2f2f2;
  }
  #logo {
    left: 10px;
    top: 10px;
  }
  #logo img {
    max-height: 74px;
    position: relative;
    top: 12px;
  }
  .header-contacts {
    background: #f2f2f2;
    text-align: center;
    margin-bottom: 21px !important;
    text-align: center;
    position: relative;
  }
  #header-in .header-phone,
  #header-in .header-email {
    font-size: 0.775rem;
    margin: 11px 10px 9px 10px;
    text-align: center;
    display: inline-block;
    float: none !important;
    width: auto;
  }
  .row .header-contacts.row:before,
  .row .header-contacts.row:after {
    content: '';
    display: block;
    background: #f2f2f2;
    width: 31px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -16px;
    transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    -moz-transform: skew(40deg, 0deg);
    -o-transform: skew(40deg, 0deg);
    -ms-transform: skew(40deg, 0deg);
  }
  .row .header-contacts.row:after {
    left: auto;
    right: -16px;
    transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    -moz-transform: skew(-40deg, 0deg);
    -o-transform: skew(-40deg, 0deg);
    -ms-transform: skew(-40deg, 0deg);
  }
  .box-account-links .responsive-mobile-hidden {
    display: none;
  }
  .box-account-links a[href="/registrace/"],
  .box-account-links a[href="/registracia/"],
  .box-account-links a[href="/logout/"] {
    margin-left: 15px;
  }
  .box-account-links a[href="/registrace/"]:before,
  .box-account-links a[href="/registracia/"]:before,
  .box-account-links a[href="/logout/"]:before {
    top: -2px;
    content: "\f2f6";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    text-align: left;
    color: #cacaca;
  }
  #header .search-whisperer-wrap {
    position: relative;
  }
  #header .search-whisperer-wrap .large-8 {
    width: 90%;
    margin-left: 5%;
  }
  #header .search-whisperer-wrap .large-4 {
    width: auto;
    position: absolute;
    top: 0px;
    right: 5%;
  }
  #header .searchform .s-word,
  #header #s-word {
    background: #f4f4f4;
    border: 0px;
    border-radius: 50px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 50px 0px 15px;
  }
  #header .searchform .b-search {
    width: 32px;
    height: 32px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 50%;
    font-size: 0px;
    background: #c2c2c2;
    color: white;
  }
  #header .searchform .b-search:hover {
    background: #9b9b9b;
    color: white;
  }
  #header .searchform .b-search:before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 16px;
  }
  .cart-recapitulation .cart-reca-single form .button.tiny {
    padding: 3px 5px;
    font-size: 10px;
    border-radius: 50%;
  }
  #logo {
    transition: transform .2s;
  }
  #logo:hover {
    transform: scale(1.05);
  }
}
@media only screen and (max-width: 767px) and (min-width: 40.063em) {
  #logo {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 64em) and (min-width: 768px) {
  #logo {
    margin-top: 0px;
  }
  #logo img {
    top: 15px;
    max-height: 64px;
  }
}
@media only screen and (max-width: 64em) and (min-width: 40.063em) {
  #header-in .header-phone,
  #header-in .header-email {
    font-size: 0.675rem;
  }
  #newsletter {
    padding-right: 30px;
  }
  #onlinePayments {
    text-align: left;
  }
  #onlinePayments .topic {
    text-align: left;
  }
  #header-in .header-phone,
  #header-in .header-email {
    margin: 0px 10px 0px 10px;
    position: relative;
    top: -2px;
    display: block;
  }
  .row .header-contacts.row:before {
    left: -15px;
  }
  .row .header-contacts.row:after {
    right: -15px;
  }
  #langs-curr {
    top: 53px;
    right: 100%;
    margin-right: -10px !important;
  }
}
@media screen and (min-width: 992px) {
  .product>.columns .shortDescription {
    display: none;
  }
  .product .shortDescription {
    transition: transform .2s, box-shadow .2s;
  }
  .product:hover .shortDescription {
    display: block;
    background: white;
    position: absolute;
    top: 100%;
    left: 0px;
    width: auto;
    min-width: 100%;
    transition: transform .2s, box-shadow .2s;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
    padding: 8px 16px 16px 16px;
    margin: -8px 0px 0px 0px;
    font-size: 0.70rem;
  }
  .product .shortDescription p {
    margin-bottom: 0px;
    font-size: 0.70rem;
  }
  #copyright .large-3 {
    width: 35%;
  }
  #copyright .large-9 {
    width: 65%;
  }
  .pagination-category-tabs {
    margin-top: -35px;
  }
}
@media (min-width: 1440px) {
  .row {
    max-width: 1418px;
  }
}
@media screen and (max-width: 991px) {
  #newsletter {
    margin-right: 30px;
  }
}
@media screen and (max-width: 40em) {
  .searchform fieldset {
    margin-bottom: 0px;
  }
  #menu-helper:before {
    height: 32px;
    font-size: 23px;
    line-height: 32px;
  }
  #menu-helper {
    top: -34px;
  }
  #header-in .header-phone,
  #header-in .header-email {
    width: auto;
    float: none !important;
  }
  #header-in .header-email a,
  #header-in .header-phone a {
    float: none;
  }
  .header-contacts {
    margin: 5px 0px -5px 0px !important;
  }
  .header-contacts:before {
    display: none !important;
  }
  #logo img {
    top: 4px;
    position: relative;
  }
  #menu {
    height: auto;
    background: transparent !important;
  }
  #menu .list-inline ul,
  #menu-helper-box {
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    width: 100%;
    padding: 0px;
    margin: 0px !important;
  }
  #menu-helper-box {
    display: none;
    top: 1px;
    border: 1px solid;
    position: relative;
    margin-bottom: 20px !important;
    border-color: #f9f9f9;
    background: #f9f9f9;
  }
  #menu-helper-box li a,
  .navigation-menu a {
    padding: 0px 2px 0px 2px;
    position: relative;
  }
  #menu li,
  .navigation-menu li {
    height: auto;
  }
  #menu li,
  .navigation-menu li {
    margin: 0px 15px 0px 15px;
    position: relative;
  }
  #menu-helper-wrapper:hover #menu-helper:before,
  #menu-helper-wrapper.menu-helper-wrapper-active #menu-helper:before {
    background-color: #f9f9f9;
  }
  #menu-helper-box a:hover {
    text-decoration: none !important;
  }
  .icon-menu-arrow:before {
    font-size: 12px;
    line-height: 20px;
  }
  .icon-menu-arrow:hover {
    background-color: transparent;
  }
  .icon-menu-arrow:hover:before {
    color: black;
  }
  #menu .navigation-menu.navigation-submenu li {
    margin: 0px 0px 0px 0px !important;
  }
  #menu-helper-box li ul:before,
  .navigation-menu li ul:before {
    background-color: white;
  }
  .subcategories-single {
    border-bottom: 0px;
  }
  #content-in {
    padding-top: 10px;
  }
  #homepage-banner {
    margin-top: -10px;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
  #langs-curr {
    margin-right: 15px !important;
    top: 68px;
  }
  #content-in #tabs {
    margin-left: -15px;
  }
  #product-detail-form fieldset {
    border-color: white;
  }
  #td-product-detail {
    background-color: white;
  }
  #short-description {
    margin-top: 30px;
  }
  .navigation-menu-product-detail-wrap {
    border-color: white;
  }
  .products .product:last-of-type .columns {
    border-bottom-color: #e0e0e0;
  }
  .p-detail .shortDescription {
    display: block;
  }
  .product-code,
  .p-type-descr {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #header-in .header-phone a:before,
  #header-in .header-email a:before,
  .icon-account-login:before {
    margin-right: 5px;
  }
  #header-in .header-phone a,
  #header-in .header-email a {
    margin-right: 10px;
  }
  .header-contacts {
    text-align: left;
  }
  .dropdown--languages {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 40em) {
  #order-right .f-border {
    display: block;
  }
}
@media only screen and (max-width: 30em) {
  #product-variants .t-01 td:first-of-type {
    display: block;
  }
  #product-variants .t-01 td.variant-image img {
    max-height: 60px;
  }
  #product-variants .delivery-time {
    margin: 6px 0px 8px 10px;
    display: inline-block;
    font-size: 95%;
  }
}

/* =============================================================================
 * MOBILNÍ BANNERY & OVERRIDES
 * ========================================================================= */
.d-desc-banner-desctop img {
  width: 100%;
}
.d-desc-banner-desctop {
  display: block;
}
.d-desc-banner-mobile {
  display: none;
}
.mobile .d-desc-banner-desctop {
  display: none;
}
.mobile .d-desc-banner-mobile {
  display: block;
}
#manufacturer-filter {
  display: none;
}
.mobile #ministerstvo-varuje {
  width: 100%;
}
.mobile .shop-korek {
  display: none;
}
.mobile .home-h1 {
  padding: 5rem 2rem;
}
.mobile .blog-hp {
  display: none;
}
.map-mobile-display {
  display: none;
}
.mobile .map-mobile-display {
  display: block;
}
.mobile .map-ds-display {
  display: none;
}

/* =============================================================================
 * BLOG – HOMEPAGE TEASERS
 * ========================================================================= */
.blog-hp .title {
  padding-top: 15px;
}
.blog-hp .description {
  padding: 10px 20px;
}
.blog-hp time {
  display: none!important;
}
.blog-hp .news-item .text {
  text-align: center;
}
.blog-hp .news-item .image {
  width: 100%;
}
.blog-hp .news-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
  padding-right: 8px;
  flex-wrap: wrap;
}
.blog-hp .news-item {
  display: none;
}
.blog-hp .news-item:nth-child(-n+3) {
  display: block;
  position: relative;
  padding: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px hsla(0,0%,43.5%,.09);
  box-shadow: 0 0 5px hsla(0,0%,43.5%,.09);
  padding: 0;
  margin-right: 5px;
  max-width: 435px;
}
.swiper-container {
  padding: 15px;
}

/* =============================================================================
 * SHOP LOGO & SOCIAL
 * ========================================================================= */
.footer-logo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ft-icon {
  display: flex;
}
.shop-korek {
  justify-content: flex-end;
}
.shop-logo {
  justify-content: center;
}
.shop-logo img {
  max-width: 250px;
  width: 180px;
}
.shop-korek > img {
  max-width: 150px;
  width: 150px;
  transform: rotate(8deg);
}
.swiper-pagination-bullet-active {
  background: #000;
}
#short-description p,
#short-description p span,

/* =============================================================================
 * TYPOGRAFIE – SHORT DESCRIPTION
 * ========================================================================= */
#short-description span {
  font-size: 15px!important;
  font-family: 'Poppins',sans-serif!important;
}

/* =============================================================================
 * BLOG / ÚLOVKY TÝDNE – SPOLEČNÉ STYLY
 * ========================================================================= */
.in-blog .text li,
.in-ulovky-tydne .text li {
  padding-bottom: 10px;
}
.in-blog #content-in header,
.in-ulovky-tydne #content-in header {
  display: block;
}
.in-blog .news-item,
.in-ulovky-tydne .news-item {
  position: relative;
  margin-bottom: 80px;
}
.in-blog .entry-more,
.in-ulovky-tydne .entry-more {
  position: absolute;
  bottom: 20px;
  right: 30px;
}
.btnb {
  width: 190px;
}
.in-blog aside,
.in-ulovky-tydne aside {
  display: none!important;
}
.in-blog main,
.in-ulovky-tydne main {
  width: 100%;
}
.in-blog time,
.in-ulovky-tydne time {
  display: none!important;
}
.in-blog .description > p,
.in-ulovky-tydne .description > p {
  font-size: 15px;
  font-weight: 400;
}
#category-filter,
#product-detail-info,
#tr-links {
  display: none;
}
#subcategories,
#tr-links {
  display: none!important;
}
#categories a[title="Vlhké doutníky"],
#categories a[title="Luxusní doutníky"],
#menu .menu-item-1779 .menu-item-1788,
#menu .menu-item-1779 .menu-item-1803 {
  display: none!important;
}

/* =============================================================================
 * MINISTERSTVO VARUJE / H1 HOMEPAGE
 * ========================================================================= */
#ministerstvo-varuje {
  border: 4px solid #000;
  background: #fff;
  width: 272px;
  padding: 5px 10px;
  text-align: center;
}
#ministerstvo-varuje .text-1 {
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
#ministerstvo-varuje .text-2 {
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  margin-top: 5px;
}
#box-ministerstvo-varuje {
  z-index: 1000;
  padding: 3px 2px;
  position: relative;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-radius-topleft: 3px;
  -khtml-border-radius-topright: 3px;
  -khtml-border-radius-bottomleft: 3px;
  -khtml-border-radius-bottomright: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.home-h1.three-xb {
  padding: 1rem;
}
.undercarousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.home-h1 h1:after {
  width: 250px;
  height: 2px;
  bottom: -2px;
  position: absolute;
  left: 0;
  display: block;
  content: "";
  margin-top: 20px;
  background: var(--c-gold);
  left: 50%;
  transform: translateX(-50%);
}
.home-h1 {
  max-width: 800px;
  padding: 5rem 0;
  margin: 0 auto;
}
.home-h1 > h1 {
  font-weight: 600;
  color: #292b32;
  margin-bottom: 30px;
  font-family: inherit!important;
  position: relative;
  letter-spacing: 1px;
  font-size: 1.6em;
  margin-top: 0;
  line-height: 1.2em;
  padding-bottom: 10px;
  text-transform: inherit;
}
.news-item-detail [itemprop="headline"] {
  text-align: center;
  margin-bottom: 10px;
}
.news-item-detail time {
  text-align: center;
}
.c-note {
  position: relative;
  width: 100%;
}
article .entry-more {
  float: right;
}
@media only screen and (max-width: 1439px) {
  #header-in .header-phone,
  #header-in .header-email {
    font-size: .775rem;
    margin: 11px 10px 9px;
    text-align: center;
    display: inline-block;
    float: none!important;
    width: auto;
    margin: 0 10px 0 10px;
    position: relative;
    top: -2px;
    display: block;
    font-size: .675rem;
  }
}
@media only screen and (max-width: 1024px) {
  .shop-korek > img {
    max-width: 130px;
    transform: rotate(8deg);
    margin-right: 70px;
  }
  .t-box-wprapper {
    max-width: 330px;
  }
  .mb_inline {
    display: block!important;
  }
}
@media only screen and (max-width: 480px) {
  article .entry-more {
    float: unset;
  }
}

/* =============================================================================
 * TLAČÍTKA – SECONDARY / BTNB
 * ========================================================================= */
.btn-secondary {
  color: #fff;
  background-color: #a6c721;
  border-color: #a6c721;
}
.btnb {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .5625rem .75rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  text-decoration: none;
}
.btnb:hover {
  color: #fff;
  background-color: #829b1a;
  border-color: #789018;
  text-decoration: none;
}
.news-item {
  border-bottom-color: #e7e7e7;
  border: 1px solid #d9d9d9;
  border-radius: .25rem;
  margin: 0 0 2rem;
}
.news-item-detail .text {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 80px;
  padding-top: 30px;
}
.news-item-detail .text p {
  font-size: 16px;
  line-height: 1.625;
}

@media (min-width: 1300px) {
  .in-blog .news-wrapper .news-item,
  .in-ulovky-tydne .news-wrapper .news-item {
    background: #f6f6f6;
  }
}
@media (max-width: 1265px) {
  .advant > div:nth-child(4) {
    display: none;
  }
}
@media (max-width: 800px) {
  .advant {
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .advant > div:nth-child(4) {
    display: flex;
  }
}
@media (min-width: 768px) {
  .in-blog .news-wrapper .news-item,
  .in-ulovky-tydne .news-wrapper .news-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .in-blog .news-wrapper .text,
  .in-ulovky-tydne .news-wrapper .text {
    padding: 25px;
  }
  .in-blog .news-wrapper p,
  .in-ulovky-tydne .news-wrapper p {
    line-height: 200%!important;
  }
  .in-blog .news-wrapper .text,
  .in-ulovky-tydne .news-wrapper .text,
  .in-blog .news-wrapper .image,
  .in-ulovky-tydne .news-wrapper .image {
    align-items: flex-start!important;
    display: flex!important;
    flex-direction: column!important;
    flex-basis: 100%!important;
    flex: 1!important;
    justify-content: center!important;
  }
}

/* =============================================================================
 * SLEVOVÉ ŠTÍTKY & CENY
 * ========================================================================= */
.in-kosik .productdiscountlabel-container {
  text-align: left;
}
.products .productdiscountlabel-container {
  position: relative;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center!important;
}
.page-detail .productdiscountlabel-container {
  text-align: left;
  margin-bottom: 20px;
}
.page-detail .productdiscountlabel {
  font-size: 13px;
  line-height: 27px;
}
.products .productdiscountlabel-container,
.black-friday-in-kosik .productdiscountlabel-container {
  margin-bottom: 12px;
}
.products .productdiscountlabel,
.black-friday-in-kosik .productdiscountlabel {
  font-size: 11px;
  line-height: 23px;
}
.productdiscountlabel {
  display: inline-flex;
  border: 2px solid #000;
  font-size: 18px;
  line-height: 37px;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: bottom;
}
.productdiscountlabel-reduction,
.productdiscountlabel-code {
  padding: 0 5px;
}
.productdiscountlabel-reduction {
  background: #fff;
  color: #000;
}
.productdiscountlabel-code {
  background: #000;
  color: #fff;
}
.original-price {
  text-decoration: line-through!important;
  color: #000!important;
  display: block!important;
  font-size: 21px!important;
  font-weight: 200!important;
}
.original-price .p-det-main-price {
  font-weight: 200;
  font-size: 21px;
}
.discounted-price {
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: -.03rem;
  white-space: nowrap;
  color: #c30000;
  display: block;
}

/* =============================================================================
 * UNIKÁTNÍ PRVKY / LOGA / COUNTDOWN
 * ========================================================================= */
.jedinecny {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 20px;
  order: 1;
}
#logos-container {
  padding-top: 50px;
  padding-bottom: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 600px;
  width: 100%;
  justify-items: center;
  align-items: center;
  margin: 0 auto;
}
.logo-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.logo-image {
  max-width: 100px;
  height: auto;
  margin-bottom: 10px;
}
.logo-text {
  margin-top: 10px;
  font-size: 14px;
  color: #444;
  font-family: Arial,sans-serif;
  line-height: 1.2;
}
.buttons-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.countdown-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  margin-right: 20px;
  margin-left: 23%;
}
#countdown-line-container {
  order: 2;
  width: 100%;
  max-width: 400px;
  position: relative;
  border: 1px solid var(--c-gold);
  height: 6px;
  margin: 0 auto;
}
#countdown-line {
  background-color: var(--c-gold);
  height: 5px;
  position: absolute;
  left: 0;
  width: 100%;
}
#time-display {
  order: 3;
  margin-top: 5px;
  font-size: 14px;
  color: var(--c-gold);
  text-align: center;
  width: 100%;
}
.buttons {
  display: flex;
  gap: 10px;
}
.mobile .mbbackground {
  margin-bottom: 30px;
}
.footer-icons {
  margin-top: 0;
}
.footer-links {
  margin-bottom: 0;
  margin-top: 45px;
}
li.footer-row-element>div>div {
  padding-top: 0!important;
}
.id-1 .undercarousel {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4,1fr);
}
@media screen and (max-width: 1440px) {
  .buttons-order {
    display: flex;
    flex-direction: column;
  }
  .buttons {
    order: -1;
  }
  .countdown-wrapper {
    width: 100%;
    margin-left: 0;
    margin-top: 50px;
  }
}
@media screen and (max-width: 600px) {
  .logo-text {
    margin-top: -20px;
    margin-bottom: 30px;
    font-size: 10px;
  }
  #logos-container {
    width: 100%;
    margin-top: -30px;
  }
  .countdown-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  #countdown-line-container {
    width: 80vw!important;
    max-width: 80vw!important;
  }
  .id-1 .undercarousel {
    grid-template-columns: repeat(2,1fr);
  }
}

/* =============================================================================
 * HOMEPAGE STORY & KEYFACTS
 * ========================================================================= */
.home-page-story {
  max-width: 1140px;
}
#product-detail-h1 > h1 {
  font-size: 26px;
  font-weight: 600;
}
.undercarousel a:hover img {
  transform: scale(1.05);
  transition: transform .2s,box-shadow .2s;
}
#carousel-banner a:hover img {
  transform: scale(1.05);
  transition: transform .2s,box-shadow .2s;
}
.add-to-cart {
  text-align: right!important;
}
#product-detail .field-pieces-wrap {
  display: none;
}
.footer-logo-wrapper a:after {
  display: none;
}
.vyhody-detail {
  margin: 50px 0;
  padding: 25px 0;
  background: #edf2f7;
}
.keyfacts ul li {
  display: block;
  background: url(/user/documents/upload/checkmark.svg) no-repeat left center;
  background-size: 25px;
  padding-left: 40px;
  line-height: 30px;
}
.keyfacts ul {
  margin-left: .1rem;
}

/* =============================================================================
 * HEADER – ROZLOŽENÍ ŘÁDKU
 * ========================================================================= */
#header-in > .row > div:nth-child(1) {
  width: 30%;
}
#header-in > .row > div:nth-child(2) {
  width: 40%;
}
#header-in > .row > div:nth-child(3) {
  width: 30%;
}
.home-page-story {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

/* =============================================================================
 * OVĚŘENÍ OBCHODU – INFO BOX
 * ========================================================================= */
.overeni-info-box {
  background: #8c0e33;
  margin: 0 -1.313rem -.8125rem;
  padding: .8rem 1.9rem;
  line-height: 1rem;
}
.overeni-info-box > p,
.overeni-info-box strong {
  color: #fff;
}
.overeni-info-box a {
  color: #fff!important;
  text-decoration: underline!important;
}

/* =============================================================================
 * VSTUPNÍ BRÁNA (18+) / LIGHTBOX
 * ========================================================================= */
.lightbox-model {
  background: unset!important;
}
.site-agreement {
  max-width: unset!important;
}
.site-agreement-buttons {
  display: none;
}
.site-agreement-wrapper {
  background-color: rgba(0,0,0,0.9)!important;
}
.entry_button {
  padding-left: 39%;
}
#entry_page {
  padding: 40px;
}
.entry_header img {
  height: auto;
  max-height: 100px;
  max-width: 310px;
  width: auto;
}
.site-description {
  display: none;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.62;
  margin: 0;
  padding: 0;
}
.entry_text {
  float: left;
  text-align: justify;
  width: 100%;
  margin-top: 20px;
  color: #6a6c6e;
  font-family: "Quattrocento Sans",sans-serif;
  line-height: 1.62;
}
.entry_text h2 {
  color: #CCC;
  font-size: 22px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: "Cinzel",serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.38;
}
.unishop_button,
.unishop_submit {
  color: #fff!important;
  background-color: var(--c-gold);
  overflow: hidden;
  display: block;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  float: left;
  font-weight: 400!important;
  text-decoration: none!important;
  padding: 20px;
  font-size: 16px;
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
  -ms-transition: All .5s ease;
  transition: All .5s ease;
}
.unishop_submit:hover {
  background-color: #999;
}
.site-title {
  clear: none;
  font-family: "Cinzel",serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  position: relative;
  vertical-align: middle;
  color: #CCC;
  text-align: center;
}
.entry_text {
  text-align: center;
}
.site-agreement .entry_button {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 25px;
  padding-left: 0;
  padding-bottom: 10px;
}
#entry_page > ul {
  list-style: none;
}
@media only screen and (max-width: 768px) {
  .logo-text {
    font-size: 13px;
  }
  .site-agreement-wrapper #cboxContent {
    width: 100%!important;
  }
  .site-agreement-wrapper #cboxLoadedContent {
    width: 100%!important;
  }
  .entry_header {
    width: 100%!important;
  }
  #cboxContent .up_text {
    display: block;
  }
  #cboxContent .up_text .up-text-txt {
    display: none;
  }
  #cboxContent .up_text strong {
    display: block!important;
  }
  .lightbox-model-wrapper {
    z-index: 99999999999;
  }
}
@media only screen and (max-width: 480px) {
  .entry_button {
    padding-left: 10%;
  }
  .site-agreement-wrapper #cboxContent {
    width: 100%!important;
  }
  .site-agreement-wrapper #cboxLoadedContent {
    width: 100%!important;
  }
  .entry_header {
    width: 100%!important;
  }
  .site-agreement {
    top: 0!important;
  }
  .up_text {
    display: none;
  }
  #entry_page {
    padding: 5px;
  }
  .siteCookies__text {
    line-height: 14px;
    margin-bottom: 8px;
    font-size: 11px;
  }
  .siteCookies__links {
    margin-bottom: 8px;
  }
  .siteCookies__button {
    line-height: 40px;
  }
  .entry_text {
    margin-top: -20px;
  }
  .shop-logo {
    margin-top: 10px;
  }
}

/* =============================================================================
 * DALŠÍ MOBILNÍ OVERRIDES
 * ========================================================================= */
.blog-wrap {
  display: none!important;
}
.mobile #header-in > .row > div:nth-child(2) {
  width: 100%;
}
.mobile .header-contacts {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}
.mobile #header-in > .row > div:nth-child(1) {
  width: 65%;
}
.mobile .home-page-story {
  flex-direction: column;
  padding: 0 20px;
}
.mobile .undercarousel > div {
  padding: 5px;
  width: 100%;
}
.mobile .undercarousel {
  flex-wrap: wrap;
}
.mobile #content-in #tabs li {
  width: 30%;
  margin-bottom: 5px;
}
.mobile #content-in #tabs {
  flex-wrap: wrap;
}
.mobile.in-blog .entry-more,
.mobile.in-ulovky-tydne .entry-more {
  position: relative;
  bottom: 0;
  left: 0;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  #logos-container {
    grid-template-columns: repeat(4,1fr);
    max-width: 800px;
  }
}

/* =============================================================================
 * NEWS ITEM DETAIL
 * ========================================================================= */
.news-item .text .description {
  padding-bottom: 20px;
}
.news-item-detail [itemprop="headline"] {
  text-align: center;
  margin-bottom: 10px;
}
.news-item-detail time {
  text-align: center;
}
article .entry-more {
  float: right;
}
.newsletter-in {
  background-color: var(--c-gold);
  margin-top: 0rem;
}
.newletter-container {
  display: block;
}
.nlt-box-left {
  float: left;
}
.nlt-box-right {
  float: right;
}
.newsletter-container {
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsletter-container input {
  height: 38px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.newsletter-container input[type="text"] {
  padding: 2px 12px;
  margin-bottom: 8px;
  border-color: #c9c9c9;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
}
.newsletter-in .top-1rem {
  margin-top: 0 !important;
}
.newsletter-in .checkbox-holder {
  color: #fff;
}
.newsletter-in .checkbox-holder a {
  color: #fff;
}
.newsletter-in form fieldset {
  margin-bottom: 0;
}
.nlt-text h3,
.nlt-text p {
  color: #fff;
}
.nlt-text h3 {
  font-weight: 600;
  font-size: 23px;
}
.nlt-text p {
  font-size: 16px;
}
.nlt-text h3:before {
  content: "\f1d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 200;
  text-align: center;
  font-size: 35px;
  margin-right: 15px;
  color: #fff;
  position: relative;
  display: inline-block;
}
.buttonv1:hover {
  background-color: #000000;
  color: #fff;
}

/* =============================================================================
 * KOŠÍK – APP TIP
 * ========================================================================= */
.desktop .cart-app-tip {
  text-align: left;
}
.cart-app-tip-donwload {
  padding-top: 15px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  justify-content: start;
}
.mobile .cart-app-tip-donwload {
  justify-content: center;
}

/* =============================================================================
 * CUSTOM BLOG SECTION (HP BLOK)
 * ========================================================================= */
.custom-blog-section {
  text-align: center;
}
.custom-blog-section > h2 {
  padding-bottom: 1rem;
}
.custom-blog-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.custom-blog-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  overflow: hidden;
  width: calc(25% - 20px);
  min-width: 250px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.custom-blog-item:hover {
  transform: translateY(-5px);
}
.custom-blog-image {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
}
.custom-blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.custom-blog-item:hover .custom-blog-image img {
  transform: scale(1.05);
}

/* Zarovnání textové části a tlačítka */
.custom-blog-text {
  padding: 15px;
  text-align: left;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Popis musí mít stejnou minimální výšku */
.custom-blog-description {
  flex-grow: 1;
}
.custom-blog-title {
  font-size: 18px;
  font-weight: bold;
  color: var(--c-gold);
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
}
.custom-blog-title:hover {
  color: #c69c6d;
  text-decoration: underline;
}
.custom-blog-description p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.custom-blog-more {
  text-align: right;
  margin-top: 10px;
}

/* Tlačítko zarovnáno dolů */
.custom-btn {
  display: inline-block;
  background: #c69c6d;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  transition: background 0.3s ease;
  text-align: center;
  width: 100%;
}
.custom-btn:hover {
  background: #a67c52;
  color: #fff;
}

/* RESPONSIVITA */
@media (max-width: 1024px) {
  .custom-blog-item {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 768px) {
  .custom-blog-item {
    width: calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  .custom-blog-item {
    width: 100%;
    margin: 0 25px;
  }
}




/* Krok 1 objednávky – odsazení platebního boxu */
#order-left .checkout-single-box:last-of-type {
    margin-bottom: 20px;
}
.element-icon > a {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
justify-items: center;
cursor: pointer;
text-decoration: none;
}
.mobile .lovec-stitek {display: none;}
.lovec-stitek {
  position: fixed;
  top: 200px;
  left: 41px;
  transform: rotate(-270deg);
  transform-origin: left top;
  background-color: #AA8A33;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  padding: 14px 15px;
  border-radius: 10px 10px 0 0;
  z-index: 9999;
  transition: background 0.3s;
  border: 1px solid #AA8A33;
}
.lovec-stitek span {
  text-transform: uppercase;
  display: inline-block;
  transform: rotate(-90deg);
  margin-right: 10px;
}

.lovec-stitek:hover {
  background-color: #ffffff;
  border: 1px solid #AA8A33;
  
}

.type-category .categorytext-downside {display: none;}
.mobile .newsletter-container {
    flex-direction: column;
}
/* HP bannery nad #welcome (úlovky týdne, aplikace …) */
.hp-banner {
    display: block;
    margin: 0 0 40px 0;
    text-decoration: none;
}
.hp-banner img {
    width: 100%;
    vertical-align: top;
    transition: transform var(--t-base);
}
.hp-banner:hover img {
    transform: scale(1.03);
}

/* Desktop / mobile přepínání přes body.mobile (server-side detekce) */
.hp-banner-img-desktop { display: block; }
.hp-banner-img-mobile  { display: none; }

.mobile .hp-banner-img-desktop { display: none; }
.mobile .hp-banner-img-mobile  { display: block; }

.mobile .hp-banner { margin-bottom: 20px; }

.subcategories {display: none;}
.popup-download {
  padding-top: 15px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  justify-content: center;
}
#site-agree-button {
  background: none;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  text-align: center;
  padding: 9px;
}
/* Kontejner popupu */
.popup-content {
    background: #fff;
    padding: 30px;
    max-width: 400px;
    text-align: center;
    border-radius: 8px;
    position: relative;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/* Zavírací tlačítko */
.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
}

/* Text a nadpis */
.popup-text h2 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #222;
}

.popup-text h2 span {
    color: #c69c6d;
    font-weight: bold;
}

.popup-text p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

/* Tlačítko pro stažení aplikace */
.popup-btn {
    display: inline-block;
    padding: 10px 15px;
    background: #c69c6d; /* Zlatavá barva odpovídající stylu webu */
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.popup-btn:hover {
    background: #a67c52;
}