/*
Theme Name: DG Doggear Šablona
Version: 1.0
Description: A child theme of Twenty Twenty
Template: twentytwenty
Author: Administrator
*/
@import url("../twentytwenty/style.css");
@import url("assets/css/dgdoggear.css");

:root {
  --admin-bar: 32px;
  --header: 145px;
}

/*--------------------------------------------------ANIMACE*/

#top a,
#top a::after,
#top a::before,
#top h2,
#top button,
#top button::after,
#top button:before,
#top span,
#top span::after,
#top span::before,
#top img,
#top:not(.showing-modal) ul,
#top:not(.showing-modal) li,
#top:not(.showing-modal) li::after,
#top:not(.showing-modal) li::before,
header#site-header,
.header-minicart,
.mega-menu {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s -webkit-filter ease-in-out;
  -moz-transition: all 0.2s -moz-filter ease-in-out;
  -ms-transition: all 0.2s -ms-filter ease-in-out;
  -o-transition: all 0.2s -o-filter ease-in-out;
}

/*----------------------------------------------------------------------------------------------------TYPOGRAFIE*/

body a,
ins {
  text-decoration: none;
}

body#top,
.entry-content,
.price,
.onsale,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file,
.woocommerce table.shop_table tbody tr,
.woocommerce-page table.shop_table tbody tr,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message.woocommerce-message,
#site-content .woocommerce-error,
#site-content .woocommerce-info,
.entry-content p,
.entry-content li,
.entry-header p,
button,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content,
#top .widget-content a {
  font-family: var(--font);
  line-height: calc(1.038961039vw + 14.0155844156px);
  font-size: calc(0.1298701299vw + 12.2519480519px);
  color: #3b3c3f;
}

#top .entry-content .has-large-font-size {
  font-size: 20px !important;
}

.entry-content p {
  margin-bottom: 16px;
}

.color-accent,
.color-accent-hover:hover,
.color-accent-hover:focus,
:root .has-accent-color,
.has-drop-cap:not(:focus):first-letter,
.wp-block-button.is-style-outline,
body a {
  color: black;
}

@media (max-width: 576px) {
  body#top {
    line-height: 20px;
    font-size: 15px;
  }
}
@media (min-width: 1346px) {
  body#top,
  .entry-content,
  .price,
  .onsale,
  .entry-content cite,
  .entry-content figcaption,
  .entry-content table,
  .entry-content address,
  .entry-content .wp-caption-text,
  .entry-content .wp-block-file,
  .woocommerce table.shop_table tbody tr,
  .woocommerce-page table.shop_table tbody tr,
  .woocommerce-error,
  .woocommerce-info,
  .woocommerce-message.woocommerce-message,
  #site-content .woocommerce-error,
  #site-content .woocommerce-info,
  .entry-content p,
  .entry-content li,
  .entry-header p,
  button,
  .widget_text p,
  .widget_text ol,
  .widget_text ul,
  .widget_text dl,
  .widget_text dt,
  .widget-content,
  #top .widget-content a {
    font-size: 16px;
  }
}
/*--------------------------------------------------ELLIPSIS*/

/*--------------------------------------------------IKONY*/
.icon > a::before,
#top .wp-block-search__button::before,
.woocommerce-mini-cart__buttons a::before,
.card-body-bottom .button::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 8px -4px 0;
  background-color: currentColor;
  mask-size: 20px;
  mask-position: 0 0;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px;
  -webkit-mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(/wp-content/themes/dgdoggear/assets/img/dgdoggear_ikony.svg);
  -webkit-mask-image: url(/wp-content/themes/dgdoggear/assets/img/dgdoggear_ikony.svg);
}

#top .shop-menu > li > a::before,
.card-body-bottom .button::before {
  -webkit-mask-size: 16px;
  mask-size: 16px;
  width: 16px;
  height: 16px;
}

.card-body-bottom .button::before {
  margin-top: -2px !important;
}

#breadcrumbs .icon.home a::before {
  -webkit-mask-size: 12px;
  mask-size: 12px;
  width: 12px;
  height: 12px;
  margin: 0;
}

.icon.primary a::before {
  background-color: var(--p-100);
}

.icon.secondary a::before {
  background-color: var(--s-100);
}

.icon.black a::before {
  background-color: black;
}

.icon.white a::before {
  background-color: white;
}

.icon.mail a::before {
  mask-position: 0 -20px;
  -webkit-mask-position: 0 -20px;
}

.icon.pin a::before {
  mask-position: 0 -60px;
  -webkit-mask-position: 0 -60px;
}

.icon.search a::before,
#top .wp-block-search__button::before {
  mask-position: 0 -80px;
  -webkit-mask-position: 0 -80px;
}

.icon.calendar a::before {
  mask-position: 0 -100px;
  -webkit-mask-position: 0 -100px;
}

.icon.user a::before {
  mask-position: 0 -120px;
  -webkit-mask-position: 0 -120px;
}

.icon.home a::before {
  mask-position: 0 -140px;
  -webkit-mask-position: 0 -140px;
}

#breadcrumbs .icon.home a::before {
  mask-position: 0 -84px;
  -webkit-mask-position: 0 -84px;
}

.icon.web a::before {
  mask-position: 0 -160px;
  -webkit-mask-position: 0 -160px;
}

.icon.cart a::before {
  mask-position: 0 -180px;
  -webkit-mask-position: 0 -180px;
}

#top .shop-menu .cart > a::before,
.card-body-bottom .button::before {
  mask-position: 0 -144px;
  -webkit-mask-position: 0 -144px;
}
.icon.hot a::before {
  mask-position: 0 -200px;
  -webkit-mask-position: 0 -200px;
}

/*--------------------------------------------------NADPISY*/
#top .wp-block-heading:first-child {
  margin-top: 0;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.heading-size-1,
.heading-size-2,
.heading-size-3,
.heading-size-4,
.heading-size-5,
.heading-size-6 {
  font-family: var(--font);
  font-weight: 700;
  color: #000;
  letter-spacing: -0.04em;
}

h1:first-child,
.heading-size-1:first-child,
h2:first-child,
.heading-size-2:first-child,
h3:first-child,
.heading-size-3:first-child,
h4:first-child,
.heading-size-4:first-child,
h5:first-child,
.heading-size-5:first-child,
h6:first-child,
.heading-size-6:first-child {
  margin-top: 0;
}

h1:last-child,
.heading-size-1:last-child,
h2:last-child,
.heading-size-2:last-child,
h3:last-child,
.heading-size-3:last-child,
h4:last-child,
.heading-size-4:last-child,
h5:last-child,
.heading-size-5:last-child,
h6:last-child,
.heading-size-6:last-child {
  margin-bottom: 0;
}

h1,
.heading-size-1 {
  font-size: calc(4.4155844156vw + 8.5662337662px);
  line-height: calc(4.1558441558vw + 16.0623376623px);
  margin-top: calc(1.038961039vw + 14.0155844156px);
  margin-bottom: calc(2.3376623377vw + 16.5350649351px);
}

h2,
.heading-size-2 {
  font-size: calc(3.1168831169vw + 10.0467532468px);
  line-height: calc(2.0779220779vw + 28.0311688312px);
  margin-top: calc(1.038961039vw + 14.0155844156px);
  margin-bottom: calc(2.3376623377vw + 16.5350649351px);
}

h2.fs--36,
.heading-size-2.fs--36 {
  font-size: calc(2.0779220779vw + 24.0311688312px);
}

h3,
.heading-size-3 {
  font-size: calc(2.5974025974vw + 9.038961039px);
  line-height: calc(3.1168831169vw + 10.0467532468px);
  margin-top: calc(1.038961039vw + 18.0155844156px);
  margin-bottom: calc(2.0779220779vw + 16.0311688312px);
}

h4,
.heading-size-4,
.single-product .entry-title {
  font-size: calc(1.8181818182vw + 11.5272727273px);
  line-height: calc(1.8181818182vw + 15.5272727273px);
  margin-top: calc(1.038961039vw + 18.0155844156px);
  margin-bottom: calc(1.5584415584vw + 15.0233766234px);
}

h5,
.heading-size-5 {
  font-size: calc(1.038961039vw + 14.0155844156px);
  line-height: calc(1.5584415584vw + 15.0233766234px);
  margin-top: calc(1.038961039vw + 18.0155844156px);
  margin-bottom: calc(1.038961039vw + 14.0155844156px);
  letter-spacing: -0.03em;
}

h6,
.heading-size-6 {
  font-size: calc(0.7792207792vw + 13.5116883117px);
  line-height: calc(0.5194805195vw + 17.0077922078px);
  margin-top: calc(0.2597402597vw + 22.5038961039px);
  margin-bottom: calc(0.5194805195vw + 5.0077922078px);
  letter-spacing: -0.02em;
}

