@font-face {
  font-style: normal;
  font-weight: normal;
  src:  url('../fonts/Shoptet-icons.eot?6mbeb8');
  src:  url('../fonts/Shoptet-icons.eot?6mbeb8#iefix') format('embedded-opentype'),
    url('../fonts/Shoptet-icons.ttf?6mbeb8') format('truetype'),
    url('../fonts/Shoptet-icons.woff?6mbeb8') format('woff'),
    url('../fonts/Shoptet-icons.svg?6mbeb8#Shoptet-icons') format('svg');
  font-family: 'Shoptet-icons';
  font-display: block;
}

@view-transition {
  navigation: auto;
}

:root {
  /*radius*/
  --radius-xs: 2px;
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 16px;
  --radius-full: 999px;

  /*size*/
  --size-3xs: 2px;
  --size-2xs: 4px;
  --size-xs: 8px;
  --size-s: 12px;
  --size-m: 16px;
  --size-l: 20px;
  --size-xl: 24px;
  --size-2xl: 32px;
  --size-3xl: 48px;
  --size-4xl: 64px;

  /*color*/
  --primary: var(--color-secondary, #0C61CF);
  --primary-hover: var(--color-secondary-hover, #0C61CF);
  --primary-subtle: #DDEFFD;

  --secondary: #252525;
  --secondary-hover: #223039;
  --secondary-subtle: #E5EBF0;

  --cta: var(--color-secondary);
  --cta-hover: #E62A00;
  --cta-subtle: #FFEEEB;

  --negative: #fff;
  --title: var(--_color-header-text);
  --subtitle: #464E54;
  --body: #4B606F;
  --caption: #828E97;
  --placeholder: #828E97;

  --border: #E6E8EA;
  --border-input: #CDD2D5;
  --border-darker: #464E54;

  --success: #10A45C;
  --success-subtle: #E5FEF2;

  /*background*/
  --subtle-bg: #EEF3F5;
  --highlight-bg: #DBE3E6;
  --footer-bg: var(--subtle-bg);
  --body-bg: #fff;

  /*font*/
  --body-family: unset;
  --headline-family: unset;
  --icons-family: 'Shoptet-icons';
  --body-weight: 400;
  --headline-weight: 700;

  /*font-size*/
  --font-size-2xs: 10px;
  --font-size-xs: 12px;
  --font-size-s: 14px;
  --font-size-m: 16px;
  --font-size-l: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 32px;
  --font-size-4xl: 48px;
  --font-size-5xl: 64px;
}

/*Icons*/
.navigation-buttons a[data-target=search]:before {
  content: "search";
  font-family: var(--icons-family);
}
.navigation-buttons a[data-target=cart]:before,
.p-to-cart-block .add-to-cart-button.btn-conversion:before {
  content: "\e91c"; /*Shopping cart*/
  font-family: var(--icons-family);
}
.navigation-buttons a[data-target=login]:before {
  content: "user";
  font-family: var(--icons-family);
}
.navigation-buttons a[data-target=navigation]:before {
  content: "menu";
  font-family: var(--icons-family);
}
.navigation-close:before {
  content: 'xmark';
  font-size: 2rem;
  font-family: var(--icons-family);
}
@media (min-width: 480px) {
  .navigation-window-visible .navigation-buttons a[data-target=navigation]:before {
    content: 'xmark';
    font-family: var(--icons-family);
  }
}


/*reset*/
body {
  color: var(--body);
}
body:not(.entrance-protection-wrapper) {
  opacity: 0;
}

p:last-child{
  margin-bottom: 0;
}

/*Cotainer*/
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-right: 0;
  padding-left: 0;
}

.container,
.breadcrumbs,
.benefitBanner,
.index-content-wrapper,
.next-to-carousel-banners,
.p-detail-inner,
.p-detail-tabs-wrapper,
.ordering-process .content-wrapper-in,
.in-hodnoceni-obchodu .content-wrapper-in,
.type-glossary .content-wrapper-in,
.type-manufacturer-detail .content-wrapper-in,
.type-manufacturers-listing .content-wrapper-in,
.type-category .content-wrapper-in,
.type-page .content-wrapper-in,
.type-post .content-wrapper-in,
.type-posts-listing .content-wrapper-in,
.type-search .content-wrapper-in {
  margin-inline: auto;
  width: 80% !important;
  max-width: 1350px;
}

@media (max-width: 768px) {
  .container,
  .breadcrumbs,
  .benefitBanner,
  .index-content-wrapper,
  .next-to-carousel-banners,
  .p-detail-inner,
  .p-detail-tabs-wrapper,
  .ordering-process .content-wrapper-in,
  .in-hodnoceni-obchodu .content-wrapper-in,
  .type-glossary .content-wrapper-in,
  .type-manufacturer-detail .content-wrapper-in,
  .type-manufacturers-listing .content-wrapper-in,
  .type-category .content-wrapper-in,
  .type-page .content-wrapper-in,
  .type-post .content-wrapper-in,
  .type-posts-listing .content-wrapper-in,
  .type-search .content-wrapper-in {
    width: calc(100% - (var(--size-xl) * 2)) !important;
  }
}

.container>.container,
.container>.benefitBanner {
  width: 100% !important;
}
.tab-content {
  padding-inline: 0px !important; 
}
.content {
  padding: 0px !important;
}
@media (max-width: 991px) {
  .overall-wrapper {
    padding-top: 66px;
  }
  #header {
    display: flex;
    align-items: center;
    box-shadow: none;
    height: 66px;
  }
}
@media (max-width: 479px) {
  .overall-wrapper {
    padding-top: 56px;
  }
  #header {
    height: 56px;
  }
}
.row {
  margin: 0px !important;
}
.p-detail .container {
  padding: 0px !important;
}


