body {
  padding-top: 12.0625em;
}
body.mys-content-1200 main.mys-main-1000 {
  max-width: calc(1000px - 2 * var(--desktop-x-padding));
}

@media (max-width: 991px) {
  body {
    padding-top: 7.375em;
    padding-bottom: 4.5em;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 6.375em;
  }
}
.mys-head {
  background: -webkit-gradient(linear, left top, right top, from(var(--primary-color-lighter-15)), to(var(--primary-color))) no-repeat, var(--secondary-color);
  background: linear-gradient(to right, var(--primary-color-lighter-15), var(--primary-color)) no-repeat, var(--secondary-color);
  background-size: 100% 4px, auto;
  background-position: 0 100%, 0;
}
.mys-head.mys-head-sticky {
  position: fixed;
  inset: 0 0 auto;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-head.mys-head-sticky.mys-head-sticky-on {
  -webkit-transform: translateY(-8.25em);
          transform: translateY(-8.25em);
}
.mys-head .mys-head-cols {
  gap: 1em;
}
.mys-head .mys-top .top-link {
  font-size: 0.8em;
}
.mys-head .mys-bot .mys-col {
  padding-bottom: 1.25em;
}

@media (min-width: 992px) {
  .mys-head .mys-col.col-menu-trigger {
    display: none;
  }
}
@media (max-width: 991px) {
  .mys-head .mys-col.col-right .top-link {
    display: none;
  }
  .mys-head .mys-mid .mys-col {
    padding-top: 0;
  }
  .mys-head .mys-bot .mys-col {
    padding: 0;
  }
  .mys-head.mys-head-sticky.mys-head-sticky-on {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 767px) {
  * {
    --logo-width: 140px;
  }
}
.mys-foot .mys-mid {
  background-position: 0 0, 0.75em top, calc(100% - 0.75em) top, 0;
}
.mys-foot .mys-mid .mys-fslv {
  -ms-grid-columns: 16em 1fr 20em;
  grid-template-columns: 16em 1fr 20em;
}
.mys-foot .mys-bot {
  background-repeat: no-repeat, repeat;
  padding-top: 0.375em;
}
.mys-foot .mys-bot .mys-fslv {
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}
.mys-foot .mys-bot .mys-fslv .col-copy .myoffice {
  font-weight: bold;
  color: transparent !important;
  background: url(/assets/img/myoffice-gray.svg) no-repeat center;
  background-size: contain;
  display: inline-block;
  text-decoration: none;
  width: 6.5em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  aspect-ratio: 89/19;
  margin: 0 0.25em;
}
.mys-foot .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
}
.mys-foot .links .top-link .mys-ico-label {
  color: var(--white-color-80);
}
.mys-foot .social {
  display: block;
  font-size: 1.25em;
  margin: 1em 0 0.5em;
}
.mys-foot .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.mys-foot .col-menu nav ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

@media (max-width: 991px) {
  .mys-foot .mys-mid .mys-fslv {
    -ms-grid-columns: 12em 1fr 18em;
    grid-template-columns: 12em 1fr 18em;
  }
}
@media (max-width: 767px) {
  .mys-foot .mys-mid .mys-fslv {
    -ms-grid-columns: 12em 1fr;
    grid-template-columns: 12em 1fr;
  }
  .mys-foot .mys-mid .mys-fslv .mys-col.col-menu {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/span 2;
  }
  .mys-foot .mys-bot .mys-fslv {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-foot .mys-bot .mys-fslv .mys-col.col-copy {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
  .mys-foot .mys-bot .mys-fslv .mys-col.col-logo-cards .logo-cards {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mys-foot .col-menu nav ul {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .mys-foot .mys-mid .mys-fslv {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-foot .mys-mid .mys-fslv .mys-col.col-menu {
    grid-column: unset;
  }
  .mys-foot .col-menu nav ul {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.logo-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.logo-cards .single-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--theme-color-5);
  border-radius: var(--b-radius-sm);
  border: 1px solid transparent;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.logo-cards .single-card img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  mix-blend-mode: multiply;
}
.logo-cards a.single-card:hover {
  border-color: var(--theme-color-50);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.mys-cookies .mys-cookies-slv {
  max-width: calc(1000px - 2 * var(--desktop-x-padding));
}
.mys-cookies p {
  font-size: 0.85em;
}

.mys-menu > nav > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25em 0.5em;
}
.mys-menu > nav > ul > li > a i {
  font-weight: normal;
  line-height: 1;
  font-size: 1.5em;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-menu > nav > ul > li:before {
  display: none;
}
.mys-menu > nav > ul > li:after {
  color: var(--menu-active-marker-bg);
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(0);
          transform: translateX(-50%) scaleX(0);
  bottom: 2px;
}
.mys-menu > nav > ul > li:hover i {
  -webkit-transform: translateY(-3px) scale(1.1);
          transform: translateY(-3px) scale(1.1);
}
.mys-menu > nav > ul > li:hover:after {
  opacity: 1;
  -webkit-transform: translateX(-50%) scaleX(1);
          transform: translateX(-50%) scaleX(1);
}

@media (min-width: 992px) {
  .mys-menu > nav > ul > li > a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 1099px) {
  * {
    --menu-item-gap: 1.5em;
  }
}
@media (min-width: 992px) and (hover: hover) {
  .mys-menu > nav > ul:has(li:hover) > li:not(:hover) > a {
    opacity: 0.5;
  }
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li > a:before {
  font-family: konoba32;
  display: block;
  font-size: 1.75em;
  line-height: 1;
  opacity: 0.6;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  -webkit-transform-origin: 25% 100%;
          transform-origin: 25% 100%;
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li[data-name=sve] a:before {
  content: "\ea12";
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li[data-name=pizze] a:before {
  content: "\e944";
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li[data-name=rostilj] a:before {
  content: "\e90c";
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li[data-name=specijaliteti] a:before {
  content: "\e9e5";
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li[data-name=kuvana-jela] a:before {
  content: "\ea0d";
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li[data-name=deserti] a:before {
  content: "\e93f";
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li[data-name=prilozi] a:before {
  content: "\e9f3";
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li[data-name=salate] a:before {
  content: "\e975";
}
.mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul.list-product-menu > li[data-name=pica] a:before {
  content: "\e9e1";
}

@media (min-width: 992px) {
  .mys-mob-trigger .mob-trigger {
    display: none;
  }
  .mys-product-menu-holder .mys-product-trigger .open-menu,
  .mys-product-menu-holder .mys-product-trigger h3,
  .mys-product-menu-holder .mys-product-trigger .list-main-menu {
    display: none !important;
  }
  .mys-product-menu-holder .mys-product-trigger .mys-shop-logo {
    display: none;
  }
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu {
    opacity: 1;
    pointer-events: initial;
    -webkit-transform: none;
            transform: none;
    position: unset;
    inset: unset;
    min-width: unset;
  }
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder {
    background: none;
    color: var(--white-color);
    width: unset;
    border-radius: unset;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    margin: unset;
    padding: unset;
    height: unset;
    max-height: unset;
  }
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller {
    overflow: visible;
    padding-right: 0;
  }
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2em;
  }
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > a {
    background: none;
    font-size: 15px;
    font-weight: normal;
    padding: 0;
    color: var(--white-color);
    position: relative;
    isolation: isolate;
  }
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > a:after {
    content: "";
    display: block;
    width: 3em;
    aspect-ratio: 1/1;
    z-index: -1;
    background: var(--secondary-color-darker-10);
    position: absolute;
    inset: 50% auto auto 0;
    -webkit-transform: translate(-0.5em, -50%) scale(0.5);
            transform: translate(-0.5em, -50%) scale(0.5);
    border-radius: 50%;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: 0;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li:hover > a:before {
    opacity: 1;
    -webkit-transform: scale(1.1) rotate(-10deg);
            transform: scale(1.1) rotate(-10deg);
  }
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li:hover > a:after {
    opacity: 0.75;
    -webkit-transform: translate(-0.5em, -50%) scale(1.125);
            transform: translate(-0.5em, -50%) scale(1.125);
  }
}
@media (max-width: 1099px) {
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller ul {
    gap: 1.5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mys-product-trigger .mys-product-checkbox:checked ~ .mys-product-menu {
    opacity: 1;
    pointer-events: initial;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-product-menu {
    left: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    right: auto;
    min-width: unset;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    isolation: isolate;
  }
  .mys-product-menu:before {
    content: "";
    display: block;
    position: fixed;
    inset: -3em auto auto -3em;
    background: var(--products-menu-backdrop-bg);
    -webkit-backdrop-filter: var(--products-menu-backdrop-filter);
            backdrop-filter: var(--products-menu-backdrop-filter);
    width: 300vw;
    height: 120vh;
    z-index: -1;
  }
  .mys-product-menu .product-menu-holder {
    margin-top: 0;
    width: var(--products-menu-side-content-width);
    max-height: 100dvh;
    height: 100%;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-product-menu .product-menu-holder h3,
  .mys-product-menu .product-menu-holder .product-menu-close {
    display: block;
  }
}
@media (max-width: 991px) {
  .mys-mob-trigger .mob-trigger.trigger-on {
    z-index: unset;
  }
  .mys-product-trigger .open-menu {
    display: none;
  }
  .mys-product-menu .product-menu-holder .mys-shop-logo {
    margin-bottom: 1.75em;
  }
  .mys-product-menu .product-menu-holder h3 {
    font-size: 1.125em;
    margin-bottom: 0.5em;
    color: var(--primary-color);
  }
  .mys-product-menu .product-menu-holder .list-product-menu {
    margin-bottom: 1.75em;
  }
  .mys-product-menu .product-menu-holder .list-product-menu li a {
    gap: 1rem !important;
  }
  .mys-product-menu .product-menu-holder .list-product-menu li a:before {
    font-size: 1.5rem;
  }
  .mys-product-menu .product-menu-holder .list-main-menu li a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem !important;
  }
  .mys-product-menu .product-menu-holder .list-main-menu li a span {
    text-transform: inherit;
    font-weight: inherit;
    color: inherit;
  }
  .mys-product-menu .product-menu-holder .list-main-menu li a i {
    font-size: 1.5rem;
    width: unset;
    height: unset;
  }
  .mys-product-menu .product-menu-holder .list-main-menu li a i.ri-restaurant-line:before {
    content: "\f084";
  }
  .mys-product-menu .product-menu-holder .list-main-menu li a i.ri-goblet-line:before {
    content: "\edd3";
  }
  .mys-product-menu .product-menu-holder .list-main-menu li a i.ri-user-2-line:before {
    content: "\f254";
  }
  .mys-product-menu .product-menu-holder .list-main-menu li a i.ri-information-2-line:before {
    content: "\f449";
  }
  .mys-product-menu .product-menu-holder .list-main-menu li a i.ri-briefcase-5-line:before {
    content: "\eaf3";
  }
  .mys-product-menu .product-menu-holder .list-main-menu li a i.ri-mail-open-line:before {
    content: "\eefa";
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller {
    max-height: calc(100dvh - 7em);
  }
  .mys-product-menu-holder .mys-product-trigger .mys-product-menu .product-menu-holder .product-menu-scroller ul {
    gap: var(--products-menu-lv1-gap);
  }
}
.sidebar .mys-cart {
  width: 100%;
}
.sidebar .mys-cart .wdg-cart {
  width: 100%;
}
.mys-mid .mys-cart .cart-trigger {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-cart .cart-trigger .cart-icon {
  position: relative;
}
.mys-cart .cart-trigger .cart-icon:before {
  content: attr(data-cart-items);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.25em 0.5em;
  border-radius: var(--b-radius);
  position: absolute;
  inset: -0.5em auto auto -1em;
  font-size: 0.5em;
  background: var(--primary-color);
  color: var(--white-color);
}
.mys-mid .mys-cart .cart-trigger .cart-icon:before {
  inset: -0.5em -1em auto auto;
}
.mys-cart .cart-trigger .cart-text {
  font-size: 0.8em;
}
.mys-mid .mys-cart .cart-trigger .cart-text {
  font-size: 15px;
  text-align: center;
}
.mys-cart .cart-trigger .cart-text .cart-text-desc {
  display: none;
}
.mys-cart .cart-trigger .cart-text .cart-text-price strong {
  font-weight: normal;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-photo {
  mix-blend-mode: multiply;
}
.mys-cart .cart-contents .cart-products .cart-item > a:hover .item-photo img {
  opacity: 0.6;
}

@media (max-width: 991px) {
  .mys-head .mys-cart .cart-trigger {
    display: none;
  }
}
.btn {
  padding: 1.125em 2em !important;
}
.btn.btn-large-w {
  width: 100% !important;
}

.btn-cenovnik-open {
  cursor: pointer;
}

.mys-cart-full .cart-promo-update {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-cart-full .cart-promo-update .update-cart {
  width: 100%;
}
.mys-cart-full .cart-table tbody td .item-thumb:hover img {
  -webkit-transform: none;
          transform: none;
}

.mys-mid .mys-user .user-trigger {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-user .user-trigger .user-label {
  font-size: 0.8em;
}
.mys-mid .mys-user .user-trigger .user-label {
  font-size: 15px;
  text-align: center;
}

@media (max-width: 991px) {
  .mys-head .mys-mid .mys-user .user-trigger {
    display: none;
  }
  .mys-head .mys-user .wdg-user .user-backdrop {
    top: 0;
    height: 100dvh;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mys-head .mys-user .wdg-user .user-contents {
    opacity: 0;
    -webkit-transform: var(--modal-transform-mob-off);
            transform: var(--modal-transform-mob-off);
    -webkit-transition: 300ms ease transform, 300ms ease opacity;
    transition: 300ms ease transform, 300ms ease opacity;
    -webkit-transform-origin: var(--modal-transform-mob-origin);
            transform-origin: var(--modal-transform-mob-origin);
    -webkit-box-shadow: var(--b-shad) var(--user-content-shadow-color);
            box-shadow: var(--b-shad) var(--user-content-shadow-color);
    background: var(--theme-bg);
    color: var(--theme-color);
    padding: 1.5em;
    border-radius: var(--user-content-radius);
    width: 90vw;
    max-height: 90vh;
    max-width: var(--user-content-mobile-max-width);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-head .mys-user .wdg-user .user-contents .user-close {
    display: block;
  }
  .mys-head .mys-user .wdg-user .user-contents .user-close:after {
    color: var(--primary-color);
    -webkit-box-shadow: 0 0 0 2px var(--primary-color) inset;
            box-shadow: 0 0 0 2px var(--primary-color) inset;
    content: var(--user-close-icon);
    font-family: var(--user-close-font);
    line-height: 1;
    font-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
  .mys-head .mys-user .wdg-user .user-backdrop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 300ms ease opacity;
    transition: 300ms ease opacity;
    position: fixed;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    inset: 0 !important;
    background: var(--user-backdrop-bg);
    -webkit-backdrop-filter: var(--user-backdrop-filter);
            backdrop-filter: var(--user-backdrop-filter);
    z-index: 2;
    height: 100dvh;
  }
  .mys-head .mys-user .wdg-user.user-show .user-backdrop {
    opacity: 1;
    pointer-events: initial;
  }
  .mys-head .mys-user .wdg-user.user-show .user-contents {
    opacity: 1;
    -webkit-transform: var(--modal-transform-mob-on);
            transform: var(--modal-transform-mob-on);
  }
}
@media (min-width: 768px) {
  .mys-head .mys-user .wdg-user .user-backdrop {
    top: calc(var(--user-widget-icon) + 1.75em);
  }
}
.mys-mid .mys-fav .fav-trigger {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-fav .fav-trigger .fav-icon {
  position: relative;
}
.mys-fav .fav-trigger .fav-icon:before {
  content: attr(data-fav-items);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.25em 0.5em;
  border-radius: var(--b-radius);
  position: absolute;
  inset: -0.5em auto auto -1em;
  font-size: 0.5em;
  background: var(--primary-color);
  color: var(--white-color);
}
.mys-mid .mys-fav .fav-trigger .fav-icon:before {
  inset: -0.5em -1em auto auto;
}
.mys-fav .fav-trigger .fav-label {
  font-size: 0.8em;
}
.mys-mid .mys-fav .fav-trigger .fav-label {
  font-size: 15px;
  text-align: center;
}

.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-details .item-name {
  font-weight: bold;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a:hover .item-photo img {
  -webkit-transform: none;
          transform: none;
  opacity: 0.6;
}

@media (min-width: 992px) {
  .mys-search .search-wrap .search-mob-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: var(--white-color-60);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
  .mys-search .search-wrap .search-mob-trigger:after {
    content: var(--search-icon);
    font-family: var(--search-font);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
    color: inherit;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0 !important;
    font-size: 1.4065rem;
    padding: 0;
    aspect-ratio: 1/1;
    line-height: 1;
  }
  .mys-search .search-wrap .search-mob-trigger:hover {
    color: var(--white-color);
  }
  .mys-search .search-wrap .sf-desktop,
  .mys-search .search-wrap .search-btn {
    display: none;
  }
  .mys-search .search-results-wrapper.search-show {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-head-sticky.mys-head-sticky-on .mys-search .search-results-wrapper.search-show {
    -webkit-transform: translateY(8.25em);
            transform: translateY(8.25em);
  }
}
@media (max-width: 991px) {
  .mys-search .search-wrap .sf-desktop,
  .mys-search .search-wrap .search-btn {
    display: none;
  }
}
@media (min-width: 768px) {
  .mys-search:after {
    position: fixed;
    content: "";
    display: block;
    width: 100vw;
    height: 200dvh;
    background: var(--secondary-color-80);
    z-index: -1;
    inset: 0;
    opacity: 0;
    -webkit-transition: 300ms ease opacity;
    transition: 300ms ease opacity;
    pointer-events: none;
  }
  .mys-search:has(.search-show):after {
    opacity: 1;
  }
  .mys-search .search-results-wrapper {
    margin-top: 0;
    position: fixed;
    top: 0;
    border-radius: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    max-height: 80vh;
  }
  .mys-search .search-results-wrapper .search-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid var(--theme-color-10);
    margin-bottom: 1em;
    padding-bottom: 1em;
  }
  .mys-search .search-results-wrapper .search-mob-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 4em;
    height: 100%;
    margin-right: 5px;
    background: var(--search-mob-back-bg);
    color: var(--search-mob-back-color);
    border-radius: var(--search-mob-back-radius);
    aspect-ratio: 1/1;
    margin-right: 0;
    cursor: pointer;
  }
  .mys-search .search-results-wrapper .search-mob-close:after {
    content: var(--search-mob-back-icon);
    font-family: var(--search-mob-back-font);
    font-size: 2em;
    line-height: 1;
  }
  .mys-search .search-results-wrapper .search-results {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .mys-search .search-wrap .search-mob-trigger {
    display: none;
  }
  .mys-search .search-results-wrapper .search-mob {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 992px) {
  .mys-foot-menu {
    display: none;
  }
}
@media (max-width: 991px) {
  .mys-foot-menu {
    position: fixed;
    inset: auto 0 0 0;
    display: block;
    background: var(--secondary-color);
    color: var(--white-color);
    padding: 1em;
    z-index: 5;
  }
  body.cart-shown .mys-foot-menu {
    z-index: 110;
  }
  .mys-foot-menu ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .mys-foot-menu ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mys-foot-menu ul li > span, .mys-foot-menu ul li > a {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    width: 100%;
  }
  .mys-foot-menu ul li > span i, .mys-foot-menu ul li > a i {
    font-size: 1.675rem;
  }
  .mys-foot-menu ul li > span .mys-ico-label, .mys-foot-menu ul li > a .mys-ico-label {
    display: none;
  }
  .mys-foot-menu .mys-cart {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mys-foot-menu .mys-cart .cart-contents .cart-products .cart-item {
    width: 100%;
  }
  .mys-foot-menu .mys-cart .cart-trigger .cart-icon {
    font-size: 1.675rem;
  }
  .mys-foot-menu .mys-cart .cart-trigger .cart-icon:before {
    inset: -0.5em -1em auto auto;
  }
  .mys-foot-menu .mys-cart .cart-trigger .cart-text {
    display: none;
  }
  .mys-foot-menu .mys-cart .wdg-cart .cart-backdrop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 300ms ease opacity;
    transition: 300ms ease opacity;
    position: fixed;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    inset: 0;
    background: var(--cart-backdrop-bg);
    -webkit-backdrop-filter: var(--cart-backdrop-filter);
            backdrop-filter: var(--cart-backdrop-filter);
    z-index: 2;
  }
  .mys-foot-menu .mys-cart .wdg-cart .cart-backdrop .cart-contents {
    opacity: 0;
    -webkit-transform: var(--modal-transform-mob-off);
            transform: var(--modal-transform-mob-off);
    -webkit-transition: 300ms ease transform, 300ms ease opacity;
    transition: 300ms ease transform, 300ms ease opacity;
    -webkit-transform-origin: var(--modal-transform-mob-origin);
            transform-origin: var(--modal-transform-mob-origin);
    -webkit-box-shadow: var(--b-shad) var(--cart-content-shadow-color);
            box-shadow: var(--b-shad) var(--cart-content-shadow-color);
    background: var(--theme-bg);
    color: var(--theme-color);
    padding: 1.5em;
    border-radius: var(--cart-content-radius);
    width: 90vw;
    max-height: 90vh;
    max-width: var(--cart-content-mobile-max-width);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-foot-menu .mys-cart .wdg-cart.cart-show .cart-backdrop {
    opacity: 1;
    pointer-events: initial;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-foot-menu .mys-cart .wdg-cart.cart-show .cart-contents {
    opacity: 1;
    -webkit-transform: var(--modal-transform-mob-on);
            transform: var(--modal-transform-mob-on);
  }
}
.mys-bcrumb {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.sidebar-header {
  margin-bottom: 0.75em;
  line-height: 1.2;
}

.table thead th {
  border-bottom: 4px solid var(--primary-color);
}

@media (min-width: 992px) {
  .modal {
    height: 100dvh;
  }
  .mys-head-sticky.mys-head-sticky-on .modal {
    -webkit-transform: translateY(8.25em);
            transform: translateY(8.25em);
  }
}
.mys-user-account {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.inner-slider:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.inner-slider:not(.slick-slider) .single-slide {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.inner-slider .single-slide {
  display: block !important;
}
.inner-slider .single-slide img {
  width: 100%;
  display: block;
}
.inner-slider:has(.slick-dots) {
  margin-bottom: 3em;
}

.slick-arrow {
  padding: 0.5rem;
}
.slick-arrow:before {
  -webkit-box-shadow: var(--slick-arrow-shadow);
          box-shadow: var(--slick-arrow-shadow);
}

@media (hover: hover) {
  .slick-slider .slick-arrow {
    opacity: 0;
  }
  .slick-slider:hover .slick-arrow {
    opacity: 1;
  }
}
@media (max-width: 1100px) {
  .slick-arrow.slick-prev {
    left: 1rem;
  }
  .slick-arrow.slick-next {
    right: 1rem;
  }
}
@media (max-width: 575px) {
  .slick-arrow {
    display: none !important;
  }
}
.mys-static .main-content .slick-dots {
  margin-bottom: 0;
  margin-left: 0;
}
.mys-static .main-content .slick-dots li {
  padding-left: 0;
}
.mys-static .main-content .slick-dots li:before {
  display: none;
}

.mys-other-forms {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 2px solid var(--theme-color-10);
}

h1.h-subtitle, h2.h-subtitle, h3.h-subtitle, h4.h-subtitle, h5.h-subtitle, h6.h-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.35;
}
h1.h-subtitle > br, h2.h-subtitle > br, h3.h-subtitle > br, h4.h-subtitle > br, h5.h-subtitle > br, h6.h-subtitle > br {
  display: none;
}
h1.h-subtitle .subtitle, h2.h-subtitle .subtitle, h3.h-subtitle .subtitle, h4.h-subtitle .subtitle, h5.h-subtitle .subtitle, h6.h-subtitle .subtitle {
  font-weight: normal;
  font-size: 0.675em;
}
h1.h-lined:after, h2.h-lined:after, h3.h-lined:after, h4.h-lined:after, h5.h-lined:after, h6.h-lined:after {
  content: "";
  display: block;
  width: 100%;
  max-width: 7rem;
  height: 2px;
  background: var(--primary-color);
  margin: 0.25em 0 0.5em;
}
h1.a-center, h2.a-center, h3.a-center, h4.a-center, h5.a-center, h6.a-center {
  text-align: center;
}
h1.a-center.h-lined:after, h2.a-center.h-lined:after, h3.a-center.h-lined:after, h4.a-center.h-lined:after, h5.a-center.h-lined:after, h6.a-center.h-lined:after {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 575px) {
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2.25rem;
  }
  h3 {
    font-size: 2rem;
  }
  h4 {
    font-size: 1.75rem;
  }
  h5 {
    font-size: 1.375rem;
  }
  h6 {
    font-size: 1.125rem;
  }
  h1.h-size-xl, h2.h-size-xl, h3.h-size-xl, h4.h-size-xl, h5.h-size-xl, h6.h-size-xl {
    font-size: 2.5rem;
  }
  h1.h-size-lg, h2.h-size-lg, h3.h-size-lg, h4.h-size-lg, h5.h-size-lg, h6.h-size-lg {
    font-size: 2.25rem;
  }
  h1.h-size-md, h2.h-size-md, h3.h-size-md, h4.h-size-md, h5.h-size-md, h6.h-size-md {
    font-size: 2rem;
  }
  h1.h-size-nm, h2.h-size-nm, h3.h-size-nm, h4.h-size-nm, h5.h-size-nm, h6.h-size-nm {
    font-size: 1.75rem;
  }
  h1.h-size-sm, h2.h-size-sm, h3.h-size-sm, h4.h-size-sm, h5.h-size-sm, h6.h-size-sm {
    font-size: 1.375rem;
  }
  h1.h-size-xs, h2.h-size-xs, h3.h-size-xs, h4.h-size-xs, h5.h-size-xs, h6.h-size-xs {
    font-size: 1.125rem;
  }
}
.intro {
  font-size: 1.25em;
  font-weight: 300;
  width: 100%;
  max-width: 750px;
  position: relative;
  padding-left: 3em;
}
.intro:before {
  content: "\f13c\f13c";
  font-family: remixicon;
  line-height: 1;
  font-size: 3em;
  letter-spacing: -0.6em;
  color: var(--secondary-color);
  position: absolute;
  inset: -0.06725em auto auto -0.25em;
  text-indent: -0.06725em;
}

.contact-map {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: -webkit-gradient(linear, left top, right top, from(var(--secondary-color)), to(var(--secondary-color-lighter-10))) no-repeat;
  background: linear-gradient(to right, var(--secondary-color), var(--secondary-color-lighter-10)) no-repeat;
  padding-bottom: 6px;
  margin-bottom: 1em;
}
.contact-map iframe {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-filter: sepia(0.3) grayscale(1);
          filter: sepia(0.3) grayscale(1);
}

.contact-page {
  display: -ms-grid;
  display: grid;
  gap: 2em;
  -ms-grid-columns: 1fr 2em max(300px, 20%);
  grid-template-columns: 1fr max(300px, 20%);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.contact-page .company-info {
  padding: 1.25em;
  border-radius: var(--b-radius-lg);
  background: var(--secondary-color-10);
}

.c-info-icon {
  color: var(--black-color);
  margin-bottom: 1em;
  -webkit-transition: 200ms ease color;
  transition: 200ms ease color;
  display: block;
}
.c-info-icon .mys-ico {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--ico-gap-md);
}
.c-info-icon .mys-ico i {
  margin-top: 0.125em;
}
.c-info-icon .mys-ico-label {
  font-size: 0.9em;
}
.c-info-icon .mys-ico-label strong {
  font-weight: bold;
  font-size: 1.125em;
  display: block;
}
.c-info-icon:hover {
  color: var(--theme-color-70);
}

.c-w-hours {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 0.75em 1fr;
  grid-template-columns: auto 1fr;
  gap: 0 0.75em;
}
.c-w-hours br {
  display: none;
}

@media (max-width: 1199px) {
  .contact-page {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .contact-page .map {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
@media (max-width: 767px) {
  .contact-page .data {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .contact-page .data {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .contact-page .data .col:not(:last-child) {
    padding-bottom: 1em;
    border-bottom: 1px solid var(--theme-color-10);
  }
}
.mys-static .main-content .t-size-xs {
  font-size: 0.75em;
}
.mys-static .main-content .t-size-sm {
  font-size: 0.9em;
}

.banners-slider {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.banners-slider:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.banners-slider:not(.slick-slider) .single-slide {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.banners-slider .single-slide {
  display: block !important;
}
.banners-slider .single-slide img {
  width: 100%;
  display: block;
}
.banners-slider:has(.slick-dots) {
  margin-bottom: 5em;
}

@media (max-width: 1640px) {
  .banners-slider .slick-arrow.slick-prev {
    left: 1rem;
  }
  .banners-slider .slick-arrow.slick-next {
    right: 1rem;
  }
}
.mys-home-layout .h-lined.a-center {
  margin-bottom: 4rem;
}

.home-promo-boxes {
  display: -ms-grid;
  display: grid;
  gap: 2em;
}
.home-promo-boxes .box {
  text-align: center;
}
.home-promo-boxes .box i {
  font-size: 4.5em;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--secondary-color);
}
.home-promo-boxes .box .promo-box-title {
  font-size: 1.375em;
  font-weight: normal;
  margin-bottom: 0.5rem;
}
.home-promo-boxes .box .promo-box-desc {
  font-size: 0.9em;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .home-promo-boxes {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .home-promo-boxes {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .home-promo-boxes {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}