@media (max-width: 576px) {
  h1,
  .heading-size-1 {
    font-size: 34px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  h2,
  .heading-size-2 {
    font-size: 28px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  h3,
  .heading-size-3 {
    font-size: 24px;
    line-height: 28px;
    margin-top: 24px;
    margin-bottom: 28px;
  }

  h4,
  .heading-size-4,
  .single-product .entry-title {
    font-size: 22px;
    line-height: 26px;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  h5,
  .heading-size-5 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 20px;
  }

  h6,
  .heading-size-6 {
    font-size: 18px;
    line-height: 20px;
    margin-top: 24px;
    margin-bottom: 8px;
  }
}

@media (min-width: 1346px) {
  h1,
  .heading-size-1 {
    font-size: 68px;
    line-height: 72px;
    margin-top: 28px;
    margin-bottom: 48px;
  }

  h2,
  .heading-size-2 {
    font-size: 52px;
    line-height: 56px;
    margin-top: 28px;
    margin-bottom: 48px;
  }

  h3,
  .heading-size-3 {
    font-size: 44px;
    line-height: 52px;
    margin-top: 32px;
    margin-bottom: 44px;
  }

  h4,
  .heading-size-4 {
    font-size: 36px;
    line-height: 40px;
    margin-top: 32px;
    margin-bottom: 36px;
  }

  h5,
  .heading-size-5 {
    font-size: 28px;
    line-height: 36px;
    margin-top: 32px;
    margin-bottom: 28px;
  }

  h6,
  .heading-size-6 {
    font-size: 24px;
    line-height: 24px;
    margin-top: 26px;
    margin-bottom: 12px;
  }
}

/*----------------------------------------------------------------------------------------------------GENERAL*/

/*--------------------------------------------------HIDE*/

.site-description,
p.powered-by-wordpress,
.home .entry-header,
.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after,
.post-meta-wrapper.post-meta-edit-link-wrapper,
.nav-toggle svg.svg-icon,
.home #breadcrumbs,
nav.pagination-single hr,
.header-minicart .checkout,
#top ul.products::after,
#top ul.products::before,
#top .sr-only,
#top .primary-menu span.icon,
.primary-menu .icon::before,
.primary-menu .icon::after,
.primary-menu ul::after,
#top .close-nav-toggle,
.wp-block-accordion-heading__toggle-icon {
  display: none;
}

/*--------------------------------------------------ZÁKLADNÍ HTML*/

/*--------------------------------------------------LAYOUT*/
body .section-inner,
#top .alignwide,
.woocommerce .content-area {
  width: calc(100% - 24px);
  max-width: 1346px;
  margin-left: auto;
  margin-right: auto;
}
.entry-content
  > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
    .is-style-wide
  ) {
  max-width: 1346px;
  width: 100%;
}
.home #site-content,
#breadcrumbs {
  margin-top: var(--header);
}

/*margins*/
.primary-menu > li,
ul.primary-menu,
.header-titles .site-logo,
.header-titles,
#top .wp-block-image,
#top .wp-block-search__button::before,
.woocommerce-mini-cart__buttons,
.woocommerce-mini-cart__empty-message,
#top .card-body-bottom .button::before,
.widget-content li,
.woocommerce .content-area .site-main,
.wp-block-navigation .wp-block-navigation-item {
  margin: 0;
}

#top .entry-content > .alignwide:first-child,
.wp-block-columns.alignfull + .wp-block-columns.alignfull,
#top .wp-block-heading:first-child,
#top .footer-widgets .wp-block-group,
#top .footer-widgets .wp-block-columns,
#top .entry-content > *:first-child {
  margin-top: 0;
}

/*paddings*/
#top .af-submit,
#primary,
.wp-block-cover .wp-block-cover__inner-container {
  padding: 0;
}

/*--------------------------------------------------CLASSY*/
.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}
.h-100 {
  height: 100%;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.a-r-16-9 {
  aspect-ratio: 16/9;
}
.insta-feed .wp-block-image img {
  border-radius: 8px;
}
/*contats-boxes*/
.contacts-boxes {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.contacts-boxes .wp-block-column {
  border: 2px solid rgba(213, 215, 215, 0.4);
  border-radius: 12px;
  padding-block: calc(0.5194805195vw + 17.0077922078px);
  padding-inline: calc(0.5194805195vw + 13.0077922078px);
}

.contacts-boxes .wp-block-column h4,
.contacts-boxes .wp-block-column .h4 {
  font-size: calc(0.1298701299vw + 16.2519480519px);
  line-height: calc(0.5194805195vw + 21.0077922078px);
  font-weight: 600;
  margin: 0;
}

.contacts-boxes .wp-block-column p {
  font-size: calc(0.1298701299vw + 13.2519480519px);
  line-height: calc(1.038961039vw + 14.0155844156px);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

/* --- min-width: 1346px (desktop) --- */
@media (min-width: 1346px) {
  .contacts-boxes .wp-block-column {
    padding-block: 24px;
    padding-inline: 20px;
  }

  .contacts-boxes .wp-block-column h4,
  .contacts-boxes .wp-block-column .h4 {
    font-size: 18px;
    line-height: 28px;
  }

  .contacts-boxes .wp-block-column p {
    font-size: 15px;
    line-height: 28px;
  }
}

/* --- max-width: 576px (mobil) --- */
@media (max-width: 576px) {
  .contacts-boxes .wp-block-column {
    padding-block: 20px;
    padding-inline: 16px;
  }

  .contacts-boxes .wp-block-column h4,
  .contacts-boxes .wp-block-column .h4 {
    font-size: 17px;
    line-height: 24px;
  }

  .contacts-boxes .wp-block-column p {
    font-size: 14px;
    line-height: 20px;
  }
}

/*--------------------------------------------------HOVERY*/
#top .mega-item a:hover {
  color: var(--blue);
  text-decoration: none;
  border-color: var(--blue);
}

#top .nav-menu > li:hover > a,
#top .wp-block-accordion-heading__toggle:hover,
.wp-block-accordion-heading__toggle:hover
  .wp-block-accordion-heading__toggle-title,
body a:hover {
  color: var(--blue) !important;
  text-decoration: none;
}

/*----------------------------------------------------------------------------------------------------DEFAULT BLOCKS*/
.wp-block-cover:not(.alignfull) {
  border-radius: 12px;
}
.wp-block-cover.alignwide {
  padding: calc(0.5194805195vw + 29.0077922078px);
}
/*--------------------------------------------------BUTTONS*/
body button,
body .button,
body .wp-block-button__link,
body .wp-block-file .wp-block-file__button,
body input[type="button"],
body input[type="reset"],
body input[type="submit"],
.single-product#top.woocommerce-variation-add-to-cart .button {
  background: black;
  border: 2px solid black;
  color: white;
  font-size: 14px;
  font-weight: 800;
  border-radius: 5px;
  line-height: calc(0.2597402597vw + 12.5038961039px);
  padding-top: calc(0.5194805195vw + 7.0077922078px);
  padding-bottom: calc(0.5194805195vw + 7.0077922078px);
  padding-left: calc(0.5194805195vw + 7.0077922078px);
  padding-right: calc(0.5194805195vw + 7.0077922078px);
  letter-spacing: 1px;
  font-family: var(--font);
}

.wp-block-buttons {
  margin: 20px auto;
}

.button.outline {
  background: none;
  color: black;
}

@media (max-width: 576px) {
  body .button,
  body button {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 13px;
    line-height: 14px;
  }
}

@media (max-width: 767.98px) {
  body .button.btn-rounded,
  body button.btn-rounded {
    border-radius: 100px;
    border-radius: 100px;
    padding: 14px 24px;
    font-size: 16px;
    line-height: 16px;
  }
}

@media (min-width: 1346px) {
  body .button,
  body button {
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-top: 14px;
    line-height: 16px;
  }
}

/*--------------------------------------------------FORMY*/
#top .acf-fields > .acf-field {
  padding: 0;
  border: none;
}

#top input,
#top textarea,
#top select {
  background-color: rgba(213, 215, 215, 0.4);
  background-clip: padding-box;
  border: 1px solid rgba(213, 215, 215, 0.4);
  border-radius: 4px;
  padding-top: calc(0.2597402597vw + 6.5038961039px);
  padding-bottom: calc(0.2597402597vw + 6.5038961039px);
  padding-left: calc(0.7792207792vw + 5.5116883117px);
  padding-right: calc(0.7792207792vw + 5.5116883117px);
  border-width: 2px;
  font-size: calc(0.1298701299vw + 13.2519480519px);
  line-height: calc(1.038961039vw + 14.0155844156px);
}
#top select {
  cursor: pointer;
}
/*radio a checkbox*/
.frm_checkbox label,
.frm_radio label {
  display: flex;
  gap: 8px;
  cursor: pointer;
}

#top input[type="checkbox"],
#top input[type="radio"] {
  margin: 0 8px 0 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  top: 2px;
}

#top input[type="checkbox"]::before,
#top input[type="radio"]::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid var(--n-20);
  border-radius: 4px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: "dashicons";
}

#top input[type="radio"]::before {
  border-radius: 100%;
}

#top input[type="checkbox"]:checked::before {
  content: "\f15e";
}

#top input[type="checkbox"]:checked::before,
#top input[type="radio"]:checked::before {
  background: var(--p-100);
}
@media (min-width: 1346px) {
  #top input,
  #top textarea,
  #top select {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 28px;
  }
}
/*--------------------------------------------------TABULKY*/
/**
 * Obecná pravidla pro tabulky
 * Extrahováno z theme.min.css (Bootstrap reboot + .table + vlastní table styly)
 * Všechny selektory jsou scopované pod #top
 *
 * Neobsahuje komponenty: .table-b2b, .table-cart, .table-orders
 */