/*Flags*/
.flags-default .flag {
  border-radius: var(--radius-s);
}
.products-block .p .flags-default,
.p-image .flags {
  top: 10px !important;
  left: 10px !important;
}
.flag::after,
.flag::before {
  content: unset !important;
}

/*Products*/
.product {
  padding: 0px !important;
  width: 100% !important;
}
.products-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--size-2xl);
  margin: 0px !important;
} 
.products-block .p .name {
  display: -webkit-box;
  margin-bottom: auto;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--title);
  font-weight: bold;
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
}
.p-desc {
  display: -webkit-box;
  margin-bottom: auto;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--text);
  -webkit-box-orient: vertical;
}

.products-block > div .p .p-in {
  padding-top: 15px;
}
.products-block .p .flags-default {
  top: 10px;
  left: 10px;
}
.products-block>div .p .availability {
  padding-top: 0px;
}
.products-block>div .p .name {
	margin-bottom: 10px;
	height: auto;
}
.products-block .p {
	border-width: 0px
}
.products-block>div .p .p-bottom .p-desc {
	margin-bottom: 0px;
}
.products-block>div .p .p-bottom {
 padding: 0px !important;
}
.products-block > div .p .p-in {
  text-align: left;
}
.products-block>div .p .name {
  padding: 0;
}
.products-block>div .p .p-bottom>div .p-tools {
	justify-content: start;
  align-items: start;
  padding: 12px 0px;
}
.products-block>div .p .p-bottom>div .p-tools .btn {
	margin: 0;
  width: 100%;
}
.type-product .tab-content {
  margin-bottom: var(--size-4xl);
}
@media (max-width: 1200px) {
  .products-block {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .products-block {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 448px) {
  .products-block {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*Product flags*/
.flags {
  display: flex;
  flex-direction: column;
}
.flag {
  width: max-content;
  text-transform: unset;
}
.p:hover .flag {
  opacity: 1
}

/*Product detail*/
.shp-tabs-row {
  display: none;
}
.p-detail-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--size-xl);
}
.p-detail-inner .p-data-wrapper, .p-detail-inner .p-image-wrapper {
  position: sticky;
  padding: 0px;
  width: 100%;
}
@media (max-width: 991px) {
  .p-detail-inner {
    grid-template-columns: 1fr;
  }
}
.type-product .tab-content {
  display: grid;
  grid-template-columns: 1fr 400px;
  grid-template-areas:
    'description rating'
    'related related';
  align-items: start;
  gap: var(--size-xl);
}
#description {
  grid-area: description;
}
#ratingTab {
  grid-area: rating;
}
#productsRelated {
  grid-area: related;
}
#productDiscussion {
  grid-area: discussion;
}
@media (max-width: 991px) {
  .type-product .tab-content {
    grid-template-columns: 1fr;
    grid-template-areas:
      'description'
      'related'
      'rating';
  }
}
.wide .p-final-price-wrapper {
  width: 100% !important;
}
.p-to-cart-block {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--size-s);
}
.p-to-cart-block .p-add-to-cart-wrapper .add-to-cart {
  display: grid;
  grid-template-columns: 150px 1fr;
  width: 100%;
}
.p-to-cart-block .add-to-cart-button {
  width: 100%;
  white-space: nowrap;
}
.p-to-cart-block .p-add-to-cart-wrapper {
  width: 100%;
}
.basic-description img {
	aspect-ratio: 4/3;
  object-fit: cover;
}
.description-inner p {
	font-size: 110%; 
}
.p-variants-block table.detail-parameters tr td, .p-variants-block table.detail-parameters tr th {
  padding: 0px;
}
.price-final {
  color: var(--title);
}
.p-to-cart-block {
  border: 0;
  background-color: #f6f6f6;
}
.p-to-cart-block {
  border-radius: var(--radius-s);
  padding: 20px;
}
.quantity {
  border-radius: var(--radius-full);
  background-color: #fff;
  overflow: clip;
}
.p-basic-info-block {
  display: block;
  border: none;
  padding-top: 0px;
}
.p-basic-info-block .block {
  padding: 0px;
}
.p-basic-info-block .availability-label {
  display: flex;
  align-items: center;
  gap: var(--size-s);
  border-radius: var(--radius-s);
  background-color: color-mix(in srgb,currentColor 8%,transparent);
  padding: var(--size-s) var(--size-m);
  width: 100%;
}
.p-basic-info-block .availability-label__indicator {
  display: block;
  border-radius: 50%;
  background-color: currentColor;
  width: 10px;
  height: 10px;
}