/* ==========================================================================
   Base — reset & elementy
   ========================================================================== */

#top table {
  caption-side: bottom;
  border-collapse: separate;
  border-spacing: 0 0;
  padding: 0;
  border: 0;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  color: #3b3c3f;
}

#top caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

#top th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

#top thead,
#top tbody,
#top tfoot,
#top tr,
#top td,
#top th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

#top table th,
#top table td {
  padding: calc(0.5194805195vw + 9.0077922078px);
  vertical-align: baseline;
}

#top table th {
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0);
  text-align: -webkit-match-parent;
  line-height: calc(0.1298701299vw + 14.2519480519px);
  font-size: calc(0.1298701299vw + 10.2519480519px);
  letter-spacing: 0.01em;
  border-bottom: 2px solid rgba(213, 215, 215, 0.4);
}

#top table td {
  line-height: calc(0.1298701299vw + 15.2519480519px);
  font-size: calc(0.1298701299vw + 12.2519480519px);
  letter-spacing: -0.02em;
  font-weight: 500;
}

#top table td .responsive-only {
  display: none;
}

#top table tr + tr td {
  border-top: 2px solid rgba(213, 215, 215, 0.4);
}

/* --- table.plain --- */
#top table.plain td {
  border: 0 none rgba(0, 0, 0, 0) !important;
  font-size: calc(0.1298701299vw + 14.2519480519px);
  line-height: calc(0.5194805195vw + 17.0077922078px);
  padding-top: calc(0.5194805195vw + 5.0077922078px);
  padding-bottom: calc(0.5194805195vw + 5.0077922078px);
  color: #3b3c3f;
}

/* --- table.responsive (stack na mobilu) --- */
#top table.responsive {
  width: 100% !important;
  display: block;
  border: 0 none rgba(0, 0, 0, 0);
}

#top table.responsive tbody,
#top table.responsive tfoot {
  overflow: auto;
  display: block;
  position: relative;
  width: 100%;
}

#top table.responsive thead {
  display: none;
}

#top table.responsive thead th {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  height: 0;
}

#top table.responsive tr {
  display: block;
  overflow: hidden;
  margin-bottom: 8px;
}

#top table.responsive tr td {
  display: block;
  position: relative;
  white-space: normal;
  text-align: left !important;
  border: 0 none rgba(0, 0, 0, 0) !important;
  border-radius: 0 !important;
  padding: 5px 0;
}

#top table.responsive tr td::before {
  font-weight: 500;
  color: #000;
  display: block;
  content: attr(data-th);
}

#top table.responsive tr td:first-child {
  padding-top: 16px;
}

#top table.responsive tr td:last-child {
  padding-bottom: 8px;
}

#top table.responsive tr td .responsive-only {
  display: block;
}

#top table.responsive tr td p {
  text-align: left !important;
  display: inline;
}

#top table.responsive tr + tr td:first-child {
  border-top: 2px solid rgba(213, 215, 215, 0.4) !important;
}

/* ==========================================================================
   Base — Bootstrap .table
   ========================================================================== */

#top .table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #3b3c3f;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #3b3c3f;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #3b3c3f;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #3b3c3f;
  vertical-align: top;
  border-color: #dee2e6;
}

#top .table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

#top .table > tbody {
  vertical-align: inherit;
}

#top .table > thead {
  vertical-align: bottom;
}

#top .table > :not(:first-child) {
  border-top: 2px solid currentColor;
}

#top .caption-top {
  caption-side: top;
}

#top .table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

#top .table-bordered > :not(caption) > * {
  border-width: 1px 0;
}

#top .table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

#top .table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

#top .table-borderless > :not(:first-child) {
  border-top-width: 0;
}

#top .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

#top .table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

#top .table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

#top .table-primary {
  --bs-table-bg: #cccccc;
  --bs-table-striped-bg: #c2c2c2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b8b8b8;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bdbdbd;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #b8b8b8;
}

#top .table-secondary {
  --bs-table-bg: white;
  --bs-table-striped-bg: #f2f2f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6e6e6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ececec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6e6e6;
}

#top .table-success {
  --bs-table-bg: #cee4d7;
  --bs-table-striped-bg: #c4d9cc;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b9cdc2;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd3c7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #b9cdc2;
}

#top .table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}

#top .table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}

#top .table-danger {
  --bs-table-bg: #f5d4cf;
  --bs-table-striped-bg: #e9c9c5;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #ddbfba;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e3c4bf;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #ddbfba;
}

#top .table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}

#top .table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

#top .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

/* --- min-width: 1346px (desktop) --- */
@media (min-width: 1346px) {
  #top table th,
  #top table td {
    padding: 16px;
  }

  #top table th {
    line-height: 16px;
    font-size: 12px;
  }

  #top table td {
    line-height: 17px;
    font-size: 14px;
  }

  #top table.plain td {
    font-size: 16px;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/* --- max-width: 1345.98px --- */
@media (max-width: 1345.98px) {
  #top .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* --- max-width: 991.98px --- */
@media (max-width: 991.98px) {
  #top .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* --- max-width: 767.98px --- */
@media (max-width: 767.98px) {
  #top .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* --- max-width: 576px --- */
@media (max-width: 576px) {
  #top table th,
  #top table td {
    padding: 12px;
  }

  #top table th {
    line-height: 15px;
    font-size: 11px;
  }

  #top table td {
    line-height: 16px;
    font-size: 13px;
  }

  #top table.plain td {
    font-size: 15px;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

/* --- max-width: 575.98px (mobil) --- */
@media (max-width: 575.98px) {
  #top .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #top table.plain td {
    white-space: normal !important;
  }
}
/*--------------------------------------------------ACCORDION*/
.wp-block-accordion {
  padding: 0;
  margin: 0 auto;
}

.wp-block-accordion .wp-block-accordion-item {
  border: 2px solid #f5f5f5;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 8px;
  border-radius: calc(0.5194805195vw + 5.0077922078px);
}

.wp-block-accordion .wp-block-accordion-item:first-child {
  margin-top: 0;
}

.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading {
  position: relative;
  margin: 0;
}

.wp-block-accordion
  .wp-block-accordion-item
  .wp-block-accordion-heading
  .wp-block-accordion-heading__toggle {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
  font-weight: 600;
  font-size: calc(0.2597402597vw + 16.5038961039px);
  line-height: calc(0.7792207792vw + 21.5116883117px);
  padding: calc(1.2987012987vw + 10.5194805195px)
    calc(2.0779220779vw + 52.0311688312px)
    calc(1.2987012987vw + 10.5194805195px)
    calc(1.2987012987vw + 10.5194805195px);
  letter-spacing: normal;
}

.wp-block-accordion
  .wp-block-accordion-item
  .wp-block-accordion-heading
  .wp-block-accordion-heading__toggle::after {
  content: "";
  font-size: 8px;
  position: absolute;
  right: calc(1.2987012987vw + 10.5194805195px);
  top: 50%;
  margin-top: calc(-0.3896103896vw + -10.7558441558px);
  font-family: "icomoon";
  font-weight: normal;
  line-height: calc(0.7792207792vw + 19.5116883117px);
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none !important;
  border: 2px solid rgba(59, 60, 63, 0.25);
  border-radius: 50%;
  text-align: center;
  transform: rotateZ(180deg);
  width: calc(0.7792207792vw + 21.5116883117px);
  height: calc(1.038961039vw + 18.0155844156px);
}

.wp-block-accordion
  .wp-block-accordion-item:not(.is-open)
  .wp-block-accordion-heading
  .wp-block-accordion-heading__toggle {
  background-color: #f5f5f5;
}

.wp-block-accordion
  .wp-block-accordion-item:not(.is-open)
  .wp-block-accordion-heading
  .wp-block-accordion-heading__toggle::after {
  transform: none;
}

.wp-block-accordion
  .wp-block-accordion-item
  .wp-block-accordion-heading
  .wp-block-accordion-heading__toggle:hover {
  color: #000;
}

.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel {
  padding: calc(1.2987012987vw + 10.5194805195px);
}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel * {
  font-size: calc(0.1298701299vw + 14.2519480519px);
  line-height: calc(1.038961039vw + 14.0155844156px);
}
/* ==========================================================================
   Responsive
   ========================================================================== */

/* --- min-width: 1346px (desktop) --- */
@media (min-width: 1346px) {
  .wp-block-accordion .wp-block-accordion-item {
    border-radius: 12px;
  }

  .wp-block-accordion
    .wp-block-accordion-item
    .wp-block-accordion-heading
    .wp-block-accordion-heading__toggle {
    font-size: 20px;
    line-height: 32px;
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 28px;
    padding-right: 80px;
  }

  .wp-block-accordion
    .wp-block-accordion-item
    .wp-block-accordion-heading
    .wp-block-accordion-heading__toggle::after {
    right: 28px;
    line-height: 30px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
  }

  .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel {
    padding: 28px;
  }
  .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel * {
    font-size: 16px;
    line-height: 28px;
  }
}