/*Header*/
#header {
  box-shadow: none !important;
  border-bottom: 1px solid var(--border) !important;
}
#header .site-name a img {
  padding-right: var(--size-xl);
  padding-block: var(--size-xs);
  max-height: 55px;
}
.navigation-buttons>a[data-target=cart] i {
  background-color: var(--cta);
}
.navigation-in {
  font-size: 1.4rem;
  line-height: 1.4;
}
.navigation-buttons>a[data-target=cart] i {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cta);
  font-size: 10px;
  line-height: 19px;
}
@media (min-width: 991px) {
  #header .site-name a img {
    max-height: 70px;
  }
}
@media (min-width: 480px) {
  #header .site-name a img {
    max-height: 55px;
  }
}
@media (max-width: 480px) {
  #header .site-name a img {
    padding-right: 0px;
    padding-block: 0px;
  }
  .navigation-buttons {
    top: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #navigation {
    padding-top: 65px;
  }
}

/*Buttons*/
.btn, a.btn {
  border-width: 2px;
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: none !important;
}
.btn.btn-default, a.btn.btn-default, .btn.btn-default:hover, a.btn.btn-default:hover {
  color: var(--negative);
}
.order-button-text {
  text-transform: none !important;
}
.next-step .btn.btn-lg {
  min-width: 250px;
}
.next-step {
  justify-content: space-between;
}

/*Benefits*/
.container--bannersBenefit {
  margin-block: var(--size-2xl);
  padding: 0px;
}

.benefitBanner {
  margin: 0px auto;
}
.benefitBanner__item {
  font-size: 14px;
}
.benefitBanner__picture {
  flex: 0 0 50px;
  max-width: 50px;
}
.benefitBanner__title {
  color: var(--title) !important;
  font-size: 1em;
}
.benefitBanner__data {
  color: var(--body);
  font-size: 0.9em;
  line-height: 1.5;
}