/* --- max-width: 576px (mobil) --- */
@media (max-width: 576px) {
  .wp-block-accordion .wp-block-accordion-item {
    border-radius: 8px;
  }

  .wp-block-accordion
    .wp-block-accordion-item
    .wp-block-accordion-heading
    .wp-block-accordion-heading__toggle {
    font-size: 18px;
    line-height: 26px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    padding-right: 64px;
  }

  .wp-block-accordion
    .wp-block-accordion-item
    .wp-block-accordion-heading
    .wp-block-accordion-heading__toggle::after {
    right: 18px;
    line-height: 24px;
    width: 26px;
    height: 24px;
    margin-top: -13px;
  }

  .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel {
    padding: 18px;
  }
  .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel * {
    font-size: 15px;
    line-height: 20px;
  }
}
/*----------------------------------------------------------------------------------------------------CUSTOM BLOCKS*/
#top .loader {
  width: 50px;
  height: 50px;
  margin: 100px auto;
  background: url(/wp-content/themes/sweet-pain/assets/css/ajax-loader.gif)
    no-repeat;
}

#top .slider {
  transform: none;
  z-index: 1;
}

#top .slider:not(.slick-initialized) {
  transform: translateY(-200%);
  transform-origin: top;
}

/*--------------------------------------------------BENEFITS*/
#top .benefits {
  box-shadow: 0 6px 16px 0 rgba(48, 31, 31, 0.06);
  padding: 20px;
  border-radius: calc(8.4415584416vw + -13.6233766234px);
  gap: 12px;
}
#top .benefits .benefit-item {
  margin: 0;
}
#top .benefits .benefit-item .wp-block-group__inner-container {
  position: relative;
  grid-template-columns: 64px 1fr;
  display: grid;
  align-items: center;
  height: 100%;
  font-size: calc(0.1298701299vw + 13.2519480519px);
  line-height: calc(1.038961039vw + 14.0155844156px);
  column-gap: calc(0.7792207792vw + 5.5116883117px);
}

#top .benefits .benefit-item .icon {
  width: calc(2.0779220779vw + 36.0311688312px);
  height: calc(2.0779220779vw + 36.0311688312px);
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.2s ease-in-out;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-row: span 2;
}

#top .benefits .benefit-item .icon::after {
  transition: color 0.2s ease-in-out;
}

#top .benefits .benefit-item .icon.shadow-benefit-1 {
  background-color: #feefed;
}

#top .benefits .benefit-item .icon.shadow-benefit-1::after {
  color: #cc2610;
}

#top .benefits .benefit-item .icon.shadow-benefit-2 {
  background-color: #e4f5f5;
}

#top .benefits .benefit-item .icon.shadow-benefit-2::after {
  color: #277678;
}

#top .benefits .benefit-item .icon.shadow-benefit-3 {
  background-color: #fcf7ed;
}

#top .benefits .benefit-item .icon.shadow-benefit-3::after {
  color: #6d4300;
}

#top .benefits .benefit-item .icon.shadow-benefit-4 {
  background-color: #eef2f1;
}

#top .benefits .benefit-item .icon.shadow-benefit-4::after {
  color: #2e6256;
}

#top .benefits .benefit-item h4,
#top .benefits .benefit-item .h4 {
  line-height: normal;
  letter-spacing: 0.16px;
  font-weight: 500;
  margin: 0 0 4px 0;
  color: #000;
  font-size: calc(0.5649717514vw + 8.395480226px);
}

#top .benefits .benefit-item p {
  font-size: calc(0.2824858757vw + 8.197740113px);
  line-height: 16px;
}

/* ==========================================================================
   Base — .icon-benefit-*
   ========================================================================== */

.icon-benefit-credit-card,
.icon-benefit-truck,
.icon-benefit-stars,
.icon-benefit-heart {
  position: relative;
  width: calc(0.5194805195vw + 21.0077922078px);
  height: calc(0.5194805195vw + 21.0077922078px);
}

.icon-benefit-credit-card::after,
.icon-benefit-truck::after,
.icon-benefit-stars::after,
.icon-benefit-heart::after {
  vertical-align: top;
  font-family: "icomoon";

  font-weight: normal;

  text-transform: none;
  line-height: 1;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: calc(0.5194805195vw + 21.0077922078px);
}

.icon-benefit-credit-card::after {
  content: "";
}

.icon-benefit-truck::after {
  content: "";
}

.icon-benefit-stars::after {
  content: "";
}

.icon-benefit-heart::after {
  content: "";
}

/* ==========================================================================
   Responsive
   ========================================================================== */

/* --- min-width: 1346px (desktop) --- */
@media (min-width: 1346px) {
  #top .benefits {
    border-radius: 100px;
  }

  #top .benefits .benefit-item .wp-block-group__inner-container {
    font-size: 15px;
    line-height: 28px;
    column-gap: 16px;
  }

  #top .benefits .benefit-item .icon {
    width: 64px;
    height: 64px;
  }

  #top .benefits .benefit-item h4,
  #top .benefits .benefit-item .h4 {
    font-size: 16px;
  }

  #top .benefits .benefit-item p {
    font-size: 12px;
  }

  .icon-benefit-credit-card,
  .icon-benefit-truck,
  .icon-benefit-stars,
  .icon-benefit-heart {
    width: 28px;
    height: 28px;
  }

  .icon-benefit-credit-card::after,
  .icon-benefit-truck::after,
  .icon-benefit-stars::after,
  .icon-benefit-heart::after {
    font-size: 28px;
  }
}
/* --- max-width: 992px (tablet landscape) --- */
@media (max-width: 992px) {
  #top .benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(1.038961039vw + 18.0155844156px);
  }
  #top .benefits .benefit-item h4,
  #top .benefits .benefit-item .h4 {
    font-size: 14px;
  }

  #top .benefits .benefit-item p {
    font-size: 11px;
  }
}

/* --- max-width: 767.98px (tablet portrait) --- */
@media screen and (max-width: 767.98px) {
  #top .benefits .benefit-item .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    row-gap: 0;
  }
  #top .benefits .benefit-item .icon {
    margin-bottom: calc(0.5194805195vw + 17.0077922078px);
  }
  #top .benefits .benefit-item h4,
  #top .benefits .benefit-item .h4 {
    font-size: 15px;
  }
}

/* --- max-width: 576px (malý tablet / velký mobil) --- */
@media (max-width: 576px) {
  #top .benefits {
    border-radius: 35px;
  }

  #top .benefits .benefit-item .wp-block-group__inner-container {
    font-size: 14px;
    line-height: 20px;
    column-gap: 10px;
    row-gap: 20px;
  }

  #top .benefits .benefit-item .icon {
    width: 48px;
    height: 48px;
  }

  .icon-benefit-credit-card,
  .icon-benefit-truck,
  .icon-benefit-stars,
  .icon-benefit-heart {
    width: 24px;
    height: 24px;
  }

  .icon-benefit-credit-card::after,
  .icon-benefit-truck::after,
  .icon-benefit-stars::after,
  .icon-benefit-heart::after {
    font-size: 24px;
  }
}

/* --- max-width: 575.98px (mobil) --- */
@media screen and (max-width: 575.98px) {
  #top .benefits {
    gap: 24px;
  }
  #top .benefits .benefit-item .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 48px 1fr;
    column-gap: 20px;
    row-gap: 0;
    text-align: left;
  }
}

/*--------------------------------------------------POST CAROUSEL*/
.post-carousel {
  margin-left: -6px;
  margin-right: -6px;
}
.post-carousel .slick-list {
  overflow: visible;
}
.post-carousel_item {
  padding-left: 6px;
  padding-right: 6px;
}
.post-carousel .slick-arrow {
  right: 0;
  left: unset;
  transform: none;
  width: calc(2.0779220779vw + 28.0311688312px);
  height: calc(2.0779220779vw + 28.0311688312px);
  border: 1.5px solid rgba(176, 176, 176, 0.4);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.post-carousel .slick-arrow::before {
  font-family: "dashicons";
  color: #8a8b9d;
  content: "\f344";
  position: absolute;
}

.post-carousel .slick-prev::before {
  content: "\f340";
}

/*POST CAROUSEL RESPO*/
@media (max-width: 575.98px) {
  #top .post-carousel .slick-arrow {
    display: none !important;
  }
  .post-carousel .slick-list {
    overflow: visible;
  }
  .post-carousel_item {
    max-width: 170px;
  }
}

@media (min-width: 1346px) {
  .post-carousel .slick-arrow {
    width: 56px;
    height: 56px;
    top: calc(0px - 68px);
  }

  .post-carousel .slick-prev {
    right: 68px;
  }
}

/*--------------------------------------------------MARQUEE*/
#top .marquee {
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  margin-top: 48px;
  margin-bottom: 48px;
}

.marquee .marquee-inner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 100%;
  animation: scroll 24s linear infinite;
}

.marquee .marquee-inner span {
  font-weight: 600;
  font-family: var(--poppins);
}

.marquee .marquee-inner span,
.marquee .marquee-inner span {
  line-height: calc(3.3766233766vw + 12.5506493506px);
}

.marquee .marquee-inner .stroke {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.01em;
  -webkit-text-stroke-color: #000;
  -webkit-text-stroke-width: 1.2px;
}