/*Footer*/
#footer {
  margin-top: var(--size-4xl);
  border: none;
  background-color: var(--footer-bg);
  padding-bottom: 0px;
}
#footer .banner-wrapper {
  margin: 0;
}
#footer .banner {
  margin-bottom: 0;
  min-height: unset;
}
#footer h4 {
  margin-bottom: 25px;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#footer .footer-rows {
  padding: 0px;
  text-align: left  ;
}
.custom-footer {
  padding: var(--size-4xl) 0px var(--size-2xl) 0px;
}
.footer-bottom {
  padding: var(--size-xl) 0px;
}

/*About*/
.crtf-footer-about {
	display: grid;
  gap: 16px;
}
.crtf-footer-about__logo {
	width: 150px;
}
.crtf-footer-about__text{
  color: var(--body);
	font-size: 1.4rem;
}
.crtf-footer-about__socials{
	display: flex;
  align-items: center;
  gap: 16px;
}
.crtf-footer-about__socials svg {
  opacity: 0.5;
 	transition: 0.3s;
  width: 30px;
  height: 30px;
}
.crtf-footer-about__socials a:hover > svg {
  opacity: 1;
}

/*Contact card*/
.crtf-contact-card {
  display: grid;
  gap: 16px;
}
.crtf-contact-card h4{
  margin: 0;
}
.crtf-contact-card__contacts {
  display: grid;
  gap: 8px;
}
.crtf-contact-card__contact {
  display: flex;
  align-items: center;
  gap: 12px;
}
.crtf-contact-card__hours {
  color: var(--caption);
  font-size: 1.2rem;
}
.crtf-contact-card__icon {
  opacity: 0.5;
  width: max-content;
}
.crtf-contact-card__person {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
}
.crtf-contact-card__photo {
  aspect-ratio: 1;
  width: 65px;
}
.crtf-contact-card__photo img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.crtf-contact-card__name {
  color: var(--title);
  font-weight: bold;
}
.crtf-contact-card__position {
  color: var(--caption);
  font-size: 1.2rem;
}
.crtf-contact-card--sidebar {
  border-radius: var(--radius-s);
  background-color: var(--footer-bg);
  padding: var(--size-l);
}
.crtf-contact-card__phone::before {
  content: "phone";
  color: var(--caption);
  font-family: var(--icons-family);
}
.crtf-contact-card__email::before {
  content: "envelope";
  color: var(--caption);
  font-family: var(--icons-family);
}


/*Top message*/
.crtf-top-message {
  top: -1px;
  padding: 8px 20px;
  font-weight: 500;
  font-size: 1.2rem;
	text-align: center;
}
.crtf-top-message a {
  color: currentColor;
  text-decoration: underline;
}
.crtf-top-message--success {
  background-color: #628f5b;
  color: #fff;
}
.crtf-top-message--primary {
  background-color: var(--primary);
  color: #fff;
}
.crtf-top-message--black {
  background-color: #000;
  color: #fff;
}
.crtf-top-message--white {
  background-color: #fff;
  color: #000;
}
@media (max-width: 991px) {
  .crtf-top-message {
    position: relative;
    z-index: 1;
  }
}

/*Horizontal content*/
.crtf-horizontal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 24px;
}
.crtf-horizontal:not(:last-child) {
  margin-bottom: var(--size-2xl);
}
.crtf-horizontal--reverse .crtf-horizontal__media {
  order: -1;
}
.crtf-horizontal--reverse .crtf-horizontal__content {
  margin-left: 80px;
}
.crtf-horizontal:not(.crtf-horizontal--reverse) .crtf-horizontal__content {
  margin-right: 80px;
}
.crtf-horizontal__content {
  display: grid;
  gap: var(--size-m);
}
.crtf-horizontal__content h2{
  margin: 0px;
}
.crtf-horizontal__content p {
  color: var(--text);
}
.crtf-horizontal__media {
  aspect-ratio: 2.6/2;
  width: 100%;
}
.crtf-horizontal__media img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .crtf-horizontal {
    grid-template-columns: 1fr;
  }
  .crtf-horizontal__media {
    order: -1;
  }
  .crtf-horizontal__content  {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}