.marquee .marquee-inner * {
  margin: 0;
  padding: 0;
  margin-right: calc(4.1558441558vw + 8.0623376623px);
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@media (max-width: 576px) {
  .marquee .marquee-inner span.marquee .marquee-inner span {
    line-height: 32px;
  }

  .marquee .marquee-inner * {
    margin-right: 32px;
  }
}

@media (min-width: 768px) {
  .marquee .marquee-inner .stroke {
    -webkit-text-stroke-width: 1.5px;
  }
}

@media (min-width: 992px) {
  .marquee .marquee-inner .stroke {
    -webkit-text-stroke-width: 2px;
  }
}

@media (min-width: 1346px) {
  .marquee .marquee-inner span.marquee .marquee-inner span {
    line-height: 58px;
  }

  .marquee .marquee-inner * {
    margin-right: 64px;
  }
}

/*--------------------------------------------------HOMEPAGE SLIDER*/
.homepage-slider-slick {
  padding: 0;
}

#top .hps-slide .tag {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  display: inline-block;
  width: max-content;
}

@media (min-width: 1346px) {
  #top .hps-slide .tag {
    margin-bottom: 16px;
  }

  .homepage-slider-slick {
    padding-top: 0;
    margin-top: 24px;
  }
}

.hps-slide.orange {
  background-color: #feefed;
}

.hps-slide.pink {
  background-color: #f6e7ea;
}

.hps-slide.yellow {
  background-color: #f7f0e1;
}

.hps-slide.light-green {
  background-color: #ebf2ee;
}

.hps-slide.green {
  background-color: #eef2f1;
}

.hps-slide.teak {
  background-color: #ecf8f8;
}

.hps-slide.blue {
  background-color: #eef9fc;
}

.hps-slide.grey {
  background-color: #f1ecee;
}

.homepage-slider .hps-slide {
  height: auto;
}

.slick-dots {
  bottom: 24px;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 24px;
}

/* =========================================================
   TEASER ITEM – BASE
========================================================= */

.homepage-slider .hps-slide {
  position: relative;
  border-radius: 12px;
  display: block;
  position: relative;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
}

.homepage-slider .hps-slide .hps-slide__content {
  position: relative;
  z-index: 2;
}

.homepage-slider .hps-slide .hps-slide__inner {
  padding: calc(5.1948051948vw + -5.9220779221px);
  min-height: calc(34.6020761246vw + 54.2560553633px);
  display: flex;
  align-items: center;
}

.homepage-slider .hps-slide .hps-slide__inner h2 {
  font-weight: 700;
  margin: 0 0 8px 0;
  letter-spacing: -1.04px;
}

.homepage-slider .hps-slide .hps-slide__inner p {
  margin: 0;
}

.homepage-slider .hps-slide .hps-slide__inner .button {
  margin-top: calc(3.6363636364vw + -0.9454545455px);
}

/*    MAIN IMAGE */
.hps-slide__media {
  width: 100%;
  object-fit: contain;
  position: relative;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
}

.homepage-slider .hps-slide .hps-slide__media img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  object-position: bottom;
}

/*    SLIDER RESPONSIVE */

/* ≥ 576px */
@media (min-width: 576px) {
  .homepage-slider
    .hps-slide
    .teaser-item.with-background-image
    .hps-slide__media {
    display: block;
  }

  .homepage-slider .hps-slide .hps-slide__media img {
    height: 84%;
  }

  .homepage-slider .hps-slide .hps-slide__inner {
    width: 66.66666667%;
  }
}

/* ≥ 768px */
@media (min-width: 768px) {
  .homepage-slider .hps-slide .hps-slide__media img {
    height: calc(100% + 24px);
  }

  .hps-overlay-wrapper {
    padding-top: 24px;
  }

  .homepage-slider .hps-slide .hps-slide__inner {
    min-height: 320px;
  }
}

/* ≥ 992px */
@media (min-width: 992px) {
  .homepage-slider .hps-slide .hps-slide__media img {
    height: calc(100% + 36px);
  }

  .hps-overlay-wrapper {
    padding-top: 36px;
  }
}

/* ≥ 1346px */
@media (min-width: 1346px) {
  .homepage-slider .hps-slide .hps-slide__inner {
    padding: 64px;
    min-height: 520px;
  }

  .homepage-slider .hps-slide .hps-slide__inner p {
    font-size: 16px;
  }

  .homepage-slider .hps-slide .hps-slide__inner .button {
    margin-top: 48px;
  }
}

/* ≤ 575px */
@media (max-width: 575.98px) {
  .homepage-slider .hps-slide .hps-slide__inner {
    min-height: 520px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
  }

  .homepage-slider .hps-slide .hps-slide__inner p {
    font-size: 14px;
  }

  .homepage-slider .hps-slide .hps-slide__media img {
    height: 290px;
    width: 100%;
    object-fit: contain;
    object-position: bottom center;
    left: 50%;
    transform: translateX(-50%);
  }

  .homepage-slider .hps-slide .hps-slide__inner .button {
    margin-top: 20px;
  }

  .homepage-slider .hps-slide .tag {
    margin-bottom: 8px;
  }
}

/* 576–767 */
@media (min-width: 576px) and (max-width: 767.98px) {
  .homepage-slider .hps-slide .hps-slide__inner {
    padding-bottom: 74px;
  }
}

/* ≤ 767.98 */
@media (max-width: 767.98px) {
  .homepage-slider .hps-slide .hps-slide__inner p {
    max-width: 365px;
  }
}

/*----------------------------------------------------------------------------------------------------HEADER*/

header#site-header {
  position: fixed;
  width: 100%;
  z-index: 4;
  top: 0;
}

.header-inner {
  display: block;
  border-bottom: 2px solid rgba(213, 215, 215, 0.4);
  padding: 0;
}

.admin-bar header#site-header {
  top: var(--admin-bar);
}

/*header efekt*/

.slideUp {
  -webkit-transform: translateY(-165px);
  transform: translateY(-165px);
  transition: transform 0.5s ease-out;
}

.slideDown {
  transition: transform 0.5s ease-out;
}

/*obecné styly pro menu*/
.nav-menu {
  display: flex;
  gap: 24px;
}

#top .nav-menu > li > a,
.nav-menu ul li > a {
  color: black;
  font-size: 14px;
  padding: 16px 0;
  font-weight: 600;
  text-decoration: none;
  position: relative;
}

.menu-item-has-children > a::after {
  content: "\f347";
  font-family: dashicons;
  margin-left: 4px;
  font-size: 10px;
}

#top .header-navigation-wrapper .sub-menu {
  background-color: #fff;
  border: 2px solid #f5f5f5;
  box-shadow: 0px 72px 88px 0px rgba(49, 49, 49, 0.5);
  padding: 12px;
  border-radius: calc(0.2597402597vw + 2.5038961039px);
}

/*--------------------------------------------------------------------HEADER TOP*/
.header-top {
  display: flex;
  align-items: center;
  padding: 28px 0 12px 0;
}

/*--------------------------------------------------LOGO*/
.site-logo img {
  max-height: 56px;
}

/*--------------------------------------------------SEARCH*/

.header-search-wrapper {
  position: relative;
}

.search-widget {
  z-index: 2;
  position: relative;
}

.wp-block-search__inside-wrapper {
  position: relative;
}

.wp-block-search .wp-block-search__input {
  border-radius: 999px;
  padding: 12px 12px 12px 48px;
  line-height: 20px;
}

#top .wp-block-search__button {
  background: black;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 8px;
  top: 7px;
  font-size: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

/*livesearch*/
.live-search {
  position: absolute;
  bottom: auto;
  width: calc(100% + 16px);
  left: -8px;
  right: -8px;
  top: -8px;
  padding-top: 88px;
  background-color: #fff;
  border-radius: 32px;
  box-shadow: 0px 4px 80px 0px rgba(0, 0, 0, 0.25);
  z-index: unset;
  opacity: 0;
  visibility: hidden;
  z-index: -9999;
}

.live-search.searching {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.live-search-results {
  padding: 0px 16px 16px;
  overflow-y: auto;
  max-height: -webkit-calc(90dvh - 160px);
  max-height: calc(90dvh - 160px);
}

.live-search-results a {
  align-items: center;
  padding-bottom: 14px;
  border-bottom: 2px solid rgba(213, 215, 215, 0.4);
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  font-weight: 500;
}

.live-search-results .img-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  border-radius: calc(0vw + 12px);
  min-width: calc(0vw + 55px);
  height: calc(0vw + 55px);
  background-color: #f1f2fa;
  overflow: hidden;
}

.live-search-results .img-box img {
  max-width: 35px;
  height: auto;
  mix-blend-mode: multiply;
  object-fit: contain;
}
.live-search-results .price {
  text-wrap: nowrap;
  font-weight: 500;
}
@media (min-width: 1346px) {
  .header-product-list.com .product-list-item .left-side .img-box {
    height: 55px;
    min-width: 55px;
    border-radius: 12px;
  }
}

/*--------------------------------------------------SHOP NAVIGATION*/
.header-shop-navigation-wrapper {
  margin-left: auto;
}

#top .shop-menu > li > a::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid rgba(213, 215, 215, 0.4);
  position: absolute;
  left: -12px;
  top: 6px;
  z-index: -1;
}

#top .shop-menu > li > a::before {
  margin-right: 16px;
}

#top .shop-menu .user a::before {
  mask-position: 0 -96px;
  -webkit-mask-position: 0 -96px;
}

/*minicart*/
li.cart {
  position: relative;
}

.cart-count {
  background-color: #004164;
  color: white;
  font-size: 9px;
  border-radius: 50%;
  letter-spacing: -0.45px;
  padding: 0 4px;
  min-width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 4px;
  left: 16px;
  text-align: center;
}

.header-minicart {
  background-color: #fff;
  margin: 0;
  padding: 24px;
  border: 2px solid #f5f5f5;
  box-shadow: 0px 64px 96px -20px rgba(49, 49, 49, 0.5);
  border-radius: 12px;
  letter-spacing: -0.02em;
  position: absolute;
  top: calc(100% + 16px);
  right: 0;
  z-index: 333;
  min-width: 424px;
  width: max-content;
  opacity: 0;
  visibility: hidden;
}

.header-minicart::before {
  content: "";
  display: block;
  width: 100%;
  height: 16px;
  position: absolute;
  top: -16px;
  left: 0;
}

.cart:hover .header-minicart {
  opacity: 1;
  visibility: visible;
}

#top .mini_cart_item {
  margin-bottom: 16px;
}

.mini-cart-product,
.mini-cart-row {
  display: flex;
  gap: 16px;
}

.mini-cart-row .thumb-wrapper {
  background-color: #f1f2fa;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#top .mini-cart-row img {
  width: 30px;
  height: 30px;
  float: left;
  object-fit: cover;
  object-position: center;
}

#top .mini-cart-title {
  font-weight: 600;
}

.mini-cart-price {
  padding-right: 36px;
}

.header-minicart .remove_from_cart_button {
  position: absolute;
  right: 24px;
}

.header-minicart .button {
  width: 100%;
}

/*--------------------------------------------------TOPBAR*/

/*--------------------MEGAMENU*/
#top .primary-menu li.has-mega-menu {
  position: unset;
}
.primary-menu ul a {
  color: black;
}

.mega-menu {
  display: grid;
  grid-template-columns: 39% 1fr;
  gap: 12px;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 64px 96px -20px rgba(21, 17, 47, 0.4);
  border-radius: 12px;
  padding: calc(4.5197740113vw + -28.8361581921px);
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  left: 0;
}

.header-navigation-wrapper .has-mega-menu:hover > .mega-menu {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}

.mega-left img {
  border-radius: 12px;
}

#top .mega-items {
  position: relative;
  opacity: 1;
  visibility: visible;
  right: unset;
  transform: none;
  top: unset;
  background: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  width: 100%;
  padding: 0;
}

#top .mega-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 28px;
  border: 2px solid rgba(229, 232, 239, 0.8);
  border-radius: 4px;
  padding-block: 4px;
  padding-left: calc(1.1299435028vw + 4.790960452px);
  padding-right: calc(0.5649717514vw + 0.395480226px);
  text-transform: uppercase;
}

span.mega-image {
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
}

#top .header-navigation-wrapper .has-mega-menu > .sub-menu {
  display: none;
}

#top .mega-item.fullrow {
  grid-column: span 3;
  margin-top: 12px;
}

#top .mega-item.fullrow a {
  background-color: rgba(60, 122, 194, 0.16);
  border-color: rgba(0, 0, 0, 0);
  justify-content: center;
  gap: 8px;
}

#top .mega-item.fullrow a::after {
  content: "\f344";
  font-family: dashicons;
}

#top .mega-item.fullrow .mega-image {
  width: 0;
}

@media (min-width: 1346px) {
  .mega-menu {
    width: 1346px;
    padding: 32px;
  }
}

/*--------------------------------------------------------------------HEADER BOTTOM*/
.header-navigation-wrapper {
  justify-content: space-between;
}

#top .header-bottom .nav-menu > li > a {
  font-size: 13px;
}

#top .secondary-menu-wrapper .nav-menu > li > a {
  color: #868687;
}

/*--------------------------------------------------PRIMARY MENU*/
.primary-menu-wrapper {
  width: auto;
  position: relative;
}
.primary-menu li.icon {
  height: unset;
  transform: none;
  width: unset;
  position: unset;
  pointer-events: auto;
}
#top .primary-menu li.icon.hot a::before {
  width: 12px;
  height: 12px;
  mask-size: 12px;
  -webkit-mask-size: 12px;
  mask-position: 0 -120px;
  -webkit-mask-position: 0 -120px;
  color: #f1351c;
  position: relative;
  top: -3px;
  margin-right: 12px;
}
#top .primary-menu li.icon.hot a::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #feefedff;
  border-radius: 100%;
  top: 14px;
  left: -4px;
  z-index: -1;
}
/*--------------------------------------------------BURGERMENU*/
body:not(.enable-search-modal) .header-titles-wrapper {
  justify-content: space-between;
  padding: 0;
}

.header-inner .toggle {
  position: relative;
}

.nav-toggle .toggle-inner {
  padding-top: 0;
  display: flex;
  flex-direction: column;
}

button.toggle.close-nav-toggle.fill-children-current-color {
  outline: none !important;
}

.toggle-icon {
  background: black;
}

.toggle-icon svg.svg-icon path,
.toggle-text {
  display: none;
}

.toggle-icon::before,
.toggle-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  display: block;
  background: black;
  position: absolute;
  transform-origin: center;
}

.toggle-icon::before {
  top: 4px;
}

.toggle-icon::after {
  bottom: 4px;
  right: 0;
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
  height: 2px;
  width: 24px;
}

#top .toggle.active .toggle-icon {
  background: transparent;
}

.toggle.active .toggle-icon::before {
  transform: rotate(-45deg);
  top: 12px;
}

.toggle.active .toggle-icon::after {
  transform: rotate(45deg);
  bottom: unset;
  top: 12px;
}

/*modal*/
button.sub-menu-toggle,
.modal-menu > li:last-child,
.modal-menu li {
  border: none;
}

.menu-modal.active {
  background: white;
  margin-top: var(--header);
}

.menu-modal-inner {
  margin: 0 auto;
  box-shadow: none;
  max-width: 992px;
  width: 100%;
}

#top .modal-menu:not(.secondary-menu) li {
  border-top: 1.5px solid #e5e8ef;
}

.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
  padding: 19.25px 12px;
  padding-left: 64px;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  color: black;
  font-weight: 600;
}

#top .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg {
  height: 10px;
  width: 12px;
}

.menu-modal .secondary-menu-wrapper {
  margin-top: 24px;
}

.secondary-menu > li > a,
.secondary-menu > li > .ancestor-wrapper > a {
  color: #98999c;
}

/*----------------------------------------------------------------------------------------------------MAIN CONTENT - SHOP*/
/*--------------------------------------------------PRODUCT ARCHIVE*/

.woocommerce-products-header {
  margin-bottom: 44px;
  position: relative;
  background-color: rgba(75, 27, 87, 0.08);
  border-radius: 12px;
}

.woocommerce-products-header {
  padding-left: calc(3.1168831169vw + 6.0467532468px);
  padding-right: calc(3.1168831169vw + 6.0467532468px);
  padding-top: calc(3.5064935065vw + 0.8025974026px);
  padding-bottom: calc(3.5064935065vw + 0.8025974026px);
}
.woocommerce-products-header > * {
  width: 100%;
}
#top .woocommerce-products-header h1 {
  color: #47164d;
  margin-bottom: calc(4.1558441558vw + -7.9376623377px);
  text-align: left;
  margin-left: 0;
  font-weight: 700;
}

.woocommerce-products-header p {
  color: #000;
  letter-spacing: -0.32px;
  font-size: calc(0.2597402597vw + 12.5038961039px);
  line-height: calc(1.5584415584vw + 11.0233766234px);
}

.woocommerce-products-header .category-header-image {
  position: absolute;
}

.woocommerce-products-header .category-header-image::before {
  content: none;
  display: block;
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(
    180deg,
    rgba(241, 237, 242, 0) 17.19%,
    #f1edf2 100%
  );
}

.woocommerce-products-header .category-header-image img {
  height: 100%;
  width: auto;
  object-fit: contain;
  object-position: bottom;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

/* --- min-width: 1346px (desktop) --- */
@media (min-width: 1346px) {
  .woocommerce-products-header {
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  #top .woocommerce-products-header h1 {
    margin-bottom: 48px;
  }

  .woocommerce-products-header p {
    font-size: 16px;
    line-height: 32px;
  }
}

/* --- min-width: 992px --- */
@media (min-width: 992px) {
  .woocommerce-products-header > * {
    width: 58.33333333%;
  }
  .woocommerce-products-header .category-header-image {
    height: calc(100% + 32px);
    max-width: unset;
  }
}

/* --- min-width: 768px (tablet landscape+) --- */
@media (min-width: 768px) {
  .woocommerce-products-header {
    margin-bottom: 24px;
  }

  .woocommerce-products-header .category-header-image {
    bottom: 0;
    right: 0;
    width: auto;
    height: calc(100% + 24px);
    max-width: 50%;
  }
  .woocommerce-products-header > * {
    width: 50%;
  }
}

/* --- min-width: 576px and max-width: 767.98px (tablet portrait) --- */
@media (min-width: 576px) and (max-width: 767.98px) {
  .woocommerce-products-header {
    padding-top: 232px;
  }

  .woocommerce-products-header .category-header-image {
    height: 250px;
  }
}

/* --- max-width: 767.98px --- */
@media (max-width: 767.98px) {
  .woocommerce-products-header .category-header-image {
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: -18px;
  }

  .woocommerce-products-header .category-header-image::before {
    content: "" !important;
  }
}

/* --- max-width: 576px --- */
@media (max-width: 576px) {
  .woocommerce-products-header {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  #top .woocommerce-products-header h1 {
    margin-bottom: 16px;
  }

  .woocommerce-products-header p {
    font-size: 14px;
    line-height: 20px;
  }
}

/* --- max-width: 575.98px (mobil) --- */
@media (max-width: 575.98px) {
  .woocommerce-products-header {
    padding-top: 167px;
  }

  .woocommerce-products-header .category-header-image {
    height: 185px;
  }
}

#top ul.products {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.7792207792vw + 5.5116883117px);
}