.crtf-banners-story-about {
  display: grid;
  gap: 80px;
}

/*Welcome*/
.welcome-wrapper {
  margin-inline: 0px !important ;
}


/*Breadcrumbs*/
.navigation-home-icon-wrapper::before {
  left: 0px;
  content: "home";
  font-size: 1.4rem;
  font-family: var(--icons-family) !important;
}
.breadcrumbs {
  margin-top: var(--size-m);
}
.breadcrumbs>span>a:after,
.breadcrumbs>span>a:before {
  background-color: unset;
}
.breadcrumbs>span>a::before {
  content: none;
}
.breadcrumbs>span>a::after {
  position: relative;
  transform: rotate(0deg) translateY(-50%);
  padding: 0px 0px 0px var(--size-s);
  width: auto;
  height: auto;
  content: "chevron-right";
  color: var(--caption);
  font-family: var(--icons-family) !important;
  text-decoration: none !important;
}
.breadcrumbs>span>a:hover {
  text-decoration: none;
}
.breadcrumbs>span>a:hover > span {
  text-decoration: underline;
}
.navigation-home-icon-wrapper #navigation-first a {
  padding-left: var(--size-xl);
}
@media (min-width: 992px) {
  .breadcrumbs>span>a,
  .breadcrumbs>span>span {
    padding: var(--size-s) 0 var(--size-s) var(--size-s);
  }
}

/*Blog*/
.homepage-group-title {
  display: block;
  margin-bottom: var(--size-xl);
  margin-block: var(--size-2xl);
  padding-inline: 0px !important;
  font-size: 2.4rem;
  text-align: center;
}
.blog-wrapper {
  margin-top: var(--size-4xl) !important;
  margin-bottom: var(--size-4xl) !important;
  padding: 0px;
}
.news-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--size-xl);
}
@media (max-width: 991px) {
  .news-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 448px) {
  .news-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.news-item {
  display: grid;
  gap: var(--size-m);
  margin-bottom: 0;
  padding: 0px !important;
  width: 100% !important;
}
.news-item .image {
  margin: 0px !important;
  width: 100%;
} 
.news-item .image img,
.type-page .content-inner img {
  border-radius: var(--radius-s);
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-item .text .title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--title);
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4;
  -webkit-box-orient: vertical;
}
.news-wrapper .news-item .description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--body);
  line-height: 1.5;
  -webkit-box-orient: vertical;
}
.news-item:has(.image:hover) .text .title {
  text-decoration: underline;
}
.news-item time, .news-item-detail time {
  margin-bottom: var(--size-xs);
  color: var(--caption);
}
.news-item time:before,
.news-item-detail time:before {
  margin-right: var(--size-3xs);
  content: "\e904";
  color: var(--caption);
  font-size: 0.9em;
  font-family: var(--icons-family);
}
.post-image {
  display: block;
  border-radius: var(--radius-s);
  aspect-ratio: 21/9;
  width: 100%;
  object-fit: cover;
}

.type-post .content-wrapper-in,
.type-page .content-wrapper-in {
  display: grid;
  grid-template-columns: 1fr;
  align-items: self-start;
  gap: var(--size-xl);
}
.type-post .content-wrapper-in .crtf-contact-card,
.type-page .content-wrapper-in .crtf-contact-card,
.type-product #tab-content .crtf-contact-card {
  border-radius: var(--radius-s);
  background-color: var(--subtle-bg);
  padding: var(--size-l);
}
@media (min-width: 991px) {
  .type-post .content-wrapper-in,
  .type-page .content-wrapper-in {
    grid-template-columns: 3fr 1fr;
  }
  .type-post .content-wrapper-in > *,
  .type-page .content-wrapper-in > *,
  .type-product #tab-content > * {
    position: sticky;
    top: var(--size-xl);
  }
}