#top ul.products .product {
  width: 100%;
  margin: 0;
  padding: 0;
}

#top .products .product.promo-product {
  grid-column: span 2;
}

.card-product {
  display: flex;
  text-decoration: none;
  background-color: #f5f5f5;
  border: 0 none;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 100%;
  border-radius: 12px;
  will-change: box-shadow, transform;
  height: calc(24.4155844156vw + 139.3662337662px);
}

.promo-product .card-product {
  position: relative;
  overflow: hidden;
}

.card-product:hover {
  background-color: #fff;
}

.card-product:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 12px;
  box-shadow: 0px 64px 64px 0px rgba(209, 209, 209, 0.4);
  transition: all 0.2s ease-in-out;
  opacity: 0;
}

.card-product:hover:before {
  opacity: 1;
}

.card-product .card-product-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.card-product .card-img-top {
  flex-grow: 1;
  display: flex;
  position: relative;
  justify-content: center;
  padding: calc(1.038961039vw + 14.0155844156px);
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}

.promo-product .card-product .card-img-top {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin-bottom: 0 !important;
}

.card-product .card-img-top picture {
  width: 100%;
  height: 100%;
}

.card-product .card-img-top img {
  transition: all 0.2s ease-in-out;
  mix-blend-mode: multiply;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.promo-product .card-product .card-img-top img,
.promo-product .card-product .card-img-top video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.45s ease-in-out;
}

.promo-product .card-product:hover .card-img-top img {
  height: 100%;
  transform: scale(1.09);
}

.card-product .card-body {
  padding-left: calc(0.5194805195vw + 17.0077922078px);
  padding-right: calc(0.5194805195vw + 17.0077922078px);
  padding-top: calc(0vw + 0px);
  padding-bottom: calc(0.5194805195vw + 17.0077922078px);
  flex-grow: 0;
  transition: all 0.2s ease-in-out;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  z-index: 1;
}

.promo-product .card-product .card-body {
  position: relative;
  z-index: 1;
  transition: all 0.45s ease-in-out;
  padding-top: calc(0.5194805195vw + 17.0077922078px);
}

.card-product .card-body .card-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.promo-product .card-product .card-body .card-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(0.5194805195vw + 9.0077922078px);
}

.card-product .card-body .card-title {
  font-size: calc(0.1298701299vw + 13.2519480519px);
  line-height: calc(0.5194805195vw + 13.0077922078px);
  overflow: hidden;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
  color: #18181b;
  transition: all 0.1s ease-in-out;
}

.promo-product .card-product .card-body .card-title {
  color: #fff;
  letter-spacing: -0.84px;
  font-weight: 700;
  max-width: 88%;
  font-size: calc(1.038961039vw + 22.0155844156px);
  line-height: calc(1.038961039vw + 30.0155844156px);
}

.card-product .card-body .card-price {
  font-size: calc(0.1298701299vw + 12.2519480519px);
  line-height: calc(0.5194805195vw + 13.0077922078px);
  color: #000;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  transition: all 0.1s ease-in-out;
}

.promo-product .card-product .card-body .card-price {
  padding: 8px 11px;
  background-color: #fff;
  border-radius: 100px;
}

.card-price del {
  font-size: 12px;
  opacity: 0.6;
  margin-right: 4px;
}

.card-product .card-body .card-body-bottom {
  transition: all 0.2s ease-in-out;
  padding-top: calc(0.5194805195vw + 17.0077922078px);
  margin-bottom: calc(-1.8181818182vw + -47.5272727273px);
}

#top .products .product .button {
  background: none;
  color: black;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

#top .products .promo-product .button {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}

@media (max-width: 400px) {
  .card-product {
    height: 260px;
  }
}

@media (max-width: 576px) {
  .card-product {
    height: 280px;
  }

  .card-product .card-body {
    padding-top: 0px;
  }

  .card-product .card-body .card-title {
    line-height: 16px;
    font-size: 14px;
  }

  .card-product .card-body .card-price {
    line-height: 16px;
    font-size: 13px;
  }
}

@media (min-width: 576px) {
  #top ul.products {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 10px;
  }
}

@media (min-width: 768px) {
  .card-product .card-body .card-text {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
  }

  .card-product .card-body .card-title {
    min-height: calc(1.038961039vw + 26.0155844156px);
  }
}

@media (min-width: 768px) and (min-width: 1346px) {
  .card-product .card-body .card-title {
    min-height: 40px;
  }
}

@media (min-width: 992px) {
  #top ul.products {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1346px) {
  .card-product {
    height: 468px;
  }

  .card-product .card-body {
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 24px;
    padding-top: 0px;
  }

  .promo-product .card-product .card-body {
    padding-top: 24px;
  }

  .card-product .card-body .card-title {
    line-height: 20px;
    font-size: 15px;
  }

  .promo-product .card-product .card-body .card-title {
    font-size: 36px;
    line-height: 44px;
  }

  .card-product .card-body .card-price {
    line-height: 20px;
    font-size: 14px;
  }

  .card-product .card-body .card-body-bottom {
    margin-bottom: -72px;
    padding-top: 24px;
  }

  .card-product:hover .card-body-bottom {
    padding-bottom: 72px;
  }

  .promo-product .card-product .card-body .card-text {
    gap: 16px;
  }
}

/*štítky*/
.card-product-tags {
  position: absolute;
  left: 16px;
  top: 16px;
}

#top .tag {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  line-height: normal;
  margin-right: 10px;
  padding: 6.5px 16px;
  border-radius: 100px;
  letter-spacing: calc(0.0818181818vw + -0.6212727273px);
  font-size: calc(0.2597402597vw + 8.5038961039px);
  padding-inline: calc(0.7792207792vw + 5.5116883117px);
  padding-block: calc(0.2597402597vw + 2.5038961039px);
}

.tag-orange {
  background-color: #feefed;
  color: #f1351c;
}

.tag-pink {
  background-color: #faf0f3;
  color: #bb274e;
}

.tag-yellow {
  background-color: #f7f0e1;
  color: #f0a000;
}

.tag-light-green {
  background-color: #ebf2ee;
  color: #097839;
}

.tag-green {
  background-color: #eef2f1;
  color: #2e6256;
}

.tag-teak {
  background-color: #ecf8f8;
  color: #32696e;
}

.tag-blue {
  background-color: #eef9fc;
  color: #2eb8dc;
}

.tag-grey {
  background-color: #f1ecee;
  color: #544d4f;
}

/* ==========================================================================
   Responsive (min-width: ascending; max-width: descending for cascade)
   ========================================================================== */

@media (max-width: 576px) {
  .card-product {
    height: 280px;
  }

  .card-product.card-promo .card-body {
    padding-top: 20px;
  }

  .card-product.card-promo .card-body .card-text {
    gap: 12px;
  }

  .card-product.card-promo .card-body .card-title {
    font-size: 28px;
    line-height: 36px;
  }

  .card-product .card-img-top {
    padding: 20px;
  }

  .card-product .card-product-tags {
    top: 10px;
    left: 10px;
  }

  .card-product .card-body {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }

  .card-product .card-body .card-title {
    font-size: 14px;
    line-height: 16px;
  }

  .card-product .card-body .card-prize {
    font-size: 13px;
    line-height: 16px;
  }

  .card-product .card-body .card-body-bottom {
    padding-top: 20px;
    margin-bottom: -58px;
  }

  .card-product:hover .card-body-bottom {
    padding-bottom: 58px;
  }
}

@media (max-width: 400px) {
  .card-product {
    height: 260px;
  }

  .card-product.card-promo .card-body {
    padding-top: 16px;
  }

  .card-product .card-img-top {
    padding: 16px;
  }

  .card-product .card-body {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }

  .card-product .card-body .card-body-bottom {
    padding-top: 16px;
    margin-bottom: -56px;
  }

  .card-product:hover .card-body-bottom {
    padding-bottom: 56px;
  }
}

@media (max-width: 575.98px) {
  .card-product:hover .card-body-bottom {
    padding-top: 6px;
  }

  .swiper-product-cards.com .card-product {
    max-width: 170px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .card-product:hover .card-body-bottom {
    padding-top: 8px;
  }
}

@media (max-width: 767.98px) {
  .card-product .card-img-top {
    margin-bottom: -15px;
  }
}

@media (min-width: 768px) {
  .card-product .card-body .card-text {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
  }

  .card-product .card-body .card-title {
    min-height: calc(1.038961039vw + 26.0155844156px);
  }
}

@media (min-width: 1346px) {
  .card-product {
    height: 468px;
  }

  .card-product.card-promo .card-body {
    padding-top: 24px;
  }

  .card-product.card-promo .card-body .card-text {
    gap: 16px;
  }

  .card-product.card-promo .card-body .card-title {
    font-size: 36px;
    line-height: 44px;
  }

  .card-product .card-img-top {
    padding: 28px;
  }

  .card-product .card-product-tags {
    top: 16px;
    left: 16px;
  }

  .card-product .card-body {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
  }

  .card-product .card-body .card-title {
    font-size: 15px;
    line-height: 20px;
    min-height: 40px;
  }

  .card-product .card-body .card-prize {
    font-size: 14px;
    line-height: 20px;
  }

  .card-product .card-body .card-body-bottom {
    padding-top: 24px;
    margin-bottom: -72px;
  }

  .card-product:hover .card-body-bottom {
    padding-bottom: 72px;
  }
}

/*--------------------------------------------------PODKATEGORIE*/
.category-carousel {
  margin: 16px auto;
}
.category-carousel .slick-track {
  margin-left: 0;
}
.category-item {
  padding: 10px 0;
  text-align: center;
}

.category-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.category-item img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.category-item h3 {
  display: block;
  color: #000;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: normal;
  padding: 0 10px;
  font-weight: 600;
  margin-top: 8px;
}

.category-carousel .slick-prev,
.category-carousel .slick-next {
  width: auto;
  height: auto;

  top: 46px;
  border-radius: 100%;
  border: 2px solid transparent;
}

.category-carousel .slick-prev:before,
.category-carousel .slick-next:before {
  background: none;
  font-family: dashicons;
  opacity: 1;
  color: black;
}

.category-carousel .slick-prev {
  left: -96px;
}

.category-carousel .slick-prev:before {
  content: "\f341";
}

.category-carousel .slick-next {
  right: -96px;
}

.category-carousel .slick-next:before {
  content: "\f345";
  margin-right: -5px;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: normal;
}

.category-carousel .slick-arrow:not(.slick-disabled):hover {
  background: none;
  border-color: black;
}

.category-carousel .slick-arrow:not(.slick-disabled):hover:before {
  color: black;
}

/*--------------------------------------------------SINGLE PRODUCT*/
.single-product div.product {
  display: grid;
  grid-template-columns: 60% minmax(0, 1fr);
  gap: 40px;
}

.single-product div.product > * {
  width: 100% !important;
  max-width: unset;
  float: unset !important;
}
.single-product .entry-title {
  margin-bottom: calc(2.0779220779vw + -3.9688311688px);
}
.woocommerce-product-gallery .flex-viewport {
  background-color: #f5f5f5;
  border-radius: 12px;
}

/* DESCRIPTION */
.dg-product-excerpt-wrap {
  width: 100%;
  margin-top: 32px;
}

.dg-product-excerpt {
  max-height: 80px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.dg-product-excerpt.is-open {
  max-height: 2000px;
}
.dg-product-excerpt > * {
  font-size: 15px;
  line-height: 20px;
}
.dg-product-excerpt__toggle {
  background: none;
  color: #097839;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.single-product .summary p.price {
  font-size: calc(1.2987012987vw + 18.5194805195px);
  letter-spacing: -1.44px;
  font-weight: 700;
  margin-top: calc(1.5584415584vw + 3.0233766234px);
}
#top table.variations td,
#top table.variations th {
  padding: 0;
  border: none;
}
.dg-size-table-trigger {
    background-color: #ebf2ee;
    border-color: #ebf2ee;
    color: #097839;
    width: 100%;
    text-align: left;
}
table.variations label {
  font-weight: 600;
}
table.variations label::after {
  content: ":";
}
td.value select {
  width: 100%;
}
@media (min-width: 1346px) {
  .single-product .entry-title {
    margin-bottom: 24px;
  }
  .single-product .summary p.price {
    font-size: 36px;
  }
}
/*----------------------------------------------------------------------------------------------------MAIN CONTENT - BLOG*/
/*--------------------------------------------------SINGLE POST*/

#top .pagination-single {
  width: 100%;
  padding: 20px 0;
  font-size: 16px;
  border-top: 1px solid var(--neutral-10);
  margin-top: 40px;
}

/*----------------------------------------------------------------------------------------------------MAIN CONTENT - PAGE*/

/*--------------------------------------------------TITLE*/

/*--------------------BREADCRUMBY*/
#breadcrumbs {
  padding: 48px 0 24px;
  font-size: calc(0.1298701299vw + 11.2519480519px);
  line-height: calc(0vw + 16px);
  color: #8a8b9d;
}
#breadcrumbs > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#breadcrumbs a {
  color: black;
}

#breadcrumbs .icon.home a span {
  font-size: 0;
}

#breadcrumbs span.current-item {
  max-width: 180px;
  margin-bottom: -4px;
}
@media (min-width: 1346px) {
  #breadcrumbs {
    line-height: 16px;
    font-size: 13px;
  }
  .breadcrumb-inner > span {
    max-width: 254px;
  }
}
/*--------------------------------------------------SIDEBAR*/
/*---------------------------------------------------------------------NAVIGACE TEMPLATE*/
.page-template-with_navigation #breadcrumbs {
  padding-bottom: 0;
}
.page-template-with_navigation #site-content {
  padding-top: 20px;
}
.page-template-with_navigation .entry-header {
  padding: 64px 0 34px;
  background: none;
}
.page-template-with_navigation .entry-header-inner {
  width: 100%;
}
@media (min-width: 768px) {
  .page-inner {
    display: grid;
    grid-template-columns: 25% 1fr;
    gap: calc(8.3044982699vw + -63.7785467128px);
  }
  .page-template-with_navigation .entry-header {
    padding: 0 0 54px;
  }
}
/*--------------------------------------------------NAVIGACE*/
.white-box {
  box-shadow:
    0px 24px 48px 0px rgba(47, 34, 34, 0.08),
    0px 1px 4px 0px rgba(0, 0, 0, 0.08);
  padding: calc(2.4221453287vw + -8.6020761246px);
  border-radius: calc(0.5194805195vw + 5.0077922078px);
}
.white-box .menu-item a {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 500;
  border-radius: 4px;
  padding-block: calc(0.5194805195vw + 9.0077922078px);
  padding-inline: calc(0.5194805195vw + 9.0077922078px);
  font-size: calc(0.1298701299vw + 13.2519480519px);
  line-height: calc(0.5194805195vw + 13.0077922078px);
}
.white-box .menu-item a:hover {
  color: #98999c;
}
.white-box .menu-item.current-menu-item a {
  font-weight: 700;
}
@media (min-width: 1346px) {
  .white-box {
    border-radius: 12px;
    padding: 24px;
  }
  .white-box .menu-item a {
    padding-inline: 16px;
    padding-block: 16px;
  }
}

/*----------------------------------------------------------------------------------------------------FOOTER*/
aside.footer-widgets-outer-wrapper {
  padding: 48px 0;
  border: none;
}

.footer-widgets-outer-wrapper .wp-block-heading {
  font-size: 16px;
  text-transform: none;
}

/*--------------------------------------------------SOCKET*/
footer#site-footer {
  background: #f2f2f2;
  color: #18181b;
  font-size: 13px;
  font-weight: 600;
  padding: 28px 0;
}

/*----------------------------------------------------------------------------------------------------RESPONZE*/
/*malé notebooky*/
@media (max-width: 1000px) {
}

/*tablety*/
@media (max-width: 782px) {
  :root {
    --admin-bar: 46px;
  }
}

/*mobily*/
@media (max-width: 500px) {
}

/*--------------------------------------------------ÚPRAVA ZMĚNY ZOBRAZENÍ HEADERU Z 1000PX NA 1346PX*/
@media (min-width: 1346px) {
  .mobile-nav-toggle {
    display: none !important;
  }

  .wp-block-search .wp-block-search__input {
    min-width: 424px;
  }

  h1,
  .h1,
  .woocommerce-products-header__title.page-title {
    font-size: 68px;
    line-height: 72px;
  }

  .woocommerce-products-header__title.page-title {
    margin-bottom: 48px;
  }

  .term-description p {
    line-height: 32px;
    font-size: 16px;
  }
}

@media (max-width: 1346px) {
  :root {
    --header: 97.6px;
  }

  #top .mobile-nav-toggle {
    display: flex !important;
    height: unset;
    padding: 0;
    width: 24px;
    right: 0;
  }

  .nav-menu {
    gap: 40px;
  }

  .header-navigation-wrapper {
    display: none;
  }

  .mobile-menu {
    display: block;
  }

  .header-inner {
    border: none;
  }

  .header-top {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  .header-search-wrapper:not(.mobile) {
    display: none;
  }
}

@media (min-width: 768px) {
  .header-search-wrapper.mobile {
    display: none;
  }
}

@media (max-width: 576px) {
  .term-description p {
    font-size: 14px;
    line-height: 20px;
  }

  #top .shop-menu > li > a {
    font-size: 0;
    padding: 0;
  }

  #top .shop-menu > li > a::after {
    bottom: -16px;
    top: unset;
  }

  .cart-count {
    top: unset;
    bottom: 8px;
  }

  .nav-menu {
    gap: 20px;
  }

  .header-top {
    gap: 12px;
  }

  .site-logo img {
    max-height: 44px;
  }

  h2,
  .heading-size-2 {
    font-size: 36px;
  }
}