@charset "UTF-8";
/* Variables
---------------------------------------------------------------- */
* {
  --primary-color: hsl(var(--primary-color-hs) var(--primary-color-l));
  --primary-color-95: hsl(var(--primary-color-hs) var(--primary-color-l) / 95%);
  --primary-color-90: hsl(var(--primary-color-hs) var(--primary-color-l) / 90%);
  --primary-color-85: hsl(var(--primary-color-hs) var(--primary-color-l) / 85%);
  --primary-color-80: hsl(var(--primary-color-hs) var(--primary-color-l) / 80%);
  --primary-color-75: hsl(var(--primary-color-hs) var(--primary-color-l) / 75%);
  --primary-color-70: hsl(var(--primary-color-hs) var(--primary-color-l) / 70%);
  --primary-color-65: hsl(var(--primary-color-hs) var(--primary-color-l) / 65%);
  --primary-color-60: hsl(var(--primary-color-hs) var(--primary-color-l) / 60%);
  --primary-color-55: hsl(var(--primary-color-hs) var(--primary-color-l) / 55%);
  --primary-color-50: hsl(var(--primary-color-hs) var(--primary-color-l) / 50%);
  --primary-color-45: hsl(var(--primary-color-hs) var(--primary-color-l) / 45%);
  --primary-color-40: hsl(var(--primary-color-hs) var(--primary-color-l) / 40%);
  --primary-color-35: hsl(var(--primary-color-hs) var(--primary-color-l) / 35%);
  --primary-color-30: hsl(var(--primary-color-hs) var(--primary-color-l) / 30%);
  --primary-color-25: hsl(var(--primary-color-hs) var(--primary-color-l) / 25%);
  --primary-color-20: hsl(var(--primary-color-hs) var(--primary-color-l) / 20%);
  --primary-color-15: hsl(var(--primary-color-hs) var(--primary-color-l) / 10%);
  --primary-color-10: hsl(var(--primary-color-hs) var(--primary-color-l) / 10%);
  --primary-color-5: hsl(var(--primary-color-hs) var(--primary-color-l) / 5%);
  --primary-color-4: hsl(var(--primary-color-hs) var(--primary-color-l) / 4%);
  --primary-color-3: hsl(var(--primary-color-hs) var(--primary-color-l) / 3%);
  --primary-color-2: hsl(var(--primary-color-hs) var(--primary-color-l) / 2%);
  --primary-color-1: hsl(var(--primary-color-hs) var(--primary-color-l) / 1%);
  --primary-color-darker-5: hsl(var(--primary-color-hs) calc(var(--primary-color-l) - 5%));
  --primary-color-darker-10: hsl(var(--primary-color-hs) calc(var(--primary-color-l) - 10%));
  --primary-color-darker-15: hsl(var(--primary-color-hs) calc(var(--primary-color-l) - 15%));
  --primary-color-darker-20: hsl(var(--primary-color-hs) calc(var(--primary-color-l) - 20%));
  --primary-color-darker-25: hsl(var(--primary-color-hs) calc(var(--primary-color-l) - 25%));
  --primary-color-darker-30: hsl(var(--primary-color-hs) calc(var(--primary-color-l) - 30%));
  --primary-color-lighter-5: hsl(var(--primary-color-hs) calc(var(--primary-color-l) + 5%));
  --primary-color-lighter-10: hsl(var(--primary-color-hs) calc(var(--primary-color-l) + 10%));
  --primary-color-lighter-15: hsl(var(--primary-color-hs) calc(var(--primary-color-l) + 15%));
  --primary-color-lighter-20: hsl(var(--primary-color-hs) calc(var(--primary-color-l) + 20%));
  --primary-color-lighter-25: hsl(var(--primary-color-hs) calc(var(--primary-color-l) + 25%));
  --primary-color-lighter-30: hsl(var(--primary-color-hs) calc(var(--primary-color-l) + 30%));
  --secondary-color: hsl(var(--secondary-color-hs) var(--secondary-color-l));
  --secondary-color-95: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 95%);
  --secondary-color-90: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 90%);
  --secondary-color-85: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 85%);
  --secondary-color-80: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 80%);
  --secondary-color-75: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 75%);
  --secondary-color-70: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 70%);
  --secondary-color-65: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 65%);
  --secondary-color-60: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 60%);
  --secondary-color-55: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 55%);
  --secondary-color-50: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 50%);
  --secondary-color-45: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 45%);
  --secondary-color-40: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 40%);
  --secondary-color-35: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 35%);
  --secondary-color-30: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 30%);
  --secondary-color-25: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 25%);
  --secondary-color-20: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 20%);
  --secondary-color-15: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 10%);
  --secondary-color-10: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 10%);
  --secondary-color-5: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 5%);
  --secondary-color-4: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 4%);
  --secondary-color-3: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 3%);
  --secondary-color-2: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 2%);
  --secondary-color-1: hsl(var(--secondary-color-hs) var(--secondary-color-l) / 1%);
  --secondary-color-darker-5: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) - 5%));
  --secondary-color-darker-10: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) - 10%));
  --secondary-color-darker-15: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) - 15%));
  --secondary-color-darker-20: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) - 20%));
  --secondary-color-lighter-5: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) + 5%));
  --secondary-color-lighter-10: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) + 10%));
  --secondary-color-lighter-15: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) + 15%));
  --secondary-color-lighter-20: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) + 20%));
  --secondary-color-lighter-25: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) + 25%));
  --secondary-color-lighter-30: hsl(var(--secondary-color-hs) calc(var(--secondary-color-l) + 30%));
  --theme-bg: hsl(var(--theme-bg-hs) var(--theme-bg-l));
  --theme-bg-95: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 95%);
  --theme-bg-90: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 90%);
  --theme-bg-85: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 85%);
  --theme-bg-80: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 80%);
  --theme-bg-75: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 75%);
  --theme-bg-70: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 70%);
  --theme-bg-65: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 65%);
  --theme-bg-60: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 60%);
  --theme-bg-55: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 55%);
  --theme-bg-50: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 50%);
  --theme-bg-45: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 45%);
  --theme-bg-40: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 40%);
  --theme-bg-35: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 35%);
  --theme-bg-30: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 30%);
  --theme-bg-25: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 25%);
  --theme-bg-20: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 20%);
  --theme-bg-15: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 15%);
  --theme-bg-10: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 10%);
  --theme-bg-5: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 5%);
  --theme-bg-4: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 4%);
  --theme-bg-3: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 3%);
  --theme-bg-2: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 2%);
  --theme-bg-1: hsl(var(--theme-bg-hs) var(--theme-bg-l) / 1%);
  --theme-color: hsl(var(--theme-color-hs) var(--theme-color-l));
  --theme-color-95: hsl(var(--theme-color-hs) var(--theme-color-l) / 95%);
  --theme-color-90: hsl(var(--theme-color-hs) var(--theme-color-l) / 90%);
  --theme-color-85: hsl(var(--theme-color-hs) var(--theme-color-l) / 85%);
  --theme-color-80: hsl(var(--theme-color-hs) var(--theme-color-l) / 80%);
  --theme-color-75: hsl(var(--theme-color-hs) var(--theme-color-l) / 75%);
  --theme-color-70: hsl(var(--theme-color-hs) var(--theme-color-l) / 70%);
  --theme-color-65: hsl(var(--theme-color-hs) var(--theme-color-l) / 65%);
  --theme-color-60: hsl(var(--theme-color-hs) var(--theme-color-l) / 60%);
  --theme-color-55: hsl(var(--theme-color-hs) var(--theme-color-l) / 55%);
  --theme-color-50: hsl(var(--theme-color-hs) var(--theme-color-l) / 50%);
  --theme-color-45: hsl(var(--theme-color-hs) var(--theme-color-l) / 45%);
  --theme-color-40: hsl(var(--theme-color-hs) var(--theme-color-l) / 40%);
  --theme-color-35: hsl(var(--theme-color-hs) var(--theme-color-l) / 35%);
  --theme-color-30: hsl(var(--theme-color-hs) var(--theme-color-l) / 30%);
  --theme-color-25: hsl(var(--theme-color-hs) var(--theme-color-l) / 25%);
  --theme-color-20: hsl(var(--theme-color-hs) var(--theme-color-l) / 20%);
  --theme-color-15: hsl(var(--theme-color-hs) var(--theme-color-l) / 15%);
  --theme-color-10: hsl(var(--theme-color-hs) var(--theme-color-l) / 10%);
  --theme-color-5: hsl(var(--theme-color-hs) var(--theme-color-l) / 5%);
  --theme-color-4: hsl(var(--theme-color-hs) var(--theme-color-l) / 4%);
  --theme-color-3: hsl(var(--theme-color-hs) var(--theme-color-l) / 3%);
  --theme-color-2: hsl(var(--theme-color-hs) var(--theme-color-l) / 2%);
  --theme-color-1: hsl(var(--theme-color-hs) var(--theme-color-l) / 1%);
  --white-color-hsl: 0deg 100% 100%;
  --white-color: hsl(var(--white-color-hsl));
  --white-color-95: hsl(var(--white-color-hsl) / 95%);
  --white-color-90: hsl(var(--white-color-hsl) / 90%);
  --white-color-85: hsl(var(--white-color-hsl) / 85%);
  --white-color-80: hsl(var(--white-color-hsl) / 80%);
  --white-color-75: hsl(var(--white-color-hsl) / 75%);
  --white-color-70: hsl(var(--white-color-hsl) / 70%);
  --white-color-65: hsl(var(--white-color-hsl) / 65%);
  --white-color-60: hsl(var(--white-color-hsl) / 60%);
  --white-color-55: hsl(var(--white-color-hsl) / 55%);
  --white-color-50: hsl(var(--white-color-hsl) / 50%);
  --white-color-45: hsl(var(--white-color-hsl) / 45%);
  --white-color-40: hsl(var(--white-color-hsl) / 40%);
  --white-color-35: hsl(var(--white-color-hsl) / 35%);
  --white-color-30: hsl(var(--white-color-hsl) / 30%);
  --white-color-25: hsl(var(--white-color-hsl) / 25%);
  --white-color-20: hsl(var(--white-color-hsl) / 20%);
  --white-color-15: hsl(var(--white-color-hsl) / 15%);
  --white-color-10: hsl(var(--white-color-hsl) / 10%);
  --white-color-5: hsl(var(--white-color-hsl) / 5%);
  --white-color-4: hsl(var(--white-color-hsl) / 4%);
  --white-color-3: hsl(var(--white-color-hsl) / 3%);
  --white-color-2: hsl(var(--white-color-hsl) / 2%);
  --white-color-1: hsl(var(--white-color-hsl) / 1%);
  --gray-color-hsl: 0deg 0% 9%;
  --gray-color: hsl(var(--gray-color-hsl));
  --gray-color-95: hsl(var(--gray-color-hsl) / 95%);
  --gray-color-90: hsl(var(--gray-color-hsl) / 90%);
  --gray-color-85: hsl(var(--gray-color-hsl) / 85%);
  --gray-color-80: hsl(var(--gray-color-hsl) / 80%);
  --gray-color-75: hsl(var(--gray-color-hsl) / 75%);
  --gray-color-70: hsl(var(--gray-color-hsl) / 70%);
  --gray-color-65: hsl(var(--gray-color-hsl) / 65%);
  --gray-color-60: hsl(var(--gray-color-hsl) / 60%);
  --gray-color-55: hsl(var(--gray-color-hsl) / 55%);
  --gray-color-50: hsl(var(--gray-color-hsl) / 50%);
  --gray-color-45: hsl(var(--gray-color-hsl) / 45%);
  --gray-color-40: hsl(var(--gray-color-hsl) / 40%);
  --gray-color-35: hsl(var(--gray-color-hsl) / 35%);
  --gray-color-30: hsl(var(--gray-color-hsl) / 30%);
  --gray-color-25: hsl(var(--gray-color-hsl) / 25%);
  --gray-color-20: hsl(var(--gray-color-hsl) / 20%);
  --gray-color-15: hsl(var(--gray-color-hsl) / 15%);
  --gray-color-10: hsl(var(--gray-color-hsl) / 10%);
  --gray-color-5: hsl(var(--gray-color-hsl) / 5%);
  --gray-color-4: hsl(var(--gray-color-hsl) / 4%);
  --gray-color-3: hsl(var(--gray-color-hsl) / 3%);
  --gray-color-2: hsl(var(--gray-color-hsl) / 2%);
  --gray-color-1: hsl(var(--gray-color-hsl) / 1%);
  --black-color-hsl: 0deg 0% 0%;
  --black-color: hsl(var(--black-color-hsl));
  --black-color-95: hsl(var(--black-color-hsl) / 95%);
  --black-color-90: hsl(var(--black-color-hsl) / 90%);
  --black-color-85: hsl(var(--black-color-hsl) / 85%);
  --black-color-80: hsl(var(--black-color-hsl) / 80%);
  --black-color-75: hsl(var(--black-color-hsl) / 75%);
  --black-color-70: hsl(var(--black-color-hsl) / 70%);
  --black-color-65: hsl(var(--black-color-hsl) / 65%);
  --black-color-60: hsl(var(--black-color-hsl) / 60%);
  --black-color-55: hsl(var(--black-color-hsl) / 55%);
  --black-color-50: hsl(var(--black-color-hsl) / 50%);
  --black-color-45: hsl(var(--black-color-hsl) / 45%);
  --black-color-40: hsl(var(--black-color-hsl) / 40%);
  --black-color-35: hsl(var(--black-color-hsl) / 35%);
  --black-color-30: hsl(var(--black-color-hsl) / 30%);
  --black-color-25: hsl(var(--black-color-hsl) / 25%);
  --black-color-20: hsl(var(--black-color-hsl) / 20%);
  --black-color-15: hsl(var(--black-color-hsl) / 15%);
  --black-color-10: hsl(var(--black-color-hsl) / 10%);
  --black-color-5: hsl(var(--black-color-hsl) / 5%);
  --black-color-4: hsl(var(--black-color-hsl) / 4%);
  --black-color-3: hsl(var(--black-color-hsl) / 3%);
  --black-color-2: hsl(var(--black-color-hsl) / 2%);
  --black-color-1: hsl(var(--black-color-hsl) / 1%);
  --base-font: var(--body-font), Arial, Helvetica, sans-serif;
  --h-font: var(--headline-font), Arial, Helvetica, sans-serif;
  --b-font: var(--button-font), Arial, Helvetica, sans-serif;
  --m-font: var(--menu-font), Arial, Helvetica, sans-serif;
  --m2-font: var(--menu-2nd-font), Arial, Helvetica, sans-serif;
  --b-radius-xs: 2px;
  --b-radius-sm: 4px;
  --b-radius: 6px;
  --b-radius-md: 8px;
  --b-radius-lg: 12px;
  --b-radius-xl: 16px;
  --i-size-xs: 12px;
  --i-size-sm: .875rem;
  --i-size: 1rem;
  --i-size-md: ;
  --i-size-lg: ;
  --i-size-xl: ;
  --i-size-hg: ;
  --i-size-xh: ;
  --desktop-x-padding: 1em;
  --b-shad-xs: 0 3px 5px;
  --b-shad-sm: 0 3px 15px;
  --b-shad: 0 5px 25px;
  --b-shad-md: 0 8px 35px;
  --b-shad-xl: 0 12px 45px;
}

/* Reset all styles
---------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* HTML
---------------------------------------------------------------- */
html {
  scroll-behavior: smooth;
  background: var(--theme-bg, var(--white-color));
  color: var(--theme-color, var(--gray-color));
}

/* Body
---------------------------------------------------------------- */
body {
  font-family: var(--base-font);
  line-height: 1.5;
}

a {
  color: var(--primary-color);
}
a:hover {
  color: var(--primary-color-lighter-10);
}

/* Main
---------------------------------------------------------------- */
main {
  padding: var(--main-top-padding) var(--desktop-x-padding) var(--main-bottom-padding);
  margin: auto;
}
.mys-content-wide main {
  width: 100%;
}
body.mys-content-1000 main {
  max-width: calc(1000px - 2 * var(--desktop-x-padding));
}
body.mys-content-1100 main {
  max-width: calc(1100px - 2 * var(--desktop-x-padding));
}
body.mys-content-1200 main {
  max-width: calc(1200px - 2 * var(--desktop-x-padding));
}
body.mys-content-1300 main {
  max-width: calc(1300px - 2 * var(--desktop-x-padding));
}
body.mys-content-1400 main {
  max-width: calc(1400px - 2 * var(--desktop-x-padding));
}
body.mys-content-1500 main {
  max-width: calc(1500px - 2 * var(--desktop-x-padding));
}
body.mys-content-1600 main {
  max-width: calc(1600px - 2 * var(--desktop-x-padding));
}

.mys-content-layout {
  gap: var(--main-gap);
}
.mys-content-layout.lay-bcrumb-sidebar-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: max(var(--sidebar-width-min), var(--sidebar-width)) 1fr;
  grid-template-columns: max(var(--sidebar-width-min), var(--sidebar-width)) 1fr;
      grid-template-areas: "breadcrumbs breadcrumbs" "sidebar main-content";
}
.mys-content-layout.lay-bcrumb-sidebar-content.sidebar-right {
  -ms-grid-columns: 1fr max(var(--sidebar-width-min), var(--sidebar-width));
  grid-template-columns: 1fr max(var(--sidebar-width-min), var(--sidebar-width));
      grid-template-areas: "breadcrumbs breadcrumbs" "main-content sidebar";
}
.mys-content-layout.lay-bcrumb-sidebar-content.mys-static .main-content {
  margin-top: 0;
}
.mys-content-layout.lay-sidebar-bcrumb-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: max(var(--sidebar-width-min), var(--sidebar-width)) 1fr;
  grid-template-columns: max(var(--sidebar-width-min), var(--sidebar-width)) 1fr;
      grid-template-areas: "sidebar breadcrumbs" "sidebar main-content";
}
.mys-content-layout.lay-sidebar-bcrumb-content.sidebar-right {
  -ms-grid-columns: 1fr max(var(--sidebar-width-min), var(--sidebar-width));
  grid-template-columns: 1fr max(var(--sidebar-width-min), var(--sidebar-width));
      grid-template-areas: "breadcrumbs sidebar" "main-content sidebar";
}
.mys-content-layout.lay-sidebar-bcrumb-content.mys-static .main-content {
  margin-top: 0;
}
.mys-content-layout.no-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-content-layout.lay-product-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-content-layout .main-content {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: main-content;
}
.mys-content-layout .sidebar {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: sidebar;
  background: var(--sidebar-bg);
  color: var(--sidebar-color);
  padding: var(--sidebar-padd);
  border: var(--sidebar-border);
  border-radius: var(--sidebar-radius);
  -webkit-box-shadow: var(--sidebar-shadow);
          box-shadow: var(--sidebar-shadow);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 1200px) {
  .mys-content-layout.sidebar-sticky .sidebar {
    position: sticky;
    top: var(--sidebar-top);
  }
  .mys-head-sticky-on .mys-content-layout.sidebar-sticky .sidebar {
    top: var(--sidebar-sticky-header-top);
  }
}
@media (max-width: 991px) {
  .mys-content-layout {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .mys-content-layout > * {
    width: 100%;
  }
  .mys-content-layout .sidebar {
    margin: var(--sidebar-responsive-margin);
  }
}
.img-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.img-holder.a-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.img-holder.a-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.img-holder.a-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.img-holder.m-top-2 {
  margin-top: 2em !important;
}
.img-holder.m-top-3 {
  margin-top: 3em !important;
}
.img-holder.m-bot-2 {
  margin-bottom: 2em !important;
}
.img-holder.m-bot-3 {
  margin-bottom: 3em !important;
}
.img-holder img {
  border-radius: var(--b-radius-lg);
  width: 100%;
  display: block;
}

.img-radius {
  display: block;
  border-radius: var(--b-radius-md);
  outline: 2px solid var(--primary-color-60);
  outline-offset: 2px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.mys-dl {
  line-height: 1.4;
}
.mys-dl dt {
  display: inline;
  font-weight: bold;
}
.mys-dl dd {
  display: inline;
}
.mys-dl dd:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0.5em;
}

@-webkit-keyframes preloader-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes preloader-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.mys-scheme-1 {
  --color-accent: var(--primary-color);
  --color-alternate: var(--white-color);
}

.mys-scheme-2 {
  --color-accent: var(--primary-color);
  --color-alternate: var(--gray-color);
}

.mys-scheme-3 {
  --color-accent: var(--white-color);
  --color-alternate: var(--primary-color);
}

.mys-scheme-4 {
  --color-accent: var(--gray-color);
  --color-alternate: var(--primary-color);
}

.mys-scheme-5 {
  --color-accent: var(--secondary-color);
  --color-alternate: var(--white-color);
}

.mys-scheme-6 {
  --color-accent: var(--secondary-color);
  --color-alternate: var(--gray-color);
}

.mys-scheme-7 {
  --color-accent: var(--white-color);
  --color-alternate: var(--secondary-color);
}

.mys-scheme-8 {
  --color-accent: var(--gray-color);
  --color-alternate: var(--secondary-color);
}

.mys-scheme-9 {
  --color-accent: var(--primary-color);
  --color-alternate: var(--secondary-color);
}

.mys-scheme-10 {
  --color-accent: var(--secondary-color);
  --color-alternate: var(--primary-color);
}

.mys-scheme-11 {
  --color-accent: var(--white-color);
  --color-alternate: var(--white-color-60);
}

.mys-scheme-12 {
  --color-accent: var(--gray-color);
  --color-alternate: var(--gray-color-60);
}

.mys-scheme-13 {
  --color-accent: var(--white-color-60);
  --color-alternate: var(--white-color);
}

.mys-scheme-14 {
  --color-accent: var(--gray-color-60);
  --color-alternate: var(--gray-color);
}

.mys-scheme-15 {
  --color-accent: var(--gray-color);
  --color-alternate: var(--white-color);
}

.mys-head {
  position: relative;
  z-index: 100;
}
.mys-head.mys-header-wide {
  width: 100%;
}
.mys-head.mys-header-1000:not(.mys-header-box) .mys-header-wrap .mys-hslv {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1000.mys-header-box .mys-header-wrap {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1000.mys-header-box .mys-header-wrap .mys-top, .mys-head.mys-header-1000.mys-header-box .mys-header-wrap .mys-mid, .mys-head.mys-header-1000.mys-header-box .mys-header-wrap .mys-bot {
  width: 100%;
}
.mys-head.mys-header-1100:not(.mys-header-box) .mys-header-wrap .mys-hslv {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1100.mys-header-box .mys-header-wrap {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1100.mys-header-box .mys-header-wrap .mys-top, .mys-head.mys-header-1100.mys-header-box .mys-header-wrap .mys-mid, .mys-head.mys-header-1100.mys-header-box .mys-header-wrap .mys-bot {
  width: 100%;
}
.mys-head.mys-header-1200:not(.mys-header-box) .mys-header-wrap .mys-hslv {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1200.mys-header-box .mys-header-wrap {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1200.mys-header-box .mys-header-wrap .mys-top, .mys-head.mys-header-1200.mys-header-box .mys-header-wrap .mys-mid, .mys-head.mys-header-1200.mys-header-box .mys-header-wrap .mys-bot {
  width: 100%;
}
.mys-head.mys-header-1300:not(.mys-header-box) .mys-header-wrap .mys-hslv {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1300.mys-header-box .mys-header-wrap {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1300.mys-header-box .mys-header-wrap .mys-top, .mys-head.mys-header-1300.mys-header-box .mys-header-wrap .mys-mid, .mys-head.mys-header-1300.mys-header-box .mys-header-wrap .mys-bot {
  width: 100%;
}
.mys-head.mys-header-1400:not(.mys-header-box) .mys-header-wrap .mys-hslv {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1400.mys-header-box .mys-header-wrap {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1400.mys-header-box .mys-header-wrap .mys-top, .mys-head.mys-header-1400.mys-header-box .mys-header-wrap .mys-mid, .mys-head.mys-header-1400.mys-header-box .mys-header-wrap .mys-bot {
  width: 100%;
}
.mys-head.mys-header-1500:not(.mys-header-box) .mys-header-wrap .mys-hslv {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1500.mys-header-box .mys-header-wrap {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1500.mys-header-box .mys-header-wrap .mys-top, .mys-head.mys-header-1500.mys-header-box .mys-header-wrap .mys-mid, .mys-head.mys-header-1500.mys-header-box .mys-header-wrap .mys-bot {
  width: 100%;
}
.mys-head.mys-header-1600:not(.mys-header-box) .mys-header-wrap .mys-hslv {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1600.mys-header-box .mys-header-wrap {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.mys-head.mys-header-1600.mys-header-box .mys-header-wrap .mys-top, .mys-head.mys-header-1600.mys-header-box .mys-header-wrap .mys-mid, .mys-head.mys-header-1600.mys-header-box .mys-header-wrap .mys-bot {
  width: 100%;
}
.mys-head .mys-hslv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: var(--desktop-x-padding);
  padding-right: var(--desktop-x-padding);
}
.mys-head .mys-head-alignv-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-head .mys-head-alignv-center .mys-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-head .mys-head-alignv-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mys-head .mys-head-alignv-top .mys-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mys-head .mys-head-alignv-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mys-head .mys-head-alignv-bottom .mys-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mys-head .mys-head-alignh-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-head .mys-head-alignh-spaced {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mys-head .mys-head-alignh-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mys-head .mys-head-alignh-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mys-head .mys-head-cols {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mys-head .mys-top {
  background: var(--header-top-bg, var(--gray-color));
  color: var(--header-top-color, var(--white-color));
  border-radius: var(--header-top-radius);
  position: relative;
}
.mys-head .mys-top .mys-col {
  padding-top: var(--header-top-padd, calc(var(--header-y-padding) * 0.25));
  padding-bottom: var(--header-top-padd, calc(var(--header-y-padding) * 0.25));
}
.mys-head .mys-top a {
  color: inherit;
}
.mys-head .mys-mid {
  background: var(--header-mid-bg, var(--white-color));
  color: var(--header-mid-color, var(--gray-color));
  border-radius: var(--header-mid-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.mys-head .mys-mid .mys-col {
  padding-top: var(--header-mid-padd, var(--header-y-padding));
  padding-bottom: var(--header-mid-padd, var(--header-y-padding));
}
.mys-head .mys-bot {
  background: var(--header-bot-bg, var(--gray-color));
  color: var(--header-bot-color, var(--white-color));
  border-radius: var(--header-bot-radius);
  position: relative;
}
.mys-head .mys-bot .mys-col {
  padding-top: var(--header-bot-padd, calc(var(--header-y-padding) * 0.5));
  padding-bottom: var(--header-bot-padd, calc(var(--header-y-padding) * 0.5));
}
.mys-head .mys-col.col-multiple-wdg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--header-widgets-gap);
}
.mys-head .mys-col.col-multiple-wdg.gap-md {
  gap: var(--header-widgets-gap-md);
}
.mys-head .mys-col.col-multiple-wdg.gap-lg {
  gap: var(--header-widgets-gap-lg);
}
.mys-head .mys-col.col-multiple-wdg.gap-xl {
  gap: var(--header-widgets-gap-xl);
}
.mys-head .mys-col.col-left {
  margin-right: auto;
}
.mys-head .mys-col.col-right {
  margin-left: auto;
}
.mys-head .mys-col.col-expand {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.mys-head .mys-col.col-full {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.mys-head .mys-menu-toggler {
  display: none;
}

.mys-shop-logo .logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.75em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  color: inherit;
}
.mys-shop-logo .logo-wrap .logo-img {
  width: var(--logo-width);
  aspect-ratio: var(--logo-aspect-ratio);
  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;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-shop-logo .logo-wrap .logo-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mys-shop-logo .logo-wrap .logo-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-shop-logo .logo-wrap .logo-text .logo-name {
  line-height: 1;
  font-size: 1.75em;
  font-family: var(--h-font);
  font-weight: var(--headline-font-weight);
  text-transform: var(--headline-text-transform);
  letter-spacing: var(--headline-letter-spacing);
}
.mys-shop-logo .logo-wrap .logo-text br {
  display: none;
}

.mys-menu {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.mys-menu > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-menu > nav > ul > li > a {
  font-size: var(--menu-font-size);
  position: relative;
}
.mys-menu nav ul > li > a {
  color: inherit;
  text-decoration: none;
  font-family: var(--m-font, var(--base-font));
  font-weight: var(--menu-font-weight);
  text-transform: var(--menu-text-transform);
  letter-spacing: var(--menu-letter-spacing);
}
.mys-menu nav ul li {
  position: relative;
}
.mys-menu nav ul li ul li a {
  font-family: var(--m2-font, var(--base-font));
  font-weight: var(--menu-2nd-font-weight);
  text-transform: var(--menu-2nd-text-transform);
  letter-spacing: var(--menu-2nd-letter-spacing);
  font-size: var(--menu-2nd-font-size);
}

@media (min-width: 992px) {
  .mys-menu > nav > ul > li > a {
    margin-left: calc(var(--menu-item-gap) * -0.5);
    margin-right: calc(var(--menu-item-gap) * -0.5);
    padding-top: var(--menu-item-y-space);
    padding-bottom: var(--menu-item-y-space);
    padding-left: calc(var(--menu-item-gap) * 0.5);
    padding-right: calc(var(--menu-item-gap) * 0.5);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
  .mys-menu > nav > ul > li:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0 calc(var(--menu-item-gap) * -0.5);
    background: var(--menu-link-hover-bg);
    z-index: -1;
    opacity: 0;
    border-radius: var(--menu-radius);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
  .mys-menu > nav > ul > li:after {
    content: "";
    display: block;
    position: absolute;
    width: var(--menu-active-marker-width);
    height: var(--menu-active-marker-height);
    background: var(--menu-active-marker-bg);
    left: 0;
    opacity: 0;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    bottom: 6px;
  }
  .mys-menu > nav > ul > li:hover {
    color: var(--menu-link-hover-color);
  }
  .mys-menu > nav > ul > li:hover > a {
    color: inherit;
  }
  .mys-menu > nav > ul > li:hover:before {
    opacity: 1;
  }
  .mys-menu > nav > ul > li:hover:after {
    background: currentColor;
  }
  .mys-menu > nav > ul > li.active:after {
    opacity: 1;
  }
  .mys-menu > nav > ul > li:has(> ul):before {
    border-radius: var(--menu-radius) var(--menu-radius) 0 0;
  }
  .mys-menu nav ul {
    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: wrap;
        flex-wrap: wrap;
    gap: var(--menu-item-gap);
  }
  .mys-menu nav ul > li > a {
    display: block;
  }
  .mys-menu nav ul li {
    position: relative;
  }
  .mys-menu nav ul li ul {
    position: absolute;
    left: calc(var(--menu-item-gap) * -0.5);
    top: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.75em 0;
    gap: 0;
    background: var(--menu-2nd-bg);
    -webkit-box-shadow: var(--b-shad) var(--menu-2nd-shadow-color);
            box-shadow: var(--b-shad) var(--menu-2nd-shadow-color);
    color: var(--menu-2nd-color);
    width: var(--menu-sub-width);
    border-radius: 0 var(--menu-2nd-radius) var(--menu-2nd-radius) var(--menu-2nd-radius);
  }
  .mys-menu nav ul li ul li {
    padding: 0 0.95em;
  }
  .mys-menu nav ul li ul li a {
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    padding: var(--menu-2nd-link-padding);
  }
  .mys-menu nav ul li ul li > a:hover {
    color: var(--menu-2nd-hover-color);
  }
  .mys-menu nav ul li ul li:not(:last-child):after {
    content: "";
    display: block;
    height: 1px;
    background: currentColor;
    opacity: 0.1;
    position: absolute;
    left: 0.95em;
    right: 0.95em;
    bottom: 0;
  }
  .mys-menu nav ul li ul li:has(ul) > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mys-menu nav ul li ul li:has(ul) > a:after {
    content: var(--menu-3rd-dot-icon);
    font-family: var(--menu-3rd-dot-family);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1.5em;
    height: 1.5em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    color: var(--primary-color-50);
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
  }
  .mys-menu nav ul li ul li:has(ul):hover > a:after {
    color: var(--primary-color);
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .mys-menu nav ul li ul li ul {
    left: var(--menu-sub-width);
    top: 0;
  }
  .mys-menu nav ul li:hover > ul {
    opacity: 1;
    pointer-events: initial;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-bot .mys-menu {
    margin-left: calc(var(--menu-item-gap) * 0.5);
  }
  .mys-menu.mys-menu-d-l1-rev > nav > ul > li:nth-last-child(-n+1) > ul {
    left: auto;
    right: calc(var(--menu-item-gap) * -0.5);
    border-radius: var(--menu-2nd-radius) 0 var(--menu-2nd-radius) var(--menu-2nd-radius);
  }
  .mys-menu.mys-menu-d-l1-rev > nav > ul > li:nth-last-child(-n+1) > ul li ul {
    left: auto;
    right: var(--menu-sub-width);
    border-radius: var(--menu-2nd-radius) 0 var(--menu-2nd-radius) var(--menu-2nd-radius);
  }
  .mys-menu.mys-menu-d-l2-rev > nav > ul > li:nth-last-child(-n+2) > ul {
    left: auto;
    right: calc(var(--menu-item-gap) * -0.5);
    border-radius: var(--menu-2nd-radius) 0 var(--menu-2nd-radius) var(--menu-2nd-radius);
  }
  .mys-menu.mys-menu-d-l2-rev > nav > ul > li:nth-last-child(-n+2) > ul li ul {
    left: auto;
    right: var(--menu-sub-width);
    border-radius: var(--menu-2nd-radius) 0 var(--menu-2nd-radius) var(--menu-2nd-radius);
  }
  .mys-menu.mys-menu-d-l3-rev > nav > ul > li:nth-last-child(-n+3) > ul {
    left: auto;
    right: calc(var(--menu-item-gap) * -0.5);
    border-radius: var(--menu-2nd-radius) 0 var(--menu-2nd-radius) var(--menu-2nd-radius);
  }
  .mys-menu.mys-menu-d-l3-rev > nav > ul > li:nth-last-child(-n+3) > ul li ul {
    left: auto;
    right: var(--menu-sub-width);
    border-radius: var(--menu-2nd-radius) 0 var(--menu-2nd-radius) var(--menu-2nd-radius);
  }
}
@media (max-width: 991px) {
  .mys-head .mys-menu {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 500ms ease all;
    transition: 500ms ease all;
  }
  header .mys-menu-toggler:checked + .mys-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    pointer-events: initial;
  }
  .mys-menu {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: var(--menu-resp-bg);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-menu:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: var(--menu-resp-image);
    background-size: var(--menu-resp-image-size);
    mix-blend-mode: var(--menu-resp-image-effect);
    opacity: var(--menu-resp-image-opacity);
  }
  .mys-menu nav {
    height: 100vh;
    width: 100vw;
    overflow-y: auto;
    display: block;
    padding: var(--menu-resp-padding);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    color: var(--menu-resp-color);
  }
  .mys-menu nav:after {
    content: "";
    display: block;
    height: calc(var(--menu-resp-padding) * 3);
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--menu-resp-bg)), to(transparent));
    background: linear-gradient(to top, var(--menu-resp-bg), transparent);
    position: fixed;
    left: 0;
    bottom: 0;
  }
  .mys-menu nav > ul {
    width: 80%;
    margin: 0 auto calc(var(--menu-resp-padding) * 2);
  }
  .mys-menu nav > ul > li:not(:last-child):after {
    content: "";
    display: block;
    height: 1px;
    background: currentColor;
    opacity: 0.1;
    width: 100%;
    margin: 0.5em 0;
  }
  .mys-menu nav > ul > li ul {
    margin: 0.5em 0;
  }
  .mys-menu nav > ul > li ul ul {
    opacity: 0.7;
  }
  .mys-menu nav > ul > li ul ul li a {
    font-size: 0.875em;
  }
  .mys-menu nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--menu-resp-item-gap);
  }
  .mys-menu nav ul > li a {
    display: block;
    text-align: center;
  }
}
.mys-smpl-menu nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mys-smpl-menu nav ul li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.mys-smpl-menu nav ul li a, .mys-smpl-menu nav ul li label {
  font-weight: var(--menu-smlp-weight);
  -webkit-text-decoration: var(--menu-smlp-decoration);
          text-decoration: var(--menu-smlp-decoration);
  color: var(--color-accent, var(--menu-smpl-color, currentColor));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  gap: var(--menu-smpl-icon-gap);
  cursor: pointer;
}
.mys-smpl-menu nav ul li a:hover, .mys-smpl-menu nav ul li label:hover {
  color: var(--color-alternate, var(--menu-smpl-hover-color, var(--primary-color)));
}
.mys-smpl-menu.mys-menu-line ul {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mys-smpl-menu.mys-menu-line ul > li {
  width: 100%;
}
.mys-smpl-menu.mys-menu-line ul > li:not(:last-child):after {
  content: "";
  display: block;
  width: 100%;
  background: currentColor;
  opacity: 0.1;
  height: 1px;
  margin: var(--menu-smpl-v-gap) 0 0;
}
.mys-smpl-menu.mys-menu-line.mys-menu-hor ul > li {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mys-smpl-menu.mys-menu-line.mys-menu-hor ul > li:not(:last-child):after {
  width: 1px;
  height: auto;
  margin: 0 0 0 var(--menu-smpl-h-gap);
}
.mys-smpl-menu.mys-menu-line.mys-line-spacing-md ul > li:not(:last-child):after {
  margin: var(--menu-smpl-v-gap-md) 0 0;
}
.mys-smpl-menu.mys-menu-line.mys-line-spacing-lg ul > li:not(:last-child):after {
  margin: var(--menu-smpl-v-gap-lg) 0 0;
}
.mys-smpl-menu.mys-menu-line.mys-line-spacing-xl ul > li:not(:last-child):after {
  margin: var(--menu-smpl-v-gap-xl) 0 0;
}
.mys-smpl-menu.mys-menu-hor nav {
  display: inline-block;
}
.mys-smpl-menu.mys-menu-hor ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: var(--menu-smpl-h-gap);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mys-smpl-menu.mys-menu-ver nav {
  display: block;
}
.mys-smpl-menu.mys-menu-ver ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--menu-smpl-v-gap);
}
.mys-smpl-menu.mys-menu-ver ul li {
  width: 100%;
}
.mys-smpl-menu.mys-menu-ver.mys-line-spacing-md ul {
  gap: var(--menu-smpl-v-gap-md);
}
.mys-smpl-menu.mys-menu-ver.mys-line-spacing-lg ul {
  gap: var(--menu-smpl-v-gap-lg);
}
.mys-smpl-menu.mys-menu-ver.mys-line-spacing-xl ul {
  gap: var(--menu-smpl-v-gap-xl);
}

.mys-foot.mys-footer-wide {
  width: 100%;
}
.mys-foot.mys-foot-1000:not(.mys-footer-box) .mys-footer-wrap .mys-fslv {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1000.mys-footer-box .mys-footer-wrap {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1000.mys-footer-box .mys-footer-wrap .mys-top, .mys-foot.mys-foot-1000.mys-footer-box .mys-footer-wrap .mys-mid, .mys-foot.mys-foot-1000.mys-footer-box .mys-footer-wrap .mys-bot {
  width: 100%;
}
.mys-foot.mys-foot-1100:not(.mys-footer-box) .mys-footer-wrap .mys-fslv {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1100.mys-footer-box .mys-footer-wrap {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1100.mys-footer-box .mys-footer-wrap .mys-top, .mys-foot.mys-foot-1100.mys-footer-box .mys-footer-wrap .mys-mid, .mys-foot.mys-foot-1100.mys-footer-box .mys-footer-wrap .mys-bot {
  width: 100%;
}
.mys-foot.mys-foot-1200:not(.mys-footer-box) .mys-footer-wrap .mys-fslv {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1200.mys-footer-box .mys-footer-wrap {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1200.mys-footer-box .mys-footer-wrap .mys-top, .mys-foot.mys-foot-1200.mys-footer-box .mys-footer-wrap .mys-mid, .mys-foot.mys-foot-1200.mys-footer-box .mys-footer-wrap .mys-bot {
  width: 100%;
}
.mys-foot.mys-foot-1300:not(.mys-footer-box) .mys-footer-wrap .mys-fslv {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1300.mys-footer-box .mys-footer-wrap {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1300.mys-footer-box .mys-footer-wrap .mys-top, .mys-foot.mys-foot-1300.mys-footer-box .mys-footer-wrap .mys-mid, .mys-foot.mys-foot-1300.mys-footer-box .mys-footer-wrap .mys-bot {
  width: 100%;
}
.mys-foot.mys-foot-1400:not(.mys-footer-box) .mys-footer-wrap .mys-fslv {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1400.mys-footer-box .mys-footer-wrap {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1400.mys-footer-box .mys-footer-wrap .mys-top, .mys-foot.mys-foot-1400.mys-footer-box .mys-footer-wrap .mys-mid, .mys-foot.mys-foot-1400.mys-footer-box .mys-footer-wrap .mys-bot {
  width: 100%;
}
.mys-foot.mys-foot-1500:not(.mys-footer-box) .mys-footer-wrap .mys-fslv {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1500.mys-footer-box .mys-footer-wrap {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1500.mys-footer-box .mys-footer-wrap .mys-top, .mys-foot.mys-foot-1500.mys-footer-box .mys-footer-wrap .mys-mid, .mys-foot.mys-foot-1500.mys-footer-box .mys-footer-wrap .mys-bot {
  width: 100%;
}
.mys-foot.mys-foot-1600:not(.mys-footer-box) .mys-footer-wrap .mys-fslv {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1600.mys-footer-box .mys-footer-wrap {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.mys-foot.mys-foot-1600.mys-footer-box .mys-footer-wrap .mys-top, .mys-foot.mys-foot-1600.mys-footer-box .mys-footer-wrap .mys-mid, .mys-foot.mys-foot-1600.mys-footer-box .mys-footer-wrap .mys-bot {
  width: 100%;
}
.mys-foot .mys-fslv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: var(--desktop-x-padding);
  padding-right: var(--desktop-x-padding);
}
.mys-foot .mys-foot-cols {
  display: -ms-grid;
  display: grid;
  gap: var(--footer-cols-gap);
  width: 100%;
}
.mys-foot .mys-col-2 {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.mys-foot .mys-col-3 {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.mys-foot .mys-col-4 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mys-foot .mys-col-5 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.mys-foot .mys-col-6 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mys-foot .mys-foot-alignv-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-foot .mys-foot-alignv-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mys-foot .mys-foot-alignv-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mys-foot .mys-foot-alignh-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-foot .mys-foot-alignh-spaced {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mys-foot .mys-foot-alignh-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mys-foot .mys-foot-alignh-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mys-foot .mys-top {
  background: var(--footer-top-bg, var(--gray-color));
  background-size: var(--footer-top-bg-size);
  color: var(--footer-top-color, var(--white-color));
  font-size: var(--footer-top-font-size);
  border-radius: var(--footer-top-radius);
  position: relative;
}
.mys-foot .mys-top .mys-fslv {
  padding-top: var(--footer-top-padd, calc(var(--footer-y-padding) * 0.25));
  padding-bottom: var(--footer-top-padd, calc(var(--footer-y-padding) * 0.25));
}
.mys-foot .mys-mid {
  background: var(--footer-mid-bg, var(--white-color));
  background-size: var(--footer-mid-bg-size);
  color: var(--footer-mid-color, var(--gray-color));
  font-size: var(--footer-mid-font-size);
  border-radius: var(--footer-mid-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.mys-foot .mys-mid .mys-fslv {
  padding-top: var(--footer-mid-padd, var(--footer-y-padding));
  padding-bottom: var(--footer-mid-padd, var(--footer-y-padding));
}
.mys-foot .mys-bot {
  background: var(--footer-bot-bg, var(--gray-color));
  background-size: var(--footer-bot-bg-size);
  color: var(--footer-bot-color, var(--white-color));
  font-size: var(--footer-bot-font-size);
  border-radius: var(--footer-bot-radius);
  position: relative;
}
.mys-foot .mys-bot .mys-fslv {
  padding-top: var(--footer-bot-padd, calc(var(--footer-y-padding) * 0.5));
  padding-bottom: var(--footer-bot-padd, calc(var(--footer-y-padding) * 0.5));
}
.mys-foot .mys-col.col-multiple-wdg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--header-widgets-gap);
}
.mys-foot .mys-col.col-left {
  margin-right: auto;
}
.mys-foot .mys-col.col-right {
  margin-left: auto;
}
.mys-foot .mys-col.col-expand {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.mys-foot .mys-col.col-full {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.mys-foot .foot-col-title {
  font-size: var(--footer-headline-font-size);
  font-family: var(--footer-headline-family);
  font-weight: var(--footer-headline-weight);
  color: var(--footer-headline-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--footer-headline-gap);
  margin-bottom: var(--footer-headline-margin);
}

@media (max-width: 991px) {
  .mys-foot .mys-foot-cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-foot .mys-col-5 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mys-foot .mys-col-6 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .mys-foot .mys-col-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-foot .mys-col-4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mys-foot .mys-col-5,
  .mys-foot .mys-col-6 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .mys-foot .mys-col-2,
  .mys-foot .mys-col-3,
  .mys-foot .mys-col-4,
  .mys-foot .mys-col-5,
  .mys-foot .mys-col-6 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-foot .mys-col.col-left,
  .mys-foot .mys-col.col-right {
    margin-left: 0;
    margin-right: 0;
  }
}
.mys-search {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  position: relative;
}
.mys-search .search-desk, .mys-search .search-mob {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.5em;
}
.mys-search .search-desk .search-field, .mys-search .search-mob .search-field {
  width: 100%;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding-right: 3.5em;
}
.mys-search .search-desk .search-field::-webkit-search-decoration, .mys-search .search-desk .search-field::-webkit-search-cancel-button, .mys-search .search-desk .search-field::-webkit-search-results-button, .mys-search .search-desk .search-field::-webkit-search-results-decoration, .mys-search .search-mob .search-field::-webkit-search-decoration, .mys-search .search-mob .search-field::-webkit-search-cancel-button, .mys-search .search-mob .search-field::-webkit-search-results-button, .mys-search .search-mob .search-field::-webkit-search-results-decoration {
  display: none;
}
.mys-search .search-desk .search-field::-ms-clear, .mys-search .search-mob .search-field::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.mys-search .search-desk .search-field::-ms-reveal, .mys-search .search-mob .search-field::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.mys-search .search-results-wrapper {
  background-color: var(--theme-bg);
  color: var(--theme-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 300ms ease opacity, 300ms ease transform;
  transition: 300ms ease opacity, 300ms ease transform;
  opacity: 0;
  pointer-events: none;
}
.mys-search .search-results-wrapper.search-show {
  opacity: 1;
  pointer-events: initial;
  z-index: 5;
}
.mys-search .search-results-wrapper .search-results {
  height: 100%;
  overflow-y: auto;
  margin-right: -0.75em;
  padding-right: 0.75em;
}
.mys-search .search-results-wrapper .search-results::-webkit-scrollbar {
  width: 6px;
  background: var(--theme-color-5);
  border-radius: 6px;
}
.mys-search .search-results-wrapper .search-results::-webkit-scrollbar-thumb {
  background: var(--theme-color-15);
  border-radius: 6px;
}
.mys-search .search-results-wrapper .search-results::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-25);
}
.mys-search .search-results-wrapper .search-results .search-term {
  font-size: 1.5em;
  font-weight: bold;
  display: block;
}
.mys-search .search-results-wrapper .search-results .search-term:not(:only-child) {
  margin-bottom: 0.375em;
}
.mys-search .search-results-wrapper .search-results .results-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product:not(:last-child) {
  margin-bottom: 0.5em;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: currentColor;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--search-image-width);
          flex: 0 0 var(--search-image-width);
  max-width: var(--search-image-width);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-photo img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-photo:after {
  content: var(--cart-zoom-icon);
  font-family: var(--cart-zoom-font);
  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: calc(var(--search-image-width) / 2);
  height: calc(var(--search-image-width) / 2);
  background-color: var(--primary-color-85);
  color: var(--white-color);
  position: absolute;
  top: calc(var(--search-image-width) / 4);
  left: calc(var(--search-image-width) / 4);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  font-size: 1em;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-details br {
  display: none;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-details .item-name {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-details .item-cat {
  font-size: 0.75em;
  opacity: 0.6;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-price {
  margin-left: auto;
  color: var(--search-results-price-color);
  text-align: right;
  white-space: nowrap;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a:hover .item-photo img {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a:hover .item-photo:after {
  opacity: 0;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a:hover .item-details .item-name {
  color: var(--search-item-hover-color);
}
.mys-search .search-results-wrapper .search-results .results-list .result-term:not(:last-child) {
  margin-bottom: 0.25em;
}
.mys-search .search-results-wrapper .search-results .results-list .result-term a {
  color: currentColor;
  text-decoration: none;
  font-weight: bold;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-search .search-results-wrapper .search-results .results-list .result-term a:hover {
  color: var(--search-item-hover-color);
}
.mys-search .search-results-wrapper .search-results .results-list + .results-suggestion:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: var(--theme-color);
  opacity: 0.1;
  margin: 0.75em 0;
}
.mys-search .search-results-wrapper .search-results .results-suggestion li a {
  color: currentColor;
  text-decoration: none;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-search .search-results-wrapper .search-results .results-suggestion li a:hover {
  color: var(--search-item-hover-color);
}

@media (min-width: 768px) {
  .mys-search .search-wrap .search-mob-trigger {
    display: none;
  }
  .mys-search .search-results-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    border-radius: var(--search-results-radius);
    -webkit-box-shadow: var(--b-shad) var(--search-results-shadow-color);
            box-shadow: var(--b-shad) var(--search-results-shadow-color);
    margin-top: 2px;
    padding: 1.5em;
    max-height: 70vh;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  .mys-search .search-results-wrapper.search-show {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-search .search-results-wrapper .search-mob {
    display: none;
  }
}
@media (max-width: 767px) {
  .mys-search .search-wrap .search-mob-trigger {
    display: block;
    text-decoration: none;
  }
  .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: var(--white-color);
    -webkit-box-shadow: 0 0 0 2px var(--white-color) inset;
            box-shadow: 0 0 0 2px var(--white-color) inset;
    border-radius: 50% !important;
    font-size: var(--ico-size-md);
    padding: 0.5em;
    aspect-ratio: 1/1;
    line-height: 1;
  }
  .mys-search .search-wrap .search-desk input, .mys-search .search-wrap .search-desk button {
    display: none;
    pointer-events: none;
  }
  .mys-search .search-results-wrapper {
    position: fixed;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    padding: 2em;
  }
  .mys-search .search-results-wrapper .search-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--theme-color-10);
    margin-bottom: 1em;
    padding-bottom: 1em;
  }
  .mys-search .search-results-wrapper .search-mob .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;
  }
  .mys-search .search-results-wrapper .search-mob .search-mob-close:after {
    content: var(--search-mob-back-icon);
    font-family: var(--search-mob-back-font);
    font-size: 2em;
    line-height: 1;
  }
  body.search-shown {
    overflow: hidden;
  }
  body.search-shown .mys-search {
    z-index: 10;
  }
}
@media (min-width: 991px) {
  body.search-shown .mys-head .mys-top:has(.search-results-wrapper.search-show), body.search-shown .mys-head .mys-mid:has(.search-results-wrapper.search-show), body.search-shown .mys-head .mys-bot:has(.search-results-wrapper.search-show) {
    z-index: 1;
  }
}
@-webkit-keyframes cart-i-animation {
  0% {
    -webkit-transform: translate(0, 0) scale(1) rotate(0);
            transform: translate(0, 0) scale(1) rotate(0);
  }
  20% {
    -webkit-transform: translate(0, 0) scale(1.15) rotate(-15deg);
            transform: translate(0, 0) scale(1.15) rotate(-15deg);
  }
  40% {
    -webkit-transform: translate(0, 0) scale(1.3) rotate(15deg);
            transform: translate(0, 0) scale(1.3) rotate(15deg);
  }
  60% {
    -webkit-transform: translate(0, 0) scale(1.3) rotate(-15deg);
            transform: translate(0, 0) scale(1.3) rotate(-15deg);
  }
  80% {
    -webkit-transform: translate(0, 0) scale(1.15) rotate(15deg);
            transform: translate(0, 0) scale(1.15) rotate(15deg);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1) rotate(0);
            transform: translate(0, 0) scale(1) rotate(0);
  }
}
@keyframes cart-i-animation {
  0% {
    -webkit-transform: translate(0, 0) scale(1) rotate(0);
            transform: translate(0, 0) scale(1) rotate(0);
  }
  20% {
    -webkit-transform: translate(0, 0) scale(1.15) rotate(-15deg);
            transform: translate(0, 0) scale(1.15) rotate(-15deg);
  }
  40% {
    -webkit-transform: translate(0, 0) scale(1.3) rotate(15deg);
            transform: translate(0, 0) scale(1.3) rotate(15deg);
  }
  60% {
    -webkit-transform: translate(0, 0) scale(1.3) rotate(-15deg);
            transform: translate(0, 0) scale(1.3) rotate(-15deg);
  }
  80% {
    -webkit-transform: translate(0, 0) scale(1.15) rotate(15deg);
            transform: translate(0, 0) scale(1.15) rotate(15deg);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1) rotate(0);
            transform: translate(0, 0) scale(1) rotate(0);
  }
}
@-webkit-keyframes cart-icon-animation {
  10% {
    -webkit-box-shadow: 0 0 0 var(--secondary-color-50);
            box-shadow: 0 0 0 var(--secondary-color-50);
  }
  40% {
    -webkit-box-shadow: 0 0 0 0.25em var(--secondary-color-50);
            box-shadow: 0 0 0 0.25em var(--secondary-color-50);
  }
  70% {
    -webkit-box-shadow: 0 0 0 0.5em transparent;
            box-shadow: 0 0 0 0.5em transparent;
  }
}
@keyframes cart-icon-animation {
  10% {
    -webkit-box-shadow: 0 0 0 var(--secondary-color-50);
            box-shadow: 0 0 0 var(--secondary-color-50);
  }
  40% {
    -webkit-box-shadow: 0 0 0 0.25em var(--secondary-color-50);
            box-shadow: 0 0 0 0.25em var(--secondary-color-50);
  }
  70% {
    -webkit-box-shadow: 0 0 0 0.5em transparent;
            box-shadow: 0 0 0 0.5em transparent;
  }
}
.mys-cart .wdg-cart .cart-contents .cart-products ul li {
  max-height: 200px;
  overflow: hidden;
}
.mys-cart .wdg-cart .cart-contents .cart-products ul li.item-removed {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 500ms ease all;
  transition: 500ms ease all;
  max-height: 0;
  margin-bottom: -0.75em;
}

.mys-cart {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mys-cart .wdg-cart {
  position: relative;
}
.mys-cart .wdg-cart.added-item .cart-trigger .cart-icon {
  -webkit-animation: cart-icon-animation 500ms linear;
          animation: cart-icon-animation 500ms linear;
  border-radius: 50%;
}
.mys-cart .wdg-cart.added-item .cart-trigger .cart-icon i:before {
  display: block;
  -webkit-animation: cart-i-animation 500ms ease;
          animation: cart-i-animation 500ms ease;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.mys-cart .wdg-cart {
  position: relative;
}
.mys-cart .cart-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.25em;
  cursor: pointer;
}
.mys-cart .cart-trigger .cart-icon {
  font-size: var(--cart-widget-icon);
  color: var(--cart-widget-icon-color);
  line-height: 1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  text-decoration: none;
}
.mys-cart .cart-trigger .cart-text {
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-cart .cart-trigger .cart-text br {
  display: none;
}
.mys-cart .cart-trigger .cart-text .cart-text-desc {
  opacity: 0.7;
}
.mys-cart .cart-trigger:hover .cart-icon {
  color: var(--cart-widget-icon-hover-color);
}
.mys-cart .cart-contents h3 {
  font-size: 1.25rem;
}
.mys-cart .cart-contents h3 + .cart-products {
  margin-top: 1em;
}
.mys-cart .cart-contents h3 + .cart-products ul li:first-child:before {
  content: "";
  display: block;
  width: 100%;
  border-bottom: var(--cart-item-line-border);
  opacity: var(--cart-item-line-opacity);
  background: var(--cart-item-line-bg);
  height: var(--cart-item-line-height);
}
.mys-cart .cart-contents .cart-close {
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer;
  text-decoration: none;
}
.sidebar .mys-cart .cart-contents .cart-close {
  display: none;
}
.mys-cart .cart-contents .cart-close > span {
  display: none;
}
.mys-cart .cart-contents .cart-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(--cart-close-icon);
  font-family: var(--cart-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-cart .cart-contents .cart-close:hover:after {
  color: var(--white-color);
  -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
          box-shadow: 0 0 0 2em var(--primary-color) inset;
}
.mys-cart .cart-contents .cart-products {
  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.75em;
}
.mys-cart .cart-contents .cart-products:has(.empty-cart:only-child) {
  height: 95%;
  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;
  text-align: center;
  font-size: 1.25em;
  padding: 1em;
}
.mys-cart .cart-contents .cart-products:has(.empty-cart:only-child) .empty-cart {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-cart .cart-contents .cart-products ul {
  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.75em;
  margin-right: -0.75em;
  padding-right: 0.75em;
}
.sidebar .mys-cart .cart-contents .cart-products ul {
  margin-right: 0;
  padding-right: 0;
}
.mys-cart .cart-contents .cart-products ul::-webkit-scrollbar {
  width: 6px;
  background: var(--theme-color-5);
  border-radius: 6px;
}
.mys-cart .cart-contents .cart-products ul::-webkit-scrollbar-thumb {
  background: var(--theme-color-15);
  border-radius: 6px;
}
.mys-cart .cart-contents .cart-products ul::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-25);
}
.mys-cart .cart-contents .cart-products ul li {
  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.75em;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.mys-cart .cart-contents .cart-products ul li:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: var(--cart-item-line-border);
  opacity: var(--cart-item-line-opacity);
  background: var(--cart-item-line-bg);
  height: var(--cart-item-line-height);
}
.mys-cart .cart-contents .cart-products .cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1em;
}
.mys-cart .cart-contents .cart-products .cart-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  text-decoration: none;
  color: currentColor;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-photo {
  width: var(--cart-image-width);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  aspect-ratio: 1/1;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details br {
  display: none;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-code {
  font-size: 0.75em;
  opacity: 0.6;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-cat {
  font-size: 0.75em;
  opacity: 0.6;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-name {
  color: var(--cart-w-name-color);
  font-weight: var(--cart-w-name-weight);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  line-height: 1.2;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-price {
  color: var(--cart-w-price-color);
  font-weight: var(--cart-w-price-weight);
  font-size: var(--cart-w-price-size);
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-price strong {
  font-weight: inherit;
}
.mys-cart .cart-contents .cart-products .cart-item > a:hover .item-details .item-name {
  color: var(--cart-item-hover-color);
}
.mys-cart .cart-contents .cart-products .cart-item .item-remove {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.mys-cart .cart-contents .cart-products .cart-item .remove-cart {
  color: var(--cart-w-remove-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5em;
  text-decoration: none;
  -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-cart .cart-contents .cart-products .cart-item .remove-cart span {
  display: none;
}
.mys-cart .cart-contents .cart-products .cart-item .remove-cart:after {
  line-height: 1;
  display: block;
  content: var(--cart-remove-icon);
  font-family: var(--cart-remove-font);
}
.mys-cart .cart-contents .cart-products .cart-item .remove-cart:hover {
  color: var(--cart-w-remove-hover-color);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mys-cart .cart-contents .cart-products.cart-disable .cart-item .item-remove {
  display: none;
}
.mys-cart .cart-contents .cart-products .cart-totals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mys-cart .cart-contents .cart-products .cart-buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media (min-width: 768px) {
  .mys-head .mys-cart .wdg-cart .cart-backdrop {
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    position: absolute;
    right: 0;
    top: calc(var(--cart-widget-icon) + 1.75em);
    z-index: 100;
    isolation: isolate;
  }
  .mys-head .mys-cart .wdg-cart .cart-contents {
    width: var(--cart-content-width);
    border-radius: var(--cart-content-radius);
    -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;
    max-height: 80vh;
  }
  .mys-head .mys-cart .wdg-cart .cart-contents .cart-close {
    display: none;
  }
  .mys-head .mys-cart .wdg-cart .cart-contents .cart-products {
    max-height: calc(80vh - 5em - clamp(1.125rem, 0.0138888889rem + 2.3148148148vw, 1.25rem));
  }
  .mys-head .mys-cart .wdg-cart .cart-contents .cart-products ul {
    overflow-y: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .mys-head .mys-cart .wdg-cart.cart-show .cart-backdrop {
    opacity: 1;
    pointer-events: initial;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-head .mys-cart.show-side.side-left .wdg-cart .cart-backdrop {
    right: auto;
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .mys-head .mys-cart.show-side.side-right .wdg-cart .cart-backdrop {
    right: 0;
    left: auto;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .mys-head .mys-cart.show-side .wdg-cart .cart-backdrop {
    position: fixed;
    bottom: 0;
    top: 0;
  }
  .mys-head .mys-cart.show-side .wdg-cart .cart-contents {
    max-height: 100%;
    height: 100%;
    border-radius: 0;
    width: var(--cart-side-content-width);
  }
  .mys-head .mys-cart.show-side .wdg-cart .cart-contents .cart-close {
    display: block;
  }
  .mys-head .mys-cart.show-side .wdg-cart .cart-contents .cart-products {
    max-height: calc(100vh - 5em - clamp(1.125rem, 0.0138888889rem + 2.3148148148vw, 1.25rem));
  }
  .mys-head .mys-cart.show-side .wdg-cart .cart-contents .cart-products ul {
    overflow-y: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .mys-head .mys-cart.show-side .wdg-cart.cart-show .cart-backdrop {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .mys-head .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-head .mys-cart .wdg-cart .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-head .mys-cart .wdg-cart .cart-contents .cart-close {
    display: block;
  }
  .mys-head .mys-cart .wdg-cart .cart-contents .cart-products {
    max-height: calc(90vh - 5em - clamp(1.125rem, 0.0138888889rem + 2.3148148148vw, 1.25rem));
  }
  .mys-head .mys-cart .wdg-cart .cart-contents .cart-products ul {
    overflow-y: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .mys-cart .wdg-cart.cart-show {
    z-index: 1;
  }
  .mys-head .mys-cart .wdg-cart.cart-show .cart-backdrop {
    opacity: 1;
    pointer-events: initial;
  }
  .mys-head .mys-cart .wdg-cart.cart-show .cart-contents {
    opacity: 1;
    -webkit-transform: var(--modal-transform-mob-on);
            transform: var(--modal-transform-mob-on);
  }
  body.cart-shown .mys-head .mys-top:has(.wdg-cart.cart-show), body.cart-shown .mys-head .mys-mid:has(.wdg-cart.cart-show), body.cart-shown .mys-head .mys-bot:has(.wdg-cart.cart-show) {
    z-index: 3;
  }
}
@media (max-width: 575px) {
  .mys-cart .cart-contents .cart-products .cart-buttons {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.mys-user {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mys-user .wdg-user {
  position: relative;
}
.mys-user .user-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.25em;
  text-decoration: none;
  cursor: pointer;
}
.mys-user .user-trigger .user-icon {
  font-size: var(--user-widget-icon);
  color: var(--user-widget-icon-color);
  line-height: 1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-user .user-trigger .user-icon i {
  display: block;
}
.mys-user .user-trigger .user-label {
  line-height: 1.2;
  color: var(--user-widget-label-color);
}
.mys-user .user-trigger:hover .user-icon {
  color: var(--user-widget-icon-hover-color);
}
.mys-user .user-contents .user-title {
  font-size: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0.5em;
}
.mys-user .user-contents .user-title span {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
}
.mys-user .user-contents .user-close {
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer;
}
.sidebar .mys-user .user-contents .user-close {
  display: none;
}
.mys-user .user-contents .user-close > span {
  display: none;
}
.mys-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-user .user-contents .user-close:hover:after {
  color: var(--white-color);
  -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
          box-shadow: 0 0 0 2em var(--primary-color) inset;
}
.mys-user .user-contents .user-menu {
  margin-right: -0.75em;
  padding-right: 0.75em;
}
.sidebar .mys-user .user-contents .user-menu {
  margin-right: 0;
  padding-right: 0;
}
.mys-user .user-contents .user-menu::-webkit-scrollbar {
  width: 6px;
  background: var(--theme-color-5);
  border-radius: 6px;
}
.mys-user .user-contents .user-menu::-webkit-scrollbar-thumb {
  background: var(--theme-color-15);
  border-radius: 6px;
}
.mys-user .user-contents .user-menu::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-25);
}

@media (min-width: 768px) {
  .mys-head .mys-user .wdg-user .user-backdrop {
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    position: absolute;
    right: 0;
    top: var(--user-widget-icon);
    z-index: 100;
  }
  .mys-head .mys-user .wdg-user .user-backdrop * {
    pointer-events: none;
  }
  .mys-head .mys-user .wdg-user .user-contents {
    width: var(--user-content-width);
    border-radius: var(--user-content-radius);
    -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;
    max-height: 80vh;
  }
  .mys-head .mys-user .wdg-user .user-contents .user-close {
    display: none;
  }
  .mys-head .mys-user .wdg-user .user-contents .user-menu {
    max-height: calc(80vh - clamp(1.125rem, 0.0138888889rem + 2.3148148148vw, 1.25rem) - 11em);
    overflow-y: auto;
  }
  .mys-head .mys-user .wdg-user.user-show .user-backdrop {
    opacity: 1;
    pointer-events: initial;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-head .mys-user .wdg-user.user-show .user-backdrop * {
    pointer-events: initial;
  }
  .mys-head .mys-user.show-side.side-left .wdg-user .user-backdrop {
    right: auto;
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .mys-head .mys-user.show-side.side-right .wdg-user .user-backdrop {
    right: 0;
    left: auto;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .mys-head .mys-user.show-side .wdg-user .user-backdrop {
    position: fixed;
    bottom: 0;
    top: 0;
  }
  .mys-head .mys-user.show-side .wdg-user .user-contents {
    max-height: 100%;
    height: 100%;
    border-radius: 0;
    width: var(--user-side-content-width);
  }
  .mys-head .mys-user.show-side .wdg-user .user-contents .user-close {
    display: block;
  }
  .mys-head .mys-user.show-side .wdg-user .user-contents .user-menu {
    max-height: calc(100vh - clamp(1.5rem, -0.2777777778rem + 3.7037037037vw, 2.5rem) - 6em);
  }
  .mys-head .mys-user.show-side .wdg-user.user-show .user-backdrop {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .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;
    background: var(--user-backdrop-bg);
    -webkit-backdrop-filter: var(--user-backdrop-filter);
            backdrop-filter: var(--user-backdrop-filter);
    z-index: 2;
  }
  .mys-head .mys-user .wdg-user .user-backdrop * {
    pointer-events: none;
  }
  .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 .causerrt-close {
    display: block;
  }
  .mys-head .mys-user .wdg-user .user-contents .user-menu {
    max-height: calc(90vh - 5em - clamp(1.125rem, 0.0138888889rem + 2.3148148148vw, 1.25rem));
    overflow-y: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .mys-user .wdg-user.user-show {
    z-index: 1;
  }
  .mys-head .mys-user .wdg-user.user-show .user-backdrop {
    opacity: 1;
    pointer-events: initial;
  }
  .mys-head .mys-user .wdg-user.user-show .user-backdrop * {
    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);
  }
  body.user-shown .mys-head .mys-top:has(.wdg-user.user-show), body.user-shown .mys-head .mys-mid:has(.wdg-user.user-show), body.user-shown .mys-head .mys-bot:has(.wdg-user.user-show) {
    z-index: 3;
  }
}
.mys-fav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mys-fav .wdg-fav {
  position: relative;
}
.mys-fav .fav-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.25em;
  text-decoration: none;
  cursor: pointer;
}
.mys-fav .fav-trigger .fav-icon {
  font-size: var(--fav-widget-icon);
  color: var(--fav-widget-icon-color);
  line-height: 1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  text-decoration: none;
}
.mys-fav .fav-trigger .fav-icon i {
  display: block;
}
.mys-fav .fav-trigger .fav-label {
  line-height: 1.2;
  color: var(--fav-widget-label-color);
}
.mys-fav .fav-trigger:hover .fav-icon {
  color: var(--fav-widget-icon-hover-color);
}

.mys-mob-trigger .mob-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: var(--trigger-width);
  height: var(--trigger-height);
  padding: var(--trigger-padding-y) var(--trigger-padding-x);
  background-color: var(--trigger-bg);
  color: var(--trigger-color);
  border-radius: var(--trigger-radius);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  position: relative;
}
.mys-mob-trigger .mob-trigger:before, .mys-mob-trigger .mob-trigger:after {
  content: "";
  display: block;
  width: 100%;
  height: var(--trigger-line-thickness);
  border-radius: var(--trigger-line-radius);
  background: currentColor;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-mob-trigger .mob-trigger span {
  background: currentColor;
  width: 100%;
  height: var(--trigger-line-thickness);
  border-radius: var(--trigger-line-radius);
  display: block;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-mob-trigger .mob-trigger span.line-two {
  position: absolute;
  left: var(--trigger-padding-x);
  right: var(--trigger-padding-x);
  width: auto;
  top: calc(50% - var(--trigger-line-thickness) / 2);
  -webkit-transition: 300ms ease transform;
  transition: 300ms ease transform;
}
.mys-mob-trigger .mob-trigger.trigger-on {
  z-index: 200;
}
.mys-mob-trigger .mob-trigger.trigger-on:before, .mys-mob-trigger .mob-trigger.trigger-on:after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  opacity: 0;
}
.mys-mob-trigger .mob-trigger.trigger-on .line-one {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: var(--trigger-on-color);
}
.mys-mob-trigger .mob-trigger.trigger-on .line-two {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: var(--trigger-on-color);
}

.mys-product-trigger {
  position: relative;
}
.mys-product-trigger .open-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--products-widget-trigger-bg);
  color: var(--products-widget-trigger-color);
  -webkit-box-shadow: var(--products-widget-trigger-shadow);
          box-shadow: var(--products-widget-trigger-shadow);
  border: var(--products-widget-trigger-border);
  border-radius: var(--products-widget-trigger-radius);
  padding: var(--products-widget-trigger-padding);
  font-size: var(--products-widget-trigger-label-size);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 0.375em;
  cursor: pointer;
}
.mys-product-trigger .open-menu:hover {
  background: var(--products-widget-trigger-hover-bg);
  color: var(--products-widget-trigger-hover-color);
  -webkit-box-shadow: var(--products-widget-trigger-hover-shadow);
          box-shadow: var(--products-widget-trigger-hover-shadow);
}
.mys-product-trigger i {
  font-size: var(--products-widget-trigger-icon-font-size);
  background: var(--products-widget-trigger-icon-bg);
  color: var(--products-widget-trigger-icon-color);
  border: var(--products-widget-trigger-icon-border);
  border-radius: var(--products-widget-trigger-icon-radius);
  width: var(--products-widget-trigger-icon-size);
  height: var(--products-widget-trigger-icon-size);
  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;
  font-weight: normal;
  font-style: normal;
}
.mys-product-trigger i:before {
  line-height: 1;
  content: var(--products-widget-trigger-icon);
  font-family: var(--products-widget-trigger-icon-family);
}
.mys-product-trigger span {
  color: var(--products-widget-trigger-label-color);
  font-weight: var(--products-widget-trigger-label-weight);
  text-transform: var(--products-widget-trigger-label-transform);
}
.mys-product-trigger .mys-product-checkbox {
  display: none;
}

@media (hover: hover) {
  .mys-products-trigger .open-menu:hover {
    background: var(--products-widget-trigger-hover-bg);
    color: var(--products-widget-trigger-hover-color);
    -webkit-box-shadow: var(--products-widget-trigger-hover-shadow);
            box-shadow: var(--products-widget-trigger-hover-shadow);
  }
}
.mys-product-menu {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  display: block;
  position: absolute;
  left: 0;
  z-index: 20;
  min-width: 100%;
}
.mys-product-menu .product-menu-holder {
  background: var(--products-menu-bg);
  color: var(--products-menu-color);
  width: var(--products-menu-width);
  border-radius: var(--products-menu-radius);
  -webkit-box-shadow: var(--products-menu-shadow);
          box-shadow: var(--products-menu-shadow);
  margin-top: var(--products-menu-top-margin);
  padding: var(--products-menu-padding);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: var(--products-menu-height);
  max-height: var(--products-menu-max-height);
}
.mys-product-menu .product-menu-holder h3 {
  font-size: 1.25rem;
  margin-bottom: 1em;
}
.mys-product-menu .product-menu-holder .product-menu-close {
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer;
}
.mys-product-menu .product-menu-holder .product-menu-close > span {
  display: none;
}
.mys-product-menu .product-menu-holder .product-menu-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(--products-menu-close-icon);
  font-family: var(--products-menu-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-product-menu .product-menu-holder .product-menu-close:hover:after {
  color: var(--white-color);
  -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
          box-shadow: 0 0 0 2em var(--primary-color) inset;
}
.mys-product-menu .product-menu-holder .product-menu-scroller {
  height: 100%;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  margin-right: 0;
  padding-right: 0.75em;
}
.mys-product-menu .product-menu-holder .product-menu-scroller::-webkit-scrollbar {
  width: 6px;
  background: var(--theme-color-5);
  border-radius: 6px;
}
.mys-product-menu .product-menu-holder .product-menu-scroller::-webkit-scrollbar-thumb {
  background: var(--theme-color-15);
  border-radius: 6px;
}
.mys-product-menu .product-menu-holder .product-menu-scroller::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-25);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > a {
  background: var(--products-menu-lv1-bg);
  background-position: var(--products-menu-lv1-bg-position) !important;
  background-size: var(--products-menu-lv1-bg-size) !important;
  color: var(--products-menu-lv1-color);
  font-size: var(--products-menu-lv1-size);
  padding: var(--products-menu-lv1-padding);
  border: var(--products-menu-lv1-border);
  border-radius: var(--products-menu-lv1-radius);
  font-weight: var(--products-menu-lv1-weight);
  text-transform: var(--products-menu-lv1-transform);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > a:hover {
  background: var(--products-menu-lv1-hover-bg);
  color: var(--products-menu-lv1-hover-color);
  border: var(--products-menu-lv1-hover-border);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li:not(:last-child):after {
  content: "";
  width: 100%;
  display: var(--products-menu-lv1-line-display);
  height: var(--products-menu-lv1-line-thick);
  background: var(--products-menu-lv1-line-bg);
  margin-top: var(--products-menu-lv1-gap);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--products-menu-lv1-gap);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul li a {
  text-decoration: none;
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
  position: absolute;
  left: 100%;
  top: var(--products-menu-top-margin);
  opacity: 0;
  pointer-events: none;
  width: var(--products-menu-width);
  background: var(--products-menu-bg);
  border-radius: var(--products-menu-radius);
  -webkit-box-shadow: var(--products-menu-shadow);
          box-shadow: var(--products-menu-shadow);
  padding: var(--products-menu-padding);
  height: var(--products-menu-height);
  max-height: var(--products-menu-max-height);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller {
  height: 100%;
  overflow-y: auto;
  padding-right: 0.75em;
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller::-webkit-scrollbar {
  width: 6px;
  background: var(--theme-color-5);
  border-radius: 6px;
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller::-webkit-scrollbar-thumb {
  background: var(--theme-color-15);
  border-radius: 6px;
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-25);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller > ul > li > a {
  background: var(--products-menu-lv2-bg);
  color: var(--products-menu-lv2-color);
  border: var(--products-menu-lv2-border);
  border-radius: var(--products-menu-lv2-radius);
  font-size: var(--products-menu-lv2-size);
  font-weight: var(--products-menu-lv2-weight);
  text-transform: var(--products-menu-lv2-transform);
  padding: var(--products-menu-lv2-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller > ul > li > a:hover {
  background: var(--products-menu-lv2-hover-bg);
  color: var(--products-menu-lv2-hover-color);
  border: var(--products-menu-lv2-hover-border);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller > ul > li > ul {
  margin: var(--products-menu-lv3-margin);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller > ul > li > ul > li > a {
  color: var(--products-menu-lv3-color);
  font-size: var(--products-menu-lv3-size);
  font-weight: var(-products-menu-lv3-weight);
  text-transform: var(--products-menu-lv3-transform);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller > ul > li > ul > li > a:hover {
  color: var(--products-menu-lv3-hover-color);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active > a {
  background: var(--products-menu-lv1-hover-bg);
  color: var(--products-menu-lv1-hover-color);
  border: var(--products-menu-lv1-hover-border);
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active > .product-submenu {
  opacity: 1;
  z-index: 2;
}
.mys-product-menu:not(.show-side) h3, .mys-product-menu:not(.show-side) .product-menu-close {
  display: none;
}

@media (min-width: 768px) and (max-width: 1399px) {
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller {
    padding-right: 2em;
    padding-left: 2em;
  }
}
@media (min-width: 1400px) {
  .mys-product-menu.show-fullside {
    position: fixed;
    top: 0;
    bottom: 0;
    min-width: unset;
    opacity: 1;
    pointer-events: initial;
    -webkit-transform: none;
            transform: none;
  }
  .mys-product-menu.show-fullside.side-left {
    left: 0;
    right: auto;
  }
  .mys-product-menu.show-fullside.side-left .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
    left: var(--products-menu-fullside-content-width);
    -webkit-box-shadow: var(--products-menu-side-left-shadow);
            box-shadow: var(--products-menu-side-left-shadow);
  }
  .mys-product-menu.show-fullside.side-right {
    left: auto;
    right: 0;
  }
  .mys-product-menu.show-fullside.side-right .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
    left: auto;
    right: var(--products-menu-fullside-content-width);
    -webkit-box-shadow: var(--products-menu-side-right-shadow);
            box-shadow: var(--products-menu-side-right-shadow);
  }
  .mys-product-menu.show-fullside .product-menu-holder {
    max-height: 100dvh;
    height: 100%;
    width: var(--products-menu-fullside-content-width);
    border-radius: 0;
    margin-top: 0;
  }
  .mys-product-menu.show-fullside .product-menu-holder .product-menu-scroller > ul > li.item-active > .product-submenu {
    pointer-events: initial;
    height: 100%;
    max-height: unset;
    border-radius: 0;
    top: 0;
  }
  .mys-product-trigger:has(.mys-product-menu.show-fullside) .open-menu {
    display: none;
  }
  body:has(.mys-product-menu.show-fullside.side-left) {
    padding-left: var(--products-menu-fullside-content-width);
  }
  body:has(.mys-product-menu.show-fullside.side-right) {
    padding-right: var(--products-menu-fullside-content-width);
  }
}
@media (min-width: 768px) {
  .mys-product-menu .product-menu-holder {
    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 .product-menu-scroller {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller .menu-back {
    display: none;
  }
  .mys-product-menu.show-side {
    position: fixed;
    top: 0;
    bottom: 0;
    min-width: unset;
  }
  .mys-product-menu.show-side h3, .mys-product-menu.show-side .product-menu-close {
    display: block;
  }
  .mys-product-menu.show-side .product-menu-holder {
    max-height: 100dvh;
    height: 100%;
    width: var(--products-menu-side-content-width);
    border-radius: 0;
    margin-top: 0;
  }
  .mys-product-menu.show-side .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
    border-radius: 0;
    height: 100%;
    max-height: unset;
    top: 0;
  }
  .mys-product-menu.show-side .product-menu-holder .product-menu-scroller > ul > li > .product-submenu.product-columns .submenu-scroller > ul {
    max-height: 100%;
  }
  .mys-product-menu.show-side.side-left {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .mys-product-menu.show-side.side-left .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
    left: var(--products-menu-side-content-width);
    -webkit-box-shadow: var(--products-menu-side-left-shadow);
            box-shadow: var(--products-menu-side-left-shadow);
  }
  .mys-product-menu.show-side.side-right {
    right: 0;
    left: auto;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .mys-product-menu.show-side.side-right .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
    left: auto;
    right: var(--products-menu-side-content-width);
    -webkit-box-shadow: var(--products-menu-side-right-shadow);
            box-shadow: var(--products-menu-side-right-shadow);
  }
  .mys-product-menu.show-fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: none;
            transform: none;
  }
  .mys-product-menu.show-fullscreen .product-menu-close {
    display: block;
  }
  .mys-product-menu.show-fullscreen .product-menu-holder {
    max-height: 100dvh;
    height: 100%;
    width: 100%;
    border-radius: 0;
    margin-top: 0;
    -webkit-backdrop-filter: var(--products-menu-full-backdrop);
            backdrop-filter: var(--products-menu-full-backdrop);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller {
    height: calc(100dvh - 2em);
    width: 100%;
    max-width: calc(var(--products-menu-full-max-width) - 2 * var(--desktop-x-padding));
    margin-left: auto;
    margin-right: auto;
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--products-menu-full-cols);
    grid-template-columns: var(--products-menu-full-cols);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li {
    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.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:after, .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:last-child:after {
    content: "";
    width: 100%;
    display: block;
    height: var(--products-menu-lv1-line-thick);
    background: var(--products-menu-lv1-line-bg);
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-top: var(--products-menu-lv1-gap);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li > a {
    background-image: none;
    line-height: 1.2;
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
    position: relative;
    inset: unset;
    border-radius: 0;
    background: none;
    height: unset;
    max-height: unset;
    opacity: 1;
    padding-top: 0;
    width: 100%;
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller {
    background: none;
    height: unset;
    overflow: visible;
    padding-right: 0;
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller > ul {
    max-height: 100%;
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller > ul > li > a {
    background: none;
  }
}
@media (min-width: 1200px) {
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul {
    -ms-grid-columns: var(--products-menu-full-xl-cols);
    grid-template-columns: var(--products-menu-full-xl-cols);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul {
    -ms-grid-columns: var(--products-menu-full-lg-cols);
    grid-template-columns: var(--products-menu-full-lg-cols);
  }
}
.mys-product-trigger .mys-product-checkbox:checked ~ .mys-product-menu {
  opacity: 1;
  pointer-events: initial;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.mys-product-trigger .mys-product-checkbox:checked ~ .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active > .product-submenu {
  pointer-events: all;
}
.mys-product-trigger .mys-product-checkbox:checked ~ .mys-product-menu.show-side.side-left {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.mys-product-trigger .mys-product-checkbox:checked ~ .mys-product-menu.show-side.side-right {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.mys-product-trigger .mys-product-checkbox:checked ~ .mys-product-menu.show-fullscreen {
  -webkit-transform: none;
          transform: none;
}
.mys-product-trigger .mys-product-checkbox:checked ~ .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
  pointer-events: initial;
}

@media (min-width: 1200px) {
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu.product-columns {
    width: var(--products-menu-column-width);
    height: var(--products-menu-height);
    max-height: var(--products-menu-max-height);
    padding: 0;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu.product-columns .submenu-scroller {
    width: 100%;
    height: 100%;
    overflow: visible;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu.product-columns .submenu-scroller > ul {
    display: block;
    width: var(--products-menu-column-width);
    height: var(--products-menu-height);
    max-height: var(--products-menu-max-height);
    -webkit-column-count: var(--products-menu-column-count);
       -moz-column-count: var(--products-menu-column-count);
            column-count: var(--products-menu-column-count);
    padding: var(--products-menu-padding);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-column-fill: auto;
       -moz-column-fill: auto;
            column-fill: auto;
    -webkit-column-width: auto;
       -moz-column-width: auto;
            column-width: auto;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu.product-columns .submenu-scroller > ul > li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mys-product-menu.show-side .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
    height: 100%;
    max-height: unset;
  }
}
@media (max-width: 767px) {
  .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;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    height: auto;
    max-height: calc(100dvh - 5em);
    width: 100%;
    padding-right: 0;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller::-webkit-scrollbar {
    all: initial;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller::-webkit-scrollbar-thumb {
    all: initial;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller .menu-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--theme-color-10);
    gap: 0.5em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: normal;
    color: var(--theme-color-50);
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    font-size: 0.875em;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller .menu-back:before {
    content: "\ea60";
    font-family: "remixicon";
    line-height: 1;
    font-size: 1.25em;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul {
    position: relative;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu {
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
    height: 0;
    padding: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    width: 100%;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > .product-submenu .submenu-scroller {
    padding-right: 0;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active {
    pointer-events: initial;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active > .product-submenu {
    height: calc(100dvh - 5em);
    min-height: calc(100dvh - 5em);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active > .product-submenu .submenu-scroller {
    padding-right: 0;
  }
}
.mys-social.mys-wdg-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: var(--group-gap);
}
.mys-social.wdg-gap-xs {
  gap: var(--group-gap-xs);
}
.mys-social.wdg-gap-sm {
  gap: var(--group-gap-sm);
}
.mys-social.wdg-gap-md {
  gap: var(--group-gap-md);
}
.mys-social.wdg-gap-lg {
  gap: var(--group-gap-lg);
}
.mys-social.wdg-gap-xl {
  gap: var(--group-gap-xl);
}

.mys-cookies {
  background: var(--cookies-bg);
  color: var(--cookies-color);
  border: var(--cookies-border);
  border-radius: var(--cookies-radius);
  padding: var(--cookies-padding);
  font-size: var(--cookies-size);
  -webkit-box-shadow: var(--cookies-shadow);
          box-shadow: var(--cookies-shadow);
  inset: var(--cookies-inset);
  position: fixed;
  z-index: 1000;
}
.mys-cookies .mys-cookies-slv {
  max-width: calc(1400px - 2 * var(--desktop-x-padding));
  margin: auto;
}
.mys-cookies p {
  margin-bottom: 0.5em;
}
.mys-cookies .cookies-title {
  font-weight: bold;
  font-size: 1.125rem;
}
.mys-cookies .default-text {
  font-size: 0.9em;
  opacity: 0.8;
  max-width: 1000px;
}
.mys-cookies .extended-text {
  display: none;
  font-size: 0.9em;
  opacity: 0.8;
  max-width: 1000px;
}
.mys-cookies .extended-text.show {
  display: block;
}
.mys-cookies .cookies-checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2em;
  margin-top: 1em;
  padding: 1em 0;
  border-top: 1px solid var(--theme-color-10);
}
.mys-cookies .cookies-checkboxes label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  gap: 0.5em;
}
.mys-cookies .cookies-checkboxes label.disabled {
  pointer-events: none;
  cursor: unset;
  opacity: 0.5;
}
.mys-cookies .cookies-checkboxes a {
  color: currentColor;
}
.mys-cookies .cookies-checkboxes a:hover {
  text-decoration: none;
}
.mys-cookies .cookies-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-cookies .cookies-buttons .cookies-toggler {
  color: currentColor;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-cookies .cookies-buttons .cookies-toggler:before {
  content: "\ea78";
  font-family: "remixicon";
  display: block;
  font-size: 1.5em;
  line-height: 1;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.mys-cookies .cookies-buttons .cookies-toggler.turn:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mys-cookies .cookies-buttons .cookies-acceptance-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}

@media (max-width: 767px) {
  .mys-cookies .cookies-checkboxes {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.75em 2em;
  }
  .mys-cookies .cookies-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .mys-cookies .cookies-buttons .cookies-acceptance-buttons .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media (max-width: 575px) {
  .mys-cookies .cookies-checkboxes {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.75em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0.75em;
  }
  .mys-cookies .cookies-buttons .cookies-acceptance-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-cookies .cookies-buttons .cookies-acceptance-buttons .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
* {
  --home-menu-margin: 0 0 1.5em;
  --home-menu-cols: 1fr 1fr 1fr 1fr 1fr 1fr;
  --home-menu-cols-1199: 1fr 1fr 1fr 1fr 1fr 1fr;
  --home-menu-cols-991: 1fr 1fr 1fr;
  --home-menu-cols-767: 1fr 1fr 1fr;
  --home-menu-cols-575: 1fr 1fr;
  --home-menu-col-gap: 1em;
  --home-menu-item-bg: var(--theme-color-5);
  --home-menu-item-color: var(--theme-color);
  --home-menu-item-border: 1px solid transparent;
  --home-menu-item-radius: var(--b-radius-sm);
  --home-menu-item-min-height: 4.375em;
  --home-menu-item-hover-bg: var(--theme-bg);
  --home-menu-item-hover-color: var(--secondary-color);
  --home-menu-item-hover-border: 1px solid var(--secondary-color);
  --home-menu-sub-inset: calc(100% - var(--home-menu-item-radius)) 0 auto;
  --home-menu-sub-bg: var(--theme-bg);
  --home-menu-sub-border: 1px solid var(--theme-color-20);
  --home-menu-sub-radius: var(--b-radius-sm);
  --home-menu-sub-padding: 0 1em 1em 1em;
}

.home-menu {
  margin: var(--home-menu-margin) !important;
  z-index: 2;
  position: relative;
}
.home-menu ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--home-menu-cols);
  grid-template-columns: var(--home-menu-cols);
  gap: var(--home-menu-col-gap);
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.home-menu ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.home-menu ul li .product-submenu {
  display: block;
  position: absolute;
  inset: var(--home-menu-sub-inset);
  background: var(--home-menu-sub-bg);
  border: var(--home-menu-sub-border);
  border-top: 0;
  border-radius: 0 0 var(--home-menu-sub-radius) var(--home-menu-sub-radius);
  padding: var(--home-menu-sub-padding);
  pointer-events: none;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  opacity: 0;
  -webkit-transform: translateY(-1.5em);
          transform: translateY(-1.5em);
}
.home-menu ul li .product-submenu .all-categories {
  border-top: 1px solid var(--theme-color-10);
  margin-top: 0.375em;
  padding-top: 0.375em;
}
.home-menu ul li .product-submenu .all-categories a {
  color: var(--products-menu-lv2-color);
  font-weight: bold;
  font-size: var(--products-menu-lv2-size);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home-menu ul li .product-submenu .all-categories a:after {
  content: "\ea6c";
  font-family: "remixicon";
  font-size: 1.25em;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}
.home-menu ul li .product-submenu .all-categories a:hover {
  color: var(--products-menu-lv2-hover-color);
}
.home-menu ul li ul {
  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.25em;
}
.home-menu ul li ul li {
  display: block;
}
.home-menu ul li ul li a {
  display: block;
  color: var(--products-menu-lv2-color);
  font-size: var(--products-menu-lv2-size);
  text-decoration: none;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.home-menu ul li ul li a:hover {
  color: var(--products-menu-lv2-hover-color);
}
.home-menu ul li:hover {
  z-index: 5;
}
.home-menu ul li:hover .product-submenu {
  pointer-events: initial;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.home-menu > ul > li > a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  padding: 0.75em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  text-decoration: none;
  background: var(--home-menu-item-bg);
  color: var(--home-menu-item-color);
  border: var(--home-menu-item-border);
  border-radius: var(--home-menu-item-radius);
  min-height: var(--home-menu-item-min-height);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  pointer-events: none;
}
.home-menu > ul > li > a span {
  font-weight: bold;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  line-height: 1.2;
  font-size: 1.125em;
}

@media (hover: none) {
  .home-menu ul li .product-submenu {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (hover: hover) {
  .home-menu > ul > li:hover .product-submenu {
    border-color: var(--secondary-color);
  }
  .home-menu > ul > li:hover > a {
    background: var(--home-menu-item-hover-bg);
    color: var(--home-menu-item-hover-color);
    border: var(--home-menu-item-hover-border);
    -webkit-box-shadow: 0 15px 30px -15px var(--hover-effect-color);
            box-shadow: 0 15px 30px -15px var(--hover-effect-color);
  }
}
@media (max-width: 991px) {
  .home-menu ul {
    -ms-grid-columns: var(--home-menu-cols-991);
    grid-template-columns: var(--home-menu-cols-991);
  }
}
@media (max-width: 991px) {
  .home-menu ul {
    -ms-grid-columns: var(--home-menu-cols-767);
    grid-template-columns: var(--home-menu-cols-767);
  }
}
@media (max-width: 575px) {
  .home-menu ul {
    -ms-grid-columns: var(--home-menu-cols-575);
    grid-template-columns: var(--home-menu-cols-575);
  }
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--h-font, var(--base-font));
  font-weight: var(--headline-font-weight);
  text-transform: var(--headline-text-transform);
  letter-spacing: var(--headline-letter-spacing);
  color: var(--headline-color);
  margin-bottom: 0.3em;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.75rem;
}

h3 {
  font-size: 2.5rem;
}

h4 {
  font-size: 1.9375rem;
}

h5 {
  font-size: 1.5625rem;
}

h6 {
  font-size: 1.25rem;
}

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: 3rem;
}
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.75rem;
}
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: 2.5rem;
}
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.9375rem;
}
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.5625rem;
}
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.25rem;
}
h1.h-c-primary, h2.h-c-primary, h3.h-c-primary, h4.h-c-primary, h5.h-c-primary, h6.h-c-primary {
  color: var(--primary-color);
}
h1.h-c-secondary, h2.h-c-secondary, h3.h-c-secondary, h4.h-c-secondary, h5.h-c-secondary, h6.h-c-secondary {
  color: var(--secondary-color);
}

ul.mys-ul {
  margin-bottom: 1em;
  margin-left: 1em;
}
ul.mys-ul ul {
  margin-top: 0.25em;
}
ul.mys-ul ol {
  margin-left: 1em;
  margin-top: 0.25em;
}
ul.mys-ul li {
  padding-left: 1em;
}
ul.mys-ul li:before {
  content: "";
  display: block;
  width: 0.375em;
  aspect-ratio: 1/1;
  background: currentColor;
  border-radius: 50%;
  float: left;
  margin: 0.55em 0 0 -1em;
}
ul.mys-ol {
  margin-bottom: 1em;
  margin-left: 2em;
  list-style: decimal;
}
ul.mys-ol ul {
  margin-top: 0.25em;
}
ul.mys-ol ol {
  margin-left: 1em;
  margin-top: 0.25em;
}

.mys-static .main-content p {
  margin-bottom: 1em;
}
.mys-static .main-content ul {
  margin-bottom: 1em;
  margin-left: 1em;
}
.mys-static .main-content ul ul {
  margin-top: 0.25em;
}
.mys-static .main-content ul ol {
  margin-left: 1em;
  margin-top: 0.25em;
}
.mys-static .main-content ul li {
  padding-left: 1em;
}
.mys-static .main-content ul li:before {
  content: "";
  display: block;
  width: 0.375em;
  aspect-ratio: 1/1;
  background: currentColor;
  border-radius: 50%;
  float: left;
  margin: 0.55em 0 0 -1em;
}
.mys-static .main-content ol {
  margin-bottom: 1em;
  margin-left: 2em;
  list-style: decimal;
}
.mys-static .main-content ol ul {
  margin-top: 0.25em;
}
.mys-static .main-content ol ol {
  margin-left: 1em;
  margin-top: 0.25em;
}
.mys-static .main-content .t-weight-bold {
  font-weight: bold;
}
.mys-static .main-content .t-weight-normal {
  font-weight: normal;
}
.mys-static .main-content .t-color-primary {
  color: var(--primary-color);
}
.mys-static .main-content .t-color-secondary {
  color: var(--secondary-color);
}
.mys-static .main-content .t-size-md {
  font-size: 1.125em;
}
.mys-static .main-content .t-size-lg {
  font-size: 1.25em;
}
.mys-static .main-content .t-size-xl {
  font-size: 1.375em;
}
.mys-static .main-content .t-size-hg {
  font-size: 1.5em;
}

input:not([type=checkbox]):not([type=radio]).form-control,
textarea.form-control,
select.form-select {
  font-family: var(--field-font, var(--base-font));
  font-size: 1em;
  background-color: var(--field-bg);
  border: 0;
  color: var(--field-color);
  line-height: 1.5;
  padding: 1em;
  border-radius: var(--field-border-radius);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: var(--field-border) solid transparent;
  outline-offset: calc(var(--field-border) * -1);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
input:not([type=checkbox]):not([type=radio]).form-control.form-xs,
textarea.form-control.form-xs,
select.form-select.form-xs {
  font-size: 0.75em;
}
input:not([type=checkbox]):not([type=radio]).form-control.form-sm,
textarea.form-control.form-sm,
select.form-select.form-sm {
  font-size: 0.875em;
}
input:not([type=checkbox]):not([type=radio]).form-control.form-md,
textarea.form-control.form-md,
select.form-select.form-md {
  font-size: 1.125em;
}
input:not([type=checkbox]):not([type=radio]).form-control.form-lg,
textarea.form-control.form-lg,
select.form-select.form-lg {
  font-size: 1.25em;
}
input:not([type=checkbox]):not([type=radio]).form-control.form-xl,
textarea.form-control.form-xl,
select.form-select.form-xl {
  font-size: 1.5em;
}
input:not([type=checkbox]):not([type=radio]).form-control.form-hg,
textarea.form-control.form-hg,
select.form-select.form-hg {
  font-size: 2em;
}

input:not([type=checkbox]):not([type=radio]).form-control:hover,
textarea.form-control:hover,
select.form-select:hover {
  outline-color: var(--field-hover-border);
}
input:not([type=checkbox]):not([type=radio]).form-control:focus,
textarea.form-control:focus,
select.form-select:focus {
  outline-color: var(--field-hover-active-border);
  -webkit-box-shadow: 0 0 0 var(--field-border) var(--field-active-shadow) inset;
          box-shadow: 0 0 0 var(--field-border) var(--field-active-shadow) inset;
}
input:not([type=checkbox]):not([type=radio]).form-control.error,
textarea.form-control.error,
select.form-select.error {
  outline-color: var(--field-error-border-color);
}
input:not([type=checkbox]):not([type=radio]).form-control.error:hover,
textarea.form-control.error:hover,
select.form-select.error:hover {
  outline-color: var(--field-error-hover-border);
}
input:not([type=checkbox]):not([type=radio]).form-control.error:focus,
textarea.form-control.error:focus,
select.form-select.error:focus {
  outline-color: var(--field-error-hover-border);
  -webkit-box-shadow: 0 0 0 var(--field-border) var(--field-error-active-shadow) inset;
          box-shadow: 0 0 0 var(--field-border) var(--field-error-active-shadow) inset;
}

input:not([type=checkbox]):not([type=radio]).form-control.form-outline,
textarea.form-control.form-outline,
select.form-select.form-outline {
  background-color: transparent;
  outline-color: var(--field-border-color);
}
input:not([type=checkbox]):not([type=radio]).form-control.form-outline:hover,
textarea.form-control.form-outline:hover,
select.form-select.form-outline:hover {
  outline-color: var(--field-hover-border);
}
input:not([type=checkbox]):not([type=radio]).form-control.form-outline:focus,
textarea.form-control.form-outline:focus,
select.form-select.form-outline:focus {
  outline-color: var(--field-hover-active-border);
}
input:not([type=checkbox]):not([type=radio]).form-control.form-outline.error,
textarea.form-control.form-outline.error,
select.form-select.form-outline.error {
  outline-color: var(--field-error-border-color);
}
input:not([type=checkbox]):not([type=radio]).form-control.form-outline.error:hover,
textarea.form-control.form-outline.error:hover,
select.form-select.form-outline.error:hover {
  outline-color: var(--field-error-hover-border);
}
input:not([type=checkbox]):not([type=radio]).form-control.form-outline.error:focus,
textarea.form-control.form-outline.error:focus,
select.form-select.form-outline.error:focus {
  outline-color: var(--field-error-hover-border);
  -webkit-box-shadow: 0 0 0 var(--field-border) var(--field-error-active-shadow) inset;
          box-shadow: 0 0 0 var(--field-border) var(--field-error-active-shadow) inset;
}
input:not([type=checkbox]):not([type=radio]).form-control.form-white,
textarea.form-control.form-white,
select.form-select.form-white {
  background-color: var(--white-color);
}

input:not([type=checkbox]):not([type=radio]).form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder {
  color: var(--field-placeholder-color);
}

input:not([type=checkbox]):not([type=radio]).form-control::-moz-placeholder, textarea.form-control::-moz-placeholder {
  color: var(--field-placeholder-color);
}

input:not([type=checkbox]):not([type=radio]).form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder {
  color: var(--field-placeholder-color);
}

input:not([type=checkbox]):not([type=radio]).form-control::-ms-input-placeholder, textarea.form-control::-ms-input-placeholder {
  color: var(--field-placeholder-color);
}

input:not([type=checkbox]):not([type=radio]).form-control::placeholder,
textarea.form-control::placeholder {
  color: var(--field-placeholder-color);
}

select.form-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: var(--field-select-arrow);
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: 1.875em 1.5em;
  padding-right: 2em;
  text-overflow: ellipsis;
}
.row > select.form-select {
  max-width: calc(100% - var(--bs-gutter-x));
}

input[type=checkbox],
input[type=radio] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1em;
  height: 1em;
  position: relative;
  margin: 0;
  font-size: 1.25em;
  cursor: pointer;
}
input[type=checkbox]:before, input[type=checkbox]:after,
input[type=radio]:before,
input[type=radio]:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: remixicon;
}
input[type=checkbox]:before,
input[type=radio]:before {
  content: "";
  width: 1em;
  height: 1em;
  background: var(--field-bg);
  border-radius: var(--field-check-radius);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: var(--field-border) solid transparent;
  outline-offset: calc(var(--field-border) * -1);
}
input[type=checkbox]:after,
input[type=radio]:after {
  inset: 0;
  opacity: 0;
  position: absolute;
  font-size: 0.8em;
}
input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
  background: var(--field-check-selected-bg) !important;
}
input[type=checkbox]:checked:after,
input[type=radio]:checked:after {
  color: var(--field-check-selected-color);
  opacity: 1;
}
input[type=checkbox].form-outline:before,
input[type=radio].form-outline:before {
  outline-color: var(--field-border-color);
}
input[type=checkbox].form-white:before,
input[type=radio].form-white:before {
  background-color: var(--white-color);
}
input[type=checkbox]:checked:after,
input[type=radio]:checked:after {
  opacity: 1;
}
input[type=checkbox]:hover:not(:checked):before,
input[type=radio]:hover:not(:checked):before {
  outline-color: var(--field-hover-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
input[type=checkbox]:focus:before,
input[type=radio]:focus:before {
  outline-color: var(--field-hover-active-border);
  -webkit-box-shadow: 0 0 0 var(--field-border) var(--field-active-shadow) inset;
          box-shadow: 0 0 0 var(--field-border) var(--field-active-shadow) inset;
}
input[type=checkbox]:focus:hover:before,
input[type=radio]:focus:hover:before {
  outline-color: var(--field-hover-active-border);
}
input[type=checkbox]:focus:not(:checked):before,
input[type=radio]:focus:not(:checked):before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
input[type=checkbox].error:before,
input[type=radio].error:before {
  outline-color: var(--field-error-border-color);
}
input[type=checkbox].error:hover:before,
input[type=radio].error:hover:before {
  outline-color: var(--field-error-hover-border);
}
input[type=checkbox].form-xs,
input[type=radio].form-xs {
  font-size: 1em;
}
input[type=checkbox].form-sm,
input[type=radio].form-sm {
  font-size: 1.25em;
}
input[type=checkbox].form-md,
input[type=radio].form-md {
  font-size: 1.5em;
}
input[type=checkbox].form-lg,
input[type=radio].form-lg {
  font-size: 1.75em;
}
input[type=checkbox].form-xl,
input[type=radio].form-xl {
  font-size: 2em;
}
input[type=checkbox].form-hg,
input[type=radio].form-hg {
  font-size: 2.5em;
}

input[type=checkbox]:after,
input[type=radio].form-as-checkbox:after {
  content: var(--field-check-icon);
  font-family: var(--field-check-family);
}

input[type=radio]:after {
  content: var(--field-radio-icon);
  font-family: var(--field-radio-family);
  font-size: 0.6em;
}
input[type=radio].form-as-checkbox:after {
  font-size: 0.8em;
}

.form-wrapper label .required,
.form-wrapper label .ast-req {
  font-weight: bold;
  color: var(--primary-color);
  padding: 0 0 0 0.25em;
}
.form-wrapper label.error {
  font-size: 0.875em;
  color: var(--field-error-label-color);
}
.form-wrapper label.has-cr {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25em;
}

.form-wrapper {
  margin: auto;
  container: form-wrap/inline-size;
}
.form-wrapper .row {
  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.25em;
}
.form-wrapper .row:not(:last-child) {
  margin-bottom: 1em;
}
.form-wrapper .row.row-inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
}
.form-wrapper .row.row-inline label:not(.error) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--field-inline-label-width);
          flex: 0 0 var(--field-inline-label-width);
  padding-right: 1em;
}
.form-wrapper .row.row-inline .form-control, .form-wrapper .row.row-inline .form-select {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.form-wrapper .row.row-inline label.error {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  padding-left: calc(var(--field-inline-label-width) + 1.142857em);
}
.form-wrapper .row.row-cr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5em;
  margin-left: 0;
  margin-right: 0;
}
.form-wrapper .row.row-cr input {
  padding: 0;
}
.form-wrapper .row.row-cr label {
  padding: 0;
  width: auto;
  max-width: calc(100% - 2em - 0.5em);
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.form-wrapper .row.row-cr-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-wrapper .row.row-cr-group br {
  display: none;
}
.form-wrapper .row.row-cr-group label:not(:last-child) {
  margin-right: 1em;
}
.form-wrapper .row.row-btn {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 0;
  margin-right: 0;
}
.form-wrapper .row.row-btn > * {
  width: unset;
}
.form-wrapper .row.row-btn.btn-full-w .btn {
  width: 100%;
}
.form-wrapper .row.row-btn.btn-ac-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.form-wrapper .row.row-btn.btn-ac-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.form-wrapper .row.row-btn.btn-ac-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-wrapper .row.row-btn.row-btn-sp-btw {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.form-wrapper .row.row-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1em;
  padding-left: calc(0.5 * var(--bs-gutter-x));
  padding-right: calc(0.5 * var(--bs-gutter-x));
}
.form-wrapper .row.row-group .group {
  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.25em;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(50% - 1em);
          flex: 1 0 calc(50% - 1em);
}
.form-wrapper .row.row-group[data-rows="3"] .group {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(33.333% - 1em);
          flex: 1 0 calc(33.333% - 1em);
}
.form-wrapper .row > .form-control, .form-wrapper .row > .form-select {
  margin-left: calc(0.5 * var(--bs-gutter-x));
  margin-right: calc(0.5 * var(--bs-gutter-x));
  width: auto;
}
.form-wrapper .row.row-notify {
  background: var(--field-notification-holder-bg);
  color: var(--field-notification-holder-color);
  padding: var(--field-notification-holder-padding);
  border-radius: var(--field-notification-holder-radius);
  border: var(--field-notification-holder-border);
  margin-left: 0;
  margin-right: 0;
}
.form-wrapper .row.row-notify:empty {
  display: none;
}
.form-wrapper .row.row-notify .notify {
  color: currentColor;
  padding-left: 0;
  padding-right: 0;
  font-size: var(--field-notification-holder-size);
}

@container form-wrap (max-width: 500px) {
  .form-wrapper .row.row-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form-wrapper .row.row-inline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25em;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .form-wrapper .row.row-inline label:not(.error), .form-wrapper .row.row-inline label.error {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .form-wrapper .row.row-inline .form-control, .form-wrapper .row.row-inline .form-select {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
  }
}
.checker-form, .checker {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

.btn {
  font-family: var(--b-font, var(--base-font));
  font-weight: var(--button-font-weight);
  text-transform: var(--button-text-transform);
  letter-spacing: var(--button-letter-spacing);
  text-decoration: none;
  border-radius: var(--button-border-radius);
  line-height: 1;
  padding: 1.125em 1.125em !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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.5em;
  -webkit-transition: 500ms ease all;
  transition: 500ms ease all;
  position: relative;
  overflow: hidden;
  border: 0;
  font-size: 1em;
  cursor: pointer;
  isolation: isolate;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn > * {
  z-index: 2;
}
.btn.btn-ac-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btn.btn-ac-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.btn.btn-inline-w {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-grid-column-align: start;
      justify-self: start;
  max-width: unset;
}
.btn.btn-full-w {
  width: 100%;
}
.btn.btn-large-w {
  width: 100%;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btn.btn-loading {
  pointer-events: none;
  -webkit-transition: none;
  transition: none;
  opacity: 0.6;
}
.btn.btn-loading i:before {
  font-family: var(--preloader-font);
  content: var(--preloader-icon);
  -webkit-animation: preloader-spin var(--preloader-speed) linear 0s infinite normal;
          animation: preloader-spin var(--preloader-speed) linear 0s infinite normal;
  display: block;
}
.btn > i {
  font-weight: normal;
  font-size: 1.5em;
  margin-top: -0.375em;
  margin-bottom: -0.375em;
  line-height: 1;
  -webkit-transition: 300ms ease transform;
  transition: 300ms ease transform;
}
.btn:hover {
  -webkit-box-shadow: var(--b-shad-sm) var(--button-shadow-color);
          box-shadow: var(--b-shad-sm) var(--button-shadow-color);
  -webkit-transform: translateY(-0.2em);
          transform: translateY(-0.2em);
  -webkit-transition: 250ms ease all;
  transition: 250ms ease all;
}
.btn.btn-primary {
  background: var(--primary-color);
  color: var(--white-color);
}
.btn.btn-primary:hover {
  background: var(--primary-color-lighter-10);
}
.btn.btn-primary.btn-outline {
  background: transparent;
  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;
}
.btn.btn-primary.btn-outline:hover {
  -webkit-box-shadow: 0 0 0 2px var(--primary-color) inset, var(--b-shad) var(--button-shadow-color);
          box-shadow: 0 0 0 2px var(--primary-color) inset, var(--b-shad) var(--button-shadow-color);
}
.btn.btn-primary.btn-clean {
  color: var(--primary-color);
}
.btn.btn-primary.btn-clean:hover {
  color: var(--white-color);
}
.btn.btn-secondary {
  background: var(--secondary-color);
  color: var(--white-color);
}
.btn.btn-secondary:hover {
  background: var(--secondary-color-lighter-10);
}
.btn.btn-secondary.btn-outline {
  background: transparent;
  color: var(--secondary-color);
  -webkit-box-shadow: 0 0 0 2px var(--secondary-color) inset;
          box-shadow: 0 0 0 2px var(--secondary-color) inset;
}
.btn.btn-secondary.btn-outline:hover {
  -webkit-box-shadow: 0 0 0 2px var(--secondary-color) inset, var(--b-shad) var(--button-shadow-color);
          box-shadow: 0 0 0 2px var(--secondary-color) inset, var(--b-shad) var(--button-shadow-color);
}
.btn.btn-secondary.btn-clean {
  color: var(--secondary-color);
}
.btn.btn-secondary.btn-clean:hover {
  color: var(--white-color);
}
.btn[class*=mys-scheme] {
  background: var(--color-accent);
  color: var(--color-alternate);
}
.btn[class*=mys-scheme].btn-filled {
  background: var(--color-accent);
  color: var(--color-alternate);
  -webkit-box-shadow: 0 0 0 0 var(--color-alternate) inset;
          box-shadow: 0 0 0 0 var(--color-alternate) inset;
}
.btn[class*=mys-scheme].btn-filled:hover {
  background: transparent;
  color: var(--color-accent);
  -webkit-box-shadow: 0 0 0 2em var(--color-alternate) inset, var(--b-shad) var(--button-shadow-color);
          box-shadow: 0 0 0 2em var(--color-alternate) inset, var(--b-shad) var(--button-shadow-color);
}
.btn[class*=mys-scheme].btn-outline {
  background: transparent;
  color: var(--color-accent);
  -webkit-box-shadow: 0 0 0 2px var(--color-accent) inset;
          box-shadow: 0 0 0 2px var(--color-accent) inset;
}
.btn[class*=mys-scheme].btn-outline:hover {
  color: var(--color-alternate);
  -webkit-box-shadow: 0 0 0 2em var(--color-accent) inset, var(--b-shad) var(--button-shadow-color);
          box-shadow: 0 0 0 2em var(--color-accent) inset, var(--b-shad) var(--button-shadow-color);
}
.btn[class*=mys-scheme].btn-clean {
  color: var(--color-accent);
}
.btn.btn-clean {
  padding: 0;
  background: transparent;
  overflow: visible;
}
.btn.btn-clean:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-clean:has(i) i {
  margin-top: 0;
  margin-bottom: 0;
}
.btn.btn-xs {
  font-size: 0.75em;
}
.btn.btn-sm {
  font-size: 0.875em;
}
.btn.btn-md {
  font-size: 1.125em;
}
.btn.btn-lg {
  font-size: 1.25em;
}
.btn.btn-xl {
  font-size: 1.5em;
}
.btn.btn-hg {
  font-size: 2em;
}

span.mys-ico {
  pointer-events: none;
}

a:has(.mys-ico) span {
  pointer-events: initial;
}

.mys-ico {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-ico:has(.mys-ico-label) {
  gap: var(--ico-gap-nm);
}
.mys-ico:has(.mys-ico-label).ico-gap-xs {
  gap: var(--ico-gap-xs);
}
.mys-ico:has(.mys-ico-label).ico-gap-sm {
  gap: var(--ico-gap-sm);
}
.mys-ico:has(.mys-ico-label).ico-gap-md {
  gap: var(--ico-gap-md);
}
.mys-ico:has(.mys-ico-label).ico-gap-lg {
  gap: var(--ico-gap-lg);
}
.mys-ico:has(.mys-ico-label).ico-gap-xl {
  gap: var(--ico-gap-xl);
}
.mys-ico a {
  text-decoration: none;
}
.mys-ico i {
  text-decoration: none;
  font-size: var(--ico-size-normal);
  color: inherit;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  font-weight: normal;
  aspect-ratio: 1/1;
}
.mys-ico > span {
  pointer-events: none;
}
.mys-ico.ico-xs i {
  font-size: var(--ico-size-xs);
}
.mys-ico.ico-sm i {
  font-size: var(--ico-size-sm);
}
.mys-ico.ico-md i {
  font-size: var(--ico-size-md);
}
.mys-ico.ico-lg i {
  font-size: var(--ico-size-lg);
}
.mys-ico.ico-xl i {
  font-size: var(--ico-size-xl);
}
.mys-ico.ico-hg i {
  font-size: var(--ico-size-hg);
}
.mys-ico.ico-xh i {
  font-size: var(--ico-size-xh);
}
.mys-ico.ico-style-outline i {
  padding: 0.5em;
  -webkit-box-shadow: 0 0 0 2px var(--color-accent) inset;
          box-shadow: 0 0 0 2px var(--color-accent) inset;
  color: var(--color-accent);
}
.mys-ico.ico-style-outline:hover i {
  -webkit-box-shadow: 0 0 0 1.25em var(--color-accent) inset;
          box-shadow: 0 0 0 1.25em var(--color-accent) inset;
  color: var(--color-alternate);
}
.mys-ico.ico-style-filled i {
  padding: 0.5em;
  background: var(--color-accent);
  color: var(--color-alternate);
  -webkit-box-shadow: 0 0 0 0 var(--color-alternate) inset;
          box-shadow: 0 0 0 0 var(--color-alternate) inset;
}
.mys-ico.ico-style-filled:hover i {
  background: transparent;
  -webkit-box-shadow: 0 0 0 2em var(--color-alternate) inset;
          box-shadow: 0 0 0 2em var(--color-alternate) inset;
  color: var(--color-accent);
}
.mys-ico.ico-style-clear i {
  color: var(--color-accent);
}
.mys-ico.ico-style-clear:hover i {
  color: var(--color-alternate);
}
.mys-ico.ico-shp-sqr i {
  border-radius: 0;
}
.mys-ico.ico-shp-rnd-xs i {
  border-radius: var(--ico-radius-xs);
}
.mys-ico.ico-shp-rnd-sm i {
  border-radius: var(--ico-radius-sm);
}
.mys-ico.ico-shp-rnd i {
  border-radius: var(--ico-radius-normal);
}
.mys-ico.ico-shp-rnd-md i {
  border-radius: var(--ico-radius-md);
}
.mys-ico.ico-shp-rnd-lg i {
  border-radius: var(--ico-radius-lg);
}
.mys-ico.ico-shp-rnd-xl i {
  border-radius: var(--ico-radius-xl);
}
.mys-ico.ico-shp-rnd-hg i {
  border-radius: var(--ico-radius-hg);
}
.mys-ico.ico-shp-rnd-xh i {
  border-radius: var(--ico-radius-xh);
}
.mys-ico.ico-shp-crc i {
  border-radius: 50%;
}
.mys-ico.ico-primary {
  color: var(--primary-color);
}
.mys-ico.ico-secondary {
  color: var(--primary-secondary);
}
.mys-ico.ico-gray {
  color: var(--primary-gray);
}
.mys-ico.ico-black {
  color: var(--primary-black);
}
.mys-ico.ico-white {
  color: var(--primary-white);
}

.table {
  font-size: var(--table-font-size);
  margin-bottom: 1em;
  width: 100%;
}
.table th, .table td {
  padding: var(--table-th-padding);
}
.table th.t-align-left, .table td.t-align-left {
  text-align: left;
}
.table th.t-align-center, .table td.t-align-center {
  text-align: center;
}
.table th.t-align-right, .table td.t-align-right {
  text-align: right;
}
.table th {
  background: var(--table-th-bg);
  color: var(--table-th-color);
  font-weight: var(--table-th-weight);
  border-bottom: var(--table-td-border-width) solid var(--table-th-bg);
}
.table td {
  border-bottom: var(--table-td-border-width) solid var(--table-td-border-color);
}
.table.table-rounded {
  border-radius: var(--table-radius);
}
.table.table-rounded thead:first-child tr:first-child th:first-child,
.table.table-rounded tfoot:first-child tr:first-child th:first-child {
  border-top-left-radius: var(--table-radius);
}
.table.table-rounded thead:first-child tr:first-child th:last-child,
.table.table-rounded tfoot:first-child tr:first-child th:last-child {
  border-top-right-radius: var(--table-radius);
}
.table.table-rounded thead:last-child tr:last-child th:first-child,
.table.table-rounded tfoot:last-child tr:last-child th:first-child {
  border-bottom-left-radius: var(--table-radius);
}
.table.table-rounded thead:last-child tr:last-child th:last-child,
.table.table-rounded tfoot:last-child tr:last-child th:last-child {
  border-bottom-right-radius: var(--table-radius);
}
.table.table-rounded thead:last-child tr:last-child th,
.table.table-rounded tfoot:last-child tr:last-child th {
  border-bottom: 0;
}
.table.table-rounded tbody:first-child tr:first-child td:first-child,
.table.table-rounded tbody:first-child tr:first-child th:first-child {
  border-top-left-radius: var(--table-radius);
}
.table.table-rounded tbody:first-child tr:first-child td:last-child,
.table.table-rounded tbody:first-child tr:first-child th:last-child {
  border-top-right-radius: var(--table-radius);
}
.table.table-rounded tbody:last-child tr:last-child td:first-child,
.table.table-rounded tbody:last-child tr:last-child th:first-child {
  border-bottom-left-radius: var(--table-radius);
}
.table.table-rounded tbody:last-child tr:last-child td:last-child,
.table.table-rounded tbody:last-child tr:last-child th:last-child {
  border-bottom-right-radius: var(--table-radius);
}
.table.table-rounded tbody:last-child tr:last-child td,
.table.table-rounded tbody:last-child tr:last-child th {
  border-bottom: 0;
}
.table.table-striped tbody tr:nth-child(odd) {
  background: var(--table-stripe-bg);
}
.table.table-striped tbody tr:nth-child(even) {
  background: transparent;
}
.table.table-striped tbody tr:last-child:not(:nth-child(even)) td {
  border-bottom: 0;
}
.table.table-hover tbody tr {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.table.table-hover tbody tr:nth-child(odd):hover {
  background: var(--table-hover-odd-bg);
}
.table.table-hover tbody tr:nth-child(even):hover {
  background: var(--table-hover-even-bg);
}
.table.table-bordered {
  border-right: var(--table-td-border-width) solid var(--table-td-border-color);
}
.table.table-bordered th {
  border: var(--table-d-border-width) solid var(--table-th-bg);
  border-right: 0;
}
.table.table-bordered td {
  border: var(--table-td-border-width) solid var(--table-td-border-color);
  border-right: 0;
}
.table.table-borderless th,
.table.table-borderless td {
  border-width: 0;
}
.table.table-shadowed {
  -webkit-box-shadow: var(--table-shadow);
          box-shadow: var(--table-shadow);
}
.table.table-sm {
  font-size: 0.875em;
}

.mys-account-holder {
  container: user-account-holder/inline-size;
}

.mys-user-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: var(--account-col-gap);
  margin-bottom: 2em;
}
.mys-user-account h2 {
  font-size: var(--account-headline-size);
}
.mys-user-account .user-login,
.mys-user-account .user-register,
.mys-user-account .user-forgotten-password,
.mys-user-account .user-change-password,
.mys-user-account .user-address-form,
.mys-user-account .checkout-client-data,
.mys-user-account .checkout-delivery-address,
.mys-user-account .checkout-payment-address {
  background: var(--account-col-bg);
  color: var(--account-col-color);
  border: var(--account-col-border);
  border-radius: var(--account-col-radius);
  padding: var(--account-col-padding);
}
.mys-user-account .user-login {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.mys-user-account .user-login .row.login-button {
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-user-account .user-login .forgotten-password {
  text-decoration: none;
}
.mys-user-account .user-register {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.mys-user-account .user-forgotten-password,
.mys-user-account .user-change-password,
.mys-user-account .user-address-form,
.mys-user-account .checkout-client-data,
.mys-user-account .checkout-delivery-address,
.mys-user-account .checkout-payment-address {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.mys-user-account .social-title {
  margin-top: 0.5em;
  padding-top: 1em;
  border-top: 2px dotted var(--theme-color-20);
  margin-bottom: 1em;
}

@container user-account-holder (max-width: 800px) {
  * {
    --account-col-padding: 1.25em;
  }
  .mys-user-account {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-user-account .user-login,
  .mys-user-account .user-register {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.mys-my-account {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 1em;
}
.mys-my-account .user-data {
  border-bottom: var(--account-line-border);
  padding-bottom: var(--account-line-padding);
  margin-bottom: var(--account-line-margin);
}
.mys-my-account .user-data p:not(:last-child) {
  margin-bottom: 1em;
}
.mys-my-account .user-addresses {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  border-bottom: var(--account-line-border);
  padding-bottom: var(--account-line-padding);
  margin-bottom: var(--account-line-margin);
}
.mys-my-account .user-addresses .address p:not(:last-child) {
  margin-bottom: 1em;
}
.mys-my-account .user-purchase-note {
  border-bottom: var(--account-line-border);
  padding-bottom: var(--account-line-padding);
  margin-bottom: var(--account-line-margin);
}
.mys-my-account .orders-table-holder {
  overflow-x: auto;
}
.mys-my-account .address-table-holder {
  overflow: hidden;
  overflow-x: auto;
  container: orders-table-holder/inline-size;
}
.mys-my-account .address-table-holder .addresses-table thead th {
  text-align: left;
}
.mys-my-account .address-table-holder .addresses-table thead th.address-action {
  text-align: right;
}
.mys-my-account .address-table-holder .addresses-table tbody td.address-action {
  text-align: right;
  white-space: nowrap;
}

.account-notification {
  background: var(--field-notification-holder-bg);
  color: var(--field-notification-holder-color);
  padding: var(--field-notification-holder-padding);
  border-radius: var(--field-notification-holder-radius);
  border: var(--field-notification-holder-border);
  margin-left: 0;
  margin-right: 0;
  font-size: 0.875em;
  margin-bottom: 2em;
}
.user-data .account-notification {
  margin-bottom: 0;
}

.account-success {
  background: var(--field-success-holder-bg);
  color: var(--field-success-holder-color);
  padding: var(--field-success-holder-padding);
  border-radius: var(--field-success-holder-radius);
  border: var(--field-success-holder-border);
  margin-left: 0;
  margin-right: 0;
  font-size: 0.875em;
  margin-bottom: 2em;
}
.user-data .account-success {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .mys-my-account .user-addresses {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-my-account .address-table-holder .addresses-table tbody td.address-action {
    white-space: nowrap;
  }
}
.mys-account-skipregistration {
  background: var(--skip-reg-bg);
  color: var(--skip-reg-color);
  border: var(--skip-reg-border);
  border-radius: var(--skip-reg-radius);
  padding: var(--skip-reg-padding);
  margin-bottom: var(--skip-reg-margin);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--skip-reg-direction);
          flex-direction: var(--skip-reg-direction);
  gap: var(--skip-reg-gap);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-account-skipregistration .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

@media (max-width: 767px) {
  * {
    --skip-reg-direction: column;
  }
  .mys-account-skipregistration p {
    text-align: center;
  }
}
.modal {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  z-index: 1000000;
  -webkit-transition: 300ms ease opacity;
  transition: 300ms ease opacity;
  background: var(--modal-bdrop);
  -webkit-backdrop-filter: var(--modal-bdrop-filter);
          backdrop-filter: var(--modal-bdrop-filter);
}
.modal.show {
  opacity: 1;
  pointer-events: 1;
}
.modal.show .modal-content {
  opacity: 1;
  -webkit-transform: var(--modal-transform-mob-on);
          transform: var(--modal-transform-mob-on);
}
.modal.hide {
  opacity: 0;
  pointer-events: none;
}
.modal.hide .modal-content {
  -webkit-transform: var(--modal-transform-mob-off);
          transform: var(--modal-transform-mob-off);
}
.modal.modal-disabled .modal-content * {
  pointer-events: none !important;
}
.modal .modal-dialog {
  position: absolute;
  inset: 0;
  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: var(--modal-bdrop-padding);
}
.modal .modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--modal-bg);
  color: var(--modal-color);
  border-radius: var(--modal-radius);
  padding: var(--modal-padding);
  font-size: var(--modal-size);
  -webkit-transition: 300ms ease transform, 300ms ease opacity;
  transition: 300ms ease transform, 300ms ease opacity;
  opacity: 0;
  -webkit-box-shadow: var(--b-shad) var(--modal-shadow-color);
          box-shadow: var(--b-shad) var(--modal-shadow-color);
  gap: var(--modal-gap);
  max-height: 70%;
}
.modal .modal-content .modal-header h3 {
  margin-right: 2em;
  font-size: 1.5rem;
  margin-bottom: 0;
}
.modal .modal-content .modal-header .close {
  position: absolute;
  right: 1em;
  top: 1em;
  text-decoration: none;
  cursor: pointer;
}
.modal .modal-content .modal-header .close > span {
  display: none;
}
.modal .modal-content .modal-header .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(--cart-close-icon);
  font-family: var(--cart-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;
}
.modal .modal-content .modal-header .close:hover:after {
  color: var(--white-color);
  -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
          box-shadow: 0 0 0 2em var(--primary-color) inset;
}
.modal .modal-content .modal-body {
  overflow-y: auto;
}
.modal .modal-content .modal-body p:not(:last-child) {
  margin-bottom: 1em;
}
.modal .modal-content .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em 1em;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal .modal-content .modal-footer .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.modal .modal-content .modal-footer.disable {
  pointer-events: none;
}
.modal .modal-content .modal-footer.disable .btn {
  pointer-events: none;
}
.modal .modal-content .modal-footer.disable .btn.close {
  opacity: 0.5;
}
.modal.disable .modal-dialog {
  pointer-events: none;
}
.modal.disable .modal-footer .btn.close {
  opacity: 0.4;
}

@media (min-width: 768px) {
  .modal .modal-content {
    max-width: var(--modal-max-width);
    width: 100%;
  }
}
@media (max-width: 767px) {
  .modal .modal-dialog {
    padding-right: 0;
    padding-left: 0;
  }
  .modal .modal-content {
    max-height: 100%;
    min-width: 100%;
  }
  .modal .modal-content .modal-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mys-prod-cat-title {
  background: var(--product-main-cat-bg);
  color: var(--product-main-cat-color);
  border: var(--product-main-cat-border);
  border-radius: var(--product-main-cat-radius);
  padding: var(--product-main-cat-padding);
  margin-bottom: var(--product-main-cat-title-margin);
}
.mys-prod-cat-title .mys-title-toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-prod-cat-title:has(.cat-desc-check:checked) .cat-desc-toggler label i:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mys-prod-cat-title .mys-cat-title {
  font-size: var(--product-main-cat-title-font-size);
  margin-bottom: 0;
}
.mys-prod-cat-title .cat-desc-toggler label {
  background: var(--cat-desc-toggler-bg);
  color: var(--cat-desc-toggler-color);
  border: var(--cat-desc-toggler-border);
  border-radius: var(--cat-desc-toggler-radius);
  padding: var(--cat-desc-toggler-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  cursor: pointer;
}
.mys-prod-cat-title .cat-desc-toggler label span {
  font-size: var(--cat-desc-toggler-label-size);
  text-transform: var(--cat-desc-toggler-label-transoform);
}
.mys-prod-cat-title .cat-desc-toggler label i {
  line-height: 1;
  font-size: var(--cat-desc-toggler-icon-size);
  background: var(--cat-desc-toggler-icon-bg);
  color: var(--cat-desc-toggler-icon-color);
  border: var(--cat-desc-toggler-icon-border);
  border-radius: var(--cat-desc-toggler-icon-radius);
  padding: var(--cat-desc-toggler-icon-padding);
}
.mys-prod-cat-title .cat-desc-toggler label i:before {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  display: block;
  font-family: var(--cat-desc-toggler-icon-font);
  content: var(--cat-desc-toggler-icon-content);
}
.mys-prod-cat-title .mys-cat-desc {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}
.mys-prod-cat-title .mys-cat-desc > div {
  background: var(--cat-desc-bg);
  color: var(--cat-desc-color);
  border: var(--cat-desc-border);
  border-radius: var(--cat-desc-radius);
  font-size: var(--cat-desc-font-size);
  margin-top: 1em;
  padding: var(--cat-desc-padding);
}
.mys-prod-cat-title .mys-cat-desc p:not(:last-child) {
  margin-bottom: 1em;
}
.mys-prod-cat-title .cat-desc-check {
  display: none;
}
.mys-prod-cat-title .cat-desc-check:checked + .mys-cat-desc {
  max-height: 1500px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}

.mys-products {
  margin-bottom: var(--products-margin);
  display: -ms-grid;
  display: grid;
  gap: var(--products-gap);
}
.mys-products.mys-view-grid {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mys-products.mys-view-grid[data-col="1"] {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.mys-products.mys-view-grid[data-col="2"] {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.mys-products.mys-view-grid[data-col="3"] {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.mys-products.mys-view-grid[data-col="4"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mys-products.mys-view-grid[data-col="5"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.mys-products.mys-view-grid[data-col="6"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mys-products.mys-view-list .mys-product {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 1399px) {
  .mys-products {
    gap: var(--products-xl-gap);
  }
  .mys-products.mys-view-grid[data-col-xl="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xl="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xl="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xl="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xl="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xl="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 1199px) {
  .mys-products {
    gap: var(--products-lg-gap);
  }
  .mys-products.mys-view-grid[data-col-lg="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-lg="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-lg="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-lg="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-lg="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-lg="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 991px) {
  .mys-products {
    gap: var(--products-md-gap);
  }
  .mys-products.mys-view-grid[data-col="5"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mys-products.mys-view-grid[data-col="6"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mys-products.mys-view-grid[data-col-md="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-md="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-md="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-md="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-md="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-md="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 767px) {
  .mys-products {
    gap: var(--products-sm-gap);
  }
  .mys-products.mys-view-grid[data-col="3"], .mys-products.mys-view-grid[data-col="4"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mys-products.mys-view-grid[data-col="5"], .mys-products.mys-view-grid[data-col="6"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mys-products.mys-view-grid[data-col-sm="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-sm="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-sm="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-sm="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-sm="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-sm="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 575px) {
  .mys-products {
    gap: var(--products-xs-gap);
  }
  .mys-products.mys-view-grid[data-col="2"], .mys-products.mys-view-grid[data-col="3"], .mys-products.mys-view-grid[data-col="4"], .mys-products.mys-view-grid[data-col="5"], .mys-products.mys-view-grid[data-col="6"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-products.mys-view-grid[data-col-xs="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xs="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xs="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xs="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xs="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-products.mys-view-grid[data-col-xs="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
.item-tag {
  font-size: var(--product-tag-size);
  font-weight: var(--product-tag-weight);
  text-transform: var(--product-tag-transform);
  -webkit-writing-mode: var(--product-tag-writing-mode);
      -ms-writing-mode: var(--product-tag-writing-mode);
          writing-mode: var(--product-tag-writing-mode);
  background: var(--product-tag-bg);
  color: var(--product-tag-color);
  border: var(--product-tag-border);
  border-radius: var(--product-tag-radius);
  padding: var(--product-tag-padding);
}
.item-tag.tag-recommended {
  background: var(--product-tag-recommended-bg, var(--product-tag-bg));
  color: var(--product-tag-recommended-color, var(--product-tag-color));
}
.item-tag.tag-new {
  background: var(--product-tag-new-bg, var(--product-tag-bg));
  color: var(--product-tag-new-color, var(--product-tag-color));
}
.item-tag.tag-discount {
  background: var(--product-tag-discount-bg, var(--product-tag-bg));
  color: var(--product-tag-discount-color, var(--product-tag-color));
}
.item-tag.tag-bestsellers {
  background: var(--product-tag-bestseller-bg, var(--product-tag-bg));
  color: var(--product-tag-bestseller-color, var(--product-tag-color));
}

.image-tag {
  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: var(--image-tag-img-width);
  aspect-ratio: 1/1;
}
.image-tag img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mys-product {
  background: var(--product-bg);
  color: var(--product-color);
  border: var(--product-border);
  border-radius: var(--product-radius);
  padding: var(--product-padding);
  -webkit-box-shadow: var(--product-shadow);
          box-shadow: var(--product-shadow);
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--product-grid-columns);
  grid-template-columns: var(--product-grid-columns);
  -ms-grid-rows: var(--product-grid-rows);
  grid-template-rows: var(--product-grid-rows);
      grid-template-areas: var(--product-grid-areas);
  gap: var(--product-gap);
}
.mys-product .item-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: var(--product-tags-position);
  inset: var(--product-tags-inset);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--product-tags-direction);
          flex-direction: var(--product-tags-direction);
  -webkit-box-align: var(--product-tags-align);
      -ms-flex-align: var(--product-tags-align);
          align-items: var(--product-tags-align);
  gap: var(--product-tags-gap);
  pointer-events: none;
  z-index: 2;
  grid-area: item-tags;
}
.mys-product .item-image-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--image-tags-direction);
          flex-direction: var(--image-tags-direction);
  -webkit-box-align: var(--image-tags-align);
      -ms-flex-align: var(--image-tags-align);
          align-items: var(--image-tags-align);
  gap: var(--image-tags-gap);
  position: var(--image-tags-position);
  inset: var(--image-tags-inset);
  z-index: 1;
  grid-area: item-image-tags;
}
.mys-product .item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: var(--product-image-size);
  margin-left: var(--product-image-margin);
  margin-right: var(--product-image-margin);
  mix-blend-mode: var(--product-image-blend-mode);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 var(--product-image-size);
          flex: 1 0 var(--product-image-size);
  max-height: var(--product-image-size);
  grid-area: item-image;
}
.mys-product .item-image a {
  width: 100%;
  height: 100%;
  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-product .item-image a img {
  width: 90%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mys-product .item-data {
  grid-area: item-data;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto auto 1fr;
  grid-template-rows: auto auto auto 1fr;
  justify-items: start;
      grid-template-areas: "item-cat" "item-name" "item-desc" "item-price";
  padding: var(--product-data-padding);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.mys-product .item-data .item-cat {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: item-cat;
  font-size: var(--product-cat-font-size);
  font-weight: var(--product-cat-weight);
  background: var(--product-cat-bg);
  color: var(--product-cat-color);
  border: var(--product-cat-border);
  border-radius: var(--product-cat-radius);
  padding: var(--product-cat-padding);
  text-transform: var(--product-cat-transform);
  line-height: 1.2;
}
.mys-product .item-data .item-name {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: item-name;
  font-size: var(--product-name-font-size);
  font-weight: var(--product-name-weight);
  background: var(--product-name-bg);
  color: var(--product-name-color);
  border: var(--product-name-border);
  border-radius: var(--product-name-radius);
  padding: var(--product-name-padding);
  text-transform: var(--product-name-text-transform);
  -webkit-text-decoration: var(--product-name-decoration);
          text-decoration: var(--product-name-decoration);
  word-break: break-word;
}
.mys-product .item-data .item-name a {
  text-decoration: inherit;
  color: inherit;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--product-name-lines);
  word-break: break-word;
}
.mys-product .item-data .item-name a:hover {
  color: var(--product-name-hover-color);
}
.mys-product .item-data .item-desc {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: item-desc;
  font-size: var(--product-desc-size);
  color: var(--product-desc-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--product-desc-lines);
  margin: var(--product-desc-margin);
  word-break: break-word;
}
.mys-product .item-data .item-desc:empty {
  display: none;
}
.mys-product .item-data .item-price {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  margin-top: 0.2em;
  grid-area: item-price;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--item-price-gap);
  line-height: 1;
  -ms-grid-row-align: end;
      align-self: end;
}
.mys-product .item-data .item-price .price-del {
  color: var(--price-del-color);
  font-size: var(--price-del-size);
}
.mys-product .item-data .item-price .price-final {
  background: var(--price-bg);
  color: var(--price-color);
  border: var(--price-border);
  border-radius: var(--price-radius);
  padding: var(--price-padding);
  font-size: var(--price-size);
  font-weight: var(--price-font-weight);
}
.mys-product .item-data .item-price .price-final strong {
  font-weight: inherit;
}
.mys-product .item-purchase-link {
  grid-area: item-buy;
  position: var(--product-add-cart-position);
  inset: var(--product-add-cart-inset);
  container: product-buy/inline-size;
  -ms-grid-row-align: end;
      align-self: end;
}
.mys-product .item-purchase-link .add-to-cart {
  background: var(--product-add-cart-bg);
  color: var(--product-add-cart-color);
  border: var(--product-add-cart-border);
  border-radius: var(--product-add-cart-radius);
  padding: var(--product-add-cart-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  gap: var(--product-add-cart-gap);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: var(--product-add-cart-justify);
      -ms-flex-pack: var(--product-add-cart-justify);
          justify-content: var(--product-add-cart-justify);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-product .item-purchase-link .add-to-cart i {
  background: var(--product-add-cart-icon-bg);
  color: var(--product-add-cart-icon-color);
  font-size: var(--product-add-cart-icon-size);
  padding: var(--product-add-cart-icon-padding);
  border: var(--product-add-cart-icon-border);
  border-radius: var(--product-add-cart-icon-radius);
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  font-style: normal;
}
.mys-product .item-purchase-link .add-to-cart i:before {
  font-family: var(--product-add-cart-icon-font) !important;
  content: var(--product-add-cart-icon-content);
}
.mys-product .item-purchase-link .add-to-cart span {
  display: var(--product-add-cart-label-display);
  color: var(--product-add-cart-label-color);
  font-size: var(--product-add-cart-label-size);
  font-weight: var(--product-add-cart-label-weight);
  text-transform: var(--product-add-cart-label-transform);
}
.mys-product .item-purchase-link .add-to-cart:hover {
  background: var(--product-add-cart-hover-bg);
  color: var(--product-add-cart-hover-color);
}
.mys-product .item-purchase-link .add-to-cart:hover i {
  background: var(--product-add-cart-icon-hover-bg);
  color: var(--product-add-cart-icon-hover-color);
}
.mys-product .item-purchase-link .add-to-cart.not-available {
  background: var(--product-add-cart-na-bg);
  color: var(--product-add-cart-na-color);
  border-color: var(--product-add-cart-na-border-color);
  pointer-events: none;
}
.mys-product .item-purchase-link .add-to-cart.not-available i {
  background: var(--product-add-cart-icon-na-bg);
  color: var(--product-add-cart-icon-na-color);
  border: var(--product-add-cart-icon-na-border-color);
  display: var(--product-add-cart-icon-na-display);
}
.mys-product .item-purchase-link .add-to-cart.not-available i:before {
  content: var(--product-add-cart-icon-na-content);
}
.mys-product .item-purchase-link .add-to-cart.not-available span {
  color: var(--product-add-cart-label-na-color);
  font-weight: var(--product-add-cart-na-label-weight);
}
.mys-product .item-wishlist-link {
  grid-area: item-fav;
  position: var(--product-add-wishlist-position);
  inset: var(--product-add-wishlist-inset);
  container: product-fav/inline-size;
  -ms-grid-row-align: end;
      align-self: end;
}
.mys-product .item-wishlist-link .add-to-wishlist,
.mys-product .item-wishlist-link .remove-from-wishlist {
  border-radius: var(--product-add-wishlist-radius);
  padding: var(--product-add-wishlist-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  gap: var(--product-add-wishlist-gap);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: var(--product-add-wishlist-justify);
      -ms-flex-pack: var(--product-add-wishlist-justify);
          justify-content: var(--product-add-wishlist-justify);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-product .item-wishlist-link .add-to-wishlist i,
.mys-product .item-wishlist-link .remove-from-wishlist i {
  font-size: var(--product-add-wishlist-icon-size);
  padding: var(--product-add-wishlist-icon-padding);
  border-radius: var(--product-add-wishlist-icon-radius);
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  font-style: normal;
}
.mys-product .item-wishlist-link .add-to-wishlist span,
.mys-product .item-wishlist-link .remove-from-wishlist span {
  display: var(--product-add-wishlist-label-display);
  font-size: var(--product-add-wishlist-label-size);
  font-weight: var(--product-add-wishlist-label-weight);
  text-transform: var(--product-add-wishlist-label-transform);
}
.mys-product .item-wishlist-link .add-to-wishlist {
  background: var(--product-add-wishlist-bg);
  color: var(--product-add-wishlist-color);
  border: var(--product-add-wishlist-border);
}
.mys-product .item-wishlist-link .add-to-wishlist i {
  background: var(--product-add-wishlist-icon-bg);
  color: var(--product-add-wishlist-icon-color);
  border: var(--product-add-wishlist-icon-border);
}
.mys-product .item-wishlist-link .add-to-wishlist i:before {
  font-family: var(--product-add-wishlist-icon-font) !important;
  content: var(--product-add-wishlist-icon-content);
}
.mys-product .item-wishlist-link .add-to-wishlist span {
  color: var(--product-add-wishlist-label-color);
}
.mys-product .item-wishlist-link .add-to-wishlist:hover {
  background: var(--product-add-wishlist-hover-bg);
  color: var(--product-add-wishlist-hover-color);
}
.mys-product .item-wishlist-link .add-to-wishlist:hover i {
  background: var(--product-add-wishlist-icon-hover-bg);
  color: var(--product-add-wishlist-icon-hover-color);
}
.mys-product .item-wishlist-link .remove-from-wishlist {
  background: var(--product-remove-wishlist-bg);
  color: var(--product-remove-wishlist-color);
  border: var(--product-remove-wishlist-border);
}
.mys-product .item-wishlist-link .remove-from-wishlist i {
  background: var(--product-remove-wishlist-icon-bg);
  color: var(--product-remove-wishlist-icon-color);
  border: var(--product-remove-wishlist-icon-border);
}
.mys-product .item-wishlist-link .remove-from-wishlist i:before {
  font-family: var(--product-remove-wishlist-icon-font) !important;
  content: var(--product-remove-wishlist-icon-content);
}
.mys-product .item-wishlist-link .remove-from-wishlist span {
  color: var(--product-remove-wishlist-label-color);
}
.mys-product .item-wishlist-link .remove-from-wishlist:hover {
  background: var(--product-remove-wishlist-hover-bg);
  color: var(--product-remove-wishlist-hover-color);
}
.mys-product .item-wishlist-link .remove-from-wishlist:hover i {
  background: var(--product-remove-wishlist-icon-hover-bg);
  color: var(--product-remove-wishlist-icon-hover-color);
}
.mys-product.product-standout {
  height: calc(100% - 2 * var(--product-padding));
}
.mys-product.product-standout .item-effect {
  z-index: 2;
  mix-blend-mode: screen;
  opacity: 0.75;
}
.mys-product.product-standout .item-effect:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--white-color)), to(var(--white-color-50))) !important;
  background: linear-gradient(to bottom, var(--white-color), var(--white-color-50)) !important;
}
.mys-product.product-standout .item-image {
  position: absolute;
  inset: 0;
  height: 100%;
  margin: 0;
  max-height: unset;
  mix-blend-mode: normal;
  z-index: 1;
}
.mys-product.product-standout .item-image a {
  overflow: hidden;
  border-radius: var(--product-radius);
}
.mys-product.product-standout .item-image a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mys-product.product-standout .item-data {
  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-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  z-index: 10;
  pointer-events: none;
}
.mys-product.product-standout .item-data .item-cat {
  color: var(--white-color);
}
.mys-product.product-standout .item-data .item-name {
  color: var(--white-color);
}
.mys-product.product-standout .item-data .item-desc {
  display: none;
}
.mys-product.product-standout .item-data .item-price {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mys-product.product-standout .item-data .item-price .price-del {
  color: var(--white-color-50);
}

@media (min-width: 576px) {
  .mys-view-list .mys-product {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--product-list-columns);
    grid-template-columns: var(--product-list-columns);
    -ms-grid-rows: var(--product-list-rows);
    grid-template-rows: var(--product-list-rows);
        grid-template-areas: var(--product-list-areas);
    gap: var(--product-list-gap);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mys-view-list .mys-product .item-tags {
    grid-area: item-tags;
    position: relative;
    inset: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: var(--product-tags-list-direction);
            flex-direction: var(--product-tags-list-direction);
    -ms-grid-row-align: end;
        align-self: end;
  }
  .mys-view-list .mys-product .item-image-tags {
    inset: var(--image-tags-inset-list);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: var(--image-tags-list-direction);
            flex-direction: var(--image-tags-list-direction);
  }
  .mys-view-list .mys-product .item-image {
    grid-area: item-image;
    margin-left: var(--product-image-list-margin);
    margin-right: var(--product-image-list-margin);
    margin-bottom: 0;
  }
  .mys-view-list .mys-product .item-data {
    grid-area: item-data;
  }
  .mys-view-list .mys-product .item-data .item-price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.75em;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .mys-view-list .mys-product .item-data .item-price .price-del:empty {
    display: none;
  }
  .mys-view-list .mys-product .item-purchase-link {
    grid-area: item-purchase-link;
    position: relative;
    inset: auto;
    -ms-grid-row-align: unset;
        align-self: unset;
  }
  .mys-view-list .mys-product .item-wishlist-link {
    grid-area: item-wishlist-link;
    position: relative;
    inset: auto;
    -ms-grid-row-align: unset;
        align-self: unset;
  }
}
@media (hover: none) {
  .mys-product .item-effect {
    display: none;
  }
}
@media (hover: hover) {
  .mys-product {
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
  }
  .mys-product .item-effect {
    border-radius: var(--product-radius);
    overflow: hidden;
    position: absolute;
    inset: var(--product-effect-inset);
    pointer-events: none;
  }
  .mys-product .item-effect:before {
    content: "";
    display: block;
    position: absolute;
    -webkit-filter: var(--hover-effect-filter);
            filter: var(--hover-effect-filter);
  }
  .mys-hover-style-1 .mys-product .item-effect:before {
    background: var(--hover-effect-bg);
    inset: -50% auto auto -50%;
    width: 200%;
    height: 102%;
    border-radius: 50%;
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .mys-hover-style-1 .mys-product:hover .item-effect:before {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-hover-style-2 .mys-product .item-effect:before {
    background: var(--hover-effect-bg);
    inset: -10px -10px auto;
    width: auto;
    height: 53%;
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
    -webkit-transform: skewY(-10deg) translateY(-105%);
            transform: skewY(-10deg) translateY(-105%);
    -webkit-transform-origin: 0;
            transform-origin: 0;
  }
  .mys-hover-style-2 .mys-product:hover .item-effect:before {
    -webkit-transform: skewY(-10deg) translateY(0);
            transform: skewY(-10deg) translateY(0);
  }
  .mys-hover-style-3 .mys-product .item-effect:before {
    background: var(--hover-effect-bg);
    inset: -10px auto;
    width: 110%;
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: translateX(100%) skewX(30deg);
            transform: translateX(100%) skewX(30deg);
  }
  .mys-hover-style-3 .mys-product:hover .item-effect:before {
    -webkit-transform: translateX(-10%) skewX(40deg);
            transform: translateX(-10%) skewX(40deg);
  }
  .mys-hover-shadow-1 .mys-product {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-1 .mys-product:hover {
    -webkit-box-shadow: 0 10px 15px var(--hover-effect-color);
            box-shadow: 0 10px 15px var(--hover-effect-color);
  }
  .mys-hover-shadow-2 .mys-product {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-2 .mys-product:hover {
    -webkit-box-shadow: 0 15px 30px -15px var(--hover-effect-color);
            box-shadow: 0 15px 30px -15px var(--hover-effect-color);
  }
  .mys-hover-shadow-3 .mys-product:hover {
    -webkit-box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color);
            box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color);
  }
  .mys-hover-shadow-4 .mys-product {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-4 .mys-product:hover {
    -webkit-box-shadow: 0 10px 15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
            box-shadow: 0 10px 15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
    border-color: var(--hover-effect-border-color);
  }
  .mys-hover-shadow-5 .mys-product {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-5 .mys-product:hover {
    -webkit-box-shadow: 0 15px 30px -15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
            box-shadow: 0 15px 30px -15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
    border-color: var(--hover-effect-border-color);
  }
  .mys-hover-shadow-6 .mys-product:hover {
    -webkit-box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
            box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
    border-color: var(--hover-effect-border-color);
  }
  .mys-hover-transform-1 .mys-product {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-hover-transform-1 .mys-product:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  .mys-hover-transform-2 .mys-product {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-hover-transform-2 .mys-product .item-image a img {
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
  }
  .mys-hover-transform-2 .mys-product:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  .mys-hover-transform-2 .mys-product:hover .item-image a img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .mys-hover-transform-3 .mys-product .item-image a img {
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
  }
  .mys-hover-transform-3 .mys-product:hover .item-image a img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .mys-hover-transform-4 .mys-product {
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .mys-hover-transform-4 .mys-product:hover {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  .mys-hover-transform-5 .mys-product {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .mys-hover-transform-5 .mys-product:hover {
    -webkit-transform: perspective(600px) rotateY(-5deg) scale(1.05) translate(-2%, 0);
            transform: perspective(600px) rotateY(-5deg) scale(1.05) translate(-2%, 0);
  }
}
@media (hover: hover) and (min-width: 576px) {
  .mys-hover-style-1.mys-view-list .mys-product .item-effect:before {
    width: 50%;
    height: unset;
    aspect-ratio: 1/1;
    inset: auto 0 0 auto;
    -webkit-transform: translate(100%, 50%);
            transform: translate(100%, 50%);
  }
  .mys-hover-style-1.mys-view-list .mys-product .item-effect:after {
    width: 50%;
    height: unset;
    aspect-ratio: 1/1;
    -webkit-transform: translate(-100%, -100%);
            transform: translate(-100%, -100%);
  }
  .mys-hover-style-1.mys-view-list .mys-product:hover .item-effect:before {
    width: 50%;
    height: unset;
    -webkit-transform: translate(50%, 60%);
            transform: translate(50%, 60%);
  }
  .mys-hover-style-1.mys-view-list .mys-product:hover .item-effect:after {
    width: 50%;
    height: unset;
    -webkit-transform: translate(-60%, -60%);
            transform: translate(-60%, -60%);
  }
  .mys-hover-style-2.mys-view-list .mys-product .item-effect:before {
    inset: -10px auto -10px -10px;
    width: var(--product-image-size);
    height: auto;
    -webkit-transform: skewX(-10deg) translateX(-105%);
            transform: skewX(-10deg) translateX(-105%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .mys-hover-style-2.mys-view-list .mys-product:hover .item-effect:before {
    -webkit-transform: skewX(-10deg) translateX(0);
            transform: skewX(-10deg) translateX(0);
  }
  .mys-hover-style-3.mys-view-list .mys-product .item-effect:before {
    inset: -10px auto;
    width: 100%;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: translateX(100%) skewX(20deg);
            transform: translateX(100%) skewX(20deg);
  }
  .mys-hover-style-3.mys-view-list .mys-product:hover .item-effect:before {
    -webkit-transform: translateX(45%) skewX(30deg);
            transform: translateX(45%) skewX(30deg);
  }
  .mys-view-list.mys-hover-transform-4 .mys-product {
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .mys-view-list.mys-hover-transform-4 .mys-product:hover {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  .mys-view-list.mys-hover-transform-5 .mys-product {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .mys-view-list.mys-hover-transform-5 .mys-product:hover {
    -webkit-transform: perspective(600px) rotateX(2.5deg) scale(1.05) translate(0, -2%);
            transform: perspective(600px) rotateX(2.5deg) scale(1.05) translate(0, -2%);
  }
}
@media (max-width: 575px) {
  * {
    --product-name-font-size: 1em;
    --product-desc-size: .75em;
    --price-size: 1.125em;
  }
}
.mys-search-empty {
  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-align: center;
  gap: 1em;
}
.mys-search-empty p:not(:last-child) {
  margin-bottom: 1em;
}
.mys-search-empty .no-keyword .mys-ico i {
  -webkit-animation: search 3s infinite;
          animation: search 3s infinite;
}

@-webkit-keyframes search {
  10% {
    -webkit-transform: rotate(0) translate(0, 0) scale(1);
            transform: rotate(0) translate(0, 0) scale(1);
    background-color: var(--primary-color);
  }
  30% {
    -webkit-transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
            transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
    background-color: var(--secondary-color);
  }
  35% {
    -webkit-transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
            transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
    background-color: var(--secondary-color);
  }
  55% {
    -webkit-transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
            transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
    background-color: var(--primary-color-lighter-10);
  }
  60% {
    -webkit-transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
            transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
    background-color: var(--primary-color-lighter-10);
  }
  80% {
    -webkit-transform: rotate(0) translate(0, 0) scale(1);
            transform: rotate(0) translate(0, 0) scale(1);
    background-color: var(--primary-color);
  }
}

@keyframes search {
  10% {
    -webkit-transform: rotate(0) translate(0, 0) scale(1);
            transform: rotate(0) translate(0, 0) scale(1);
    background-color: var(--primary-color);
  }
  30% {
    -webkit-transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
            transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
    background-color: var(--secondary-color);
  }
  35% {
    -webkit-transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
            transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
    background-color: var(--secondary-color);
  }
  55% {
    -webkit-transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
            transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
    background-color: var(--primary-color-lighter-10);
  }
  60% {
    -webkit-transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
            transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
    background-color: var(--primary-color-lighter-10);
  }
  80% {
    -webkit-transform: rotate(0) translate(0, 0) scale(1);
            transform: rotate(0) translate(0, 0) scale(1);
    background-color: var(--primary-color);
  }
}
.mys-product.mys-product-offer {
  text-align: center;
  background: var(--product-offer-bg);
  color: var(--product-offer-color);
  border: var(--product-offer-border);
  -webkit-box-shadow: var(--product-offer-shadow);
          box-shadow: var(--product-offer-shadow);
}
.mys-product.mys-product-offer .sale-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--product-offer-timer-color);
  background: var(--product-offer-timer-bg);
  border: var(--product-offer-timer-border);
  border-radius: var(--product-offer-timer-radius);
  padding: var(--product-offer-timer-padding);
  font-size: var(--product-offer-timer-size);
  gap: var(--product-offer-timer-gap);
}
.mys-product.mys-product-offer .sale-timer .offer-expires {
  color: var(--product-offer-timer-label-color);
  background: var(--product-offer-timer-label-bg);
  border: var(--product-offer-timer-label-border);
  border-radius: var(--product-offer-timer-label-radius);
  padding: var(--product-offer-timer-label-padding);
  font-size: var(--product-offer-timer-label-size);
  font-weight: var(--product-offer-timer-label-weight);
  line-height: 1.2;
}
.mys-product.mys-product-offer .sale-timer .countdown {
  color: var(--product-offer-timer-countdown-color);
  background: var(--product-offer-timer-countdown-bg);
  border: var(--product-offer-timer-countdown-border);
  border-radius: var(--product-offer-timer-countdown-radius);
  padding: var(--product-offer-timer-countdown-padding);
  font-size: var(--product-offer-timer-countdown-size);
  font-weight: var(--product-offer-timer-countdown-weight);
  line-height: 1.2;
}
.mys-product.mys-product-offer .sale-timer .countdown:empty {
  display: none;
}
.mys-product.mys-product-offer .item-image {
  margin-bottom: 0;
}
.mys-product.mys-product-offer .item-data {
  text-align: center;
}
.mys-product.mys-product-offer .item-data .item-name {
  -ms-grid-column-align: center;
      justify-self: center;
}
.mys-product.mys-product-offer .item-data .item-price {
  -ms-grid-column-align: center;
      justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-product.mys-product-offer .item-data .item-price .price-final {
  background: var(--product-offer-price-bg);
  color: var(--product-offer-price-color);
  border: var(--product-offer-price-border);
  border-radius: var(--product-offer-price-radius);
  padding: var(--product-offer-price-padding);
  font-size: var(--product-offer-price-size);
  font-weight: var(--product-offer-price-weight);
}
.mys-product.mys-product-offer .item-data .item-price .price-saving {
  color: var(--product-offer-saving-color);
  font-size: var(--product-offer-saving-size);
  font-weight: var(--product-offer-saving-weight);
}

@media (hover: hover) {
  .mys-product.mys-product-offer:hover {
    background: var(--product-offer-hover-bg) !important;
    color: var(--product-offer-hover-color) !important;
    border: var(--product-offer-hover-border) !important;
    -webkit-box-shadow: var(--product-offer-hover-shadow) !important;
            box-shadow: var(--product-offer-hover-shadow) !important;
  }
}
@container product-buy (max-width: 120px) {
  .mys-product .item-purchase-link .add-to-cart span {
    display: none;
  }
}
@container product-fav (max-width: 120px) {
  .mys-product .item-wishlist-link .add-to-wishlist span,
  .mys-product .item-wishlist-link .remove-from-wishlist span {
    display: none;
  }
}
.mys-product-categories {
  background: var(--cats-bg);
  color: var(--cats-color);
  border: var(--cats-border);
  border-radius: var(--cats-radius);
  padding: var(--cats-padding);
  gap: var(--cats-gap);
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mys-product-categories[data-col="2"] {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.mys-product-categories[data-col="3"] {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.mys-product-categories[data-col="4"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mys-product-categories[data-col="5"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.mys-product-categories[data-col="6"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mys-product-categories .single-cat {
  background: var(--cats-single-bg);
  color: var(--cats-single-color);
  border: var(--cats-single-border);
  border-radius: var(--cats-single-radius);
  padding: var(--cats-single-padding);
  gap: var(--cats-single-gap);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mys-product-categories .single-cat .cat-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--cats-single-img-gap);
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-product-categories .single-cat .cat-data .cat-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: var(--cats-single-img-size);
  max-height: var(--cats-single-img-size);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  mix-blend-mode: var(--cats-single-img-blend);
}
.mys-product-categories .single-cat .cat-data .cat-image 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;
}
.mys-product-categories .single-cat .cat-data .cat-image a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mys-product-categories .single-cat .cat-data .cat-title {
  text-align: var(--cats-single-headline-talign);
  -ms-flex-item-align: var(--cats-single-headline-align);
      -ms-grid-row-align: var(--cats-single-headline-align);
      align-self: var(--cats-single-headline-align);
  font-size: var(--cats-single-headline-size);
  font-size: var(--cats-single-headline-size);
  line-height: 1.2;
  color: var(--cats-single-headline-color);
  font-weight: var(--cats-single-headline-wieght);
  margin: 0;
}
.mys-product-categories .single-cat .cat-data .cat-title a {
  text-decoration: none;
  color: inherit;
}
.mys-product-categories .single-cat .cat-info {
  text-align: var(--cats-single-info-align);
  background: var(--cats-single-info-bg);
  color: var(--cats-single-info-color);
  border-radius: var(--cats-single-info-radius);
  padding: var(--cats-single-info-padding);
  margin: var(--cats-single-info-margin);
}
.mys-product-categories .single-cat .cat-info p {
  font-size: var(--cats-single-info-size);
  margin: 0;
}

@media (max-width: 1399px) {
  .mys-product-categories {
    gap: var(--cats-xl-gap);
  }
  .mys-product-categories[data-col-xl="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-categories[data-col-xl="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-categories[data-col-xl="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-xl="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-xl="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-xl="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 1199px) {
  .mys-product-categories {
    gap: var(--cats-lg-gap);
  }
  .mys-product-categories[data-col-lg="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-categories[data-col-lg="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-categories[data-col-lg="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-lg="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-lg="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-lg="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 991px) {
  .mys-product-categories {
    gap: var(--cats-md-gap);
  }
  .mys-product-categories[data-col="5"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mys-product-categories[data-col="6"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mys-product-categories[data-col-md="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-categories[data-col-md="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-categories[data-col-md="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-md="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-md="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-md="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 767px) {
  .mys-product-categories {
    gap: var(--cats-sm-gap);
  }
  .mys-product-categories[data-col="3"], .mys-product-categories[data-col="4"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mys-product-categories[data-col="5"], .mys-product-categories[data-col="6"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mys-product-categories[data-col-sm="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-categories[data-col-sm="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-categories[data-col-sm="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-sm="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-sm="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-sm="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 575px) {
  * {
    --cats-single-info-size: .75em;
  }
  .mys-product-categories {
    gap: var(--cats-xs-gap);
  }
  .mys-product-categories[data-col="2"], .mys-product-categories[data-col="3"], .mys-product-categories[data-col="4"], .mys-product-categories[data-col="5"], .mys-product-categories[data-col="6"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-product-categories[data-col-xs="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-categories[data-col-xs="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-categories[data-col-xs="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-xs="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-xs="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-categories[data-col-xs="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (hover: hover) {
  .mys-product-categories.mys-hover-dim-others:hover:has(.single-cat:hover) .single-cat:hover {
    z-index: 1;
  }
  .mys-product-categories.mys-hover-dim-others:hover:has(.single-cat:hover) .single-cat:not(:hover) {
    opacity: 0.5;
  }
  .single-cat {
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
  }
  .single-cat .item-effect {
    border-radius: var(--cats-single-radius);
    overflow: hidden;
    position: absolute;
    inset: var(--cats-effect-inset);
    pointer-events: none;
  }
  .single-cat .item-effect:before {
    content: "";
    display: block;
    position: absolute;
    -webkit-filter: var(--hover-effect-filter);
            filter: var(--hover-effect-filter);
  }
  .mys-hover-style-1 .single-cat .item-effect:before {
    background: var(--hover-effect-bg);
    inset: -50% auto auto -50%;
    width: 200%;
    height: 102%;
    border-radius: 50%;
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .mys-hover-style-1 .single-cat:hover .item-effect:before {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-hover-style-2 .single-cat .item-effect:before {
    background: var(--hover-effect-bg);
    inset: -10px -10px auto;
    width: auto;
    height: 53%;
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
    -webkit-transform: skewY(-10deg) translateY(-105%);
            transform: skewY(-10deg) translateY(-105%);
    -webkit-transform-origin: 0;
            transform-origin: 0;
  }
  .mys-hover-style-2 .single-cat:hover .item-effect:before {
    -webkit-transform: skewY(-10deg) translateY(0);
            transform: skewY(-10deg) translateY(0);
  }
  .mys-hover-style-3 .single-cat .item-effect:before {
    background: var(--hover-effect-bg);
    inset: -10px auto;
    width: 110%;
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: translateX(100%) skewX(30deg);
            transform: translateX(100%) skewX(30deg);
  }
  .mys-hover-style-3 .single-cat:hover .item-effect:before {
    -webkit-transform: translateX(-10%) skewX(40deg);
            transform: translateX(-10%) skewX(40deg);
  }
  .mys-hover-shadow-1 .single-cat {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-1 .single-cat:hover {
    -webkit-box-shadow: 0 10px 15px var(--hover-effect-color);
            box-shadow: 0 10px 15px var(--hover-effect-color);
  }
  .mys-hover-shadow-2 .single-cat {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-2 .single-cat:hover {
    -webkit-box-shadow: 0 15px 30px -15px var(--hover-effect-color);
            box-shadow: 0 15px 30px -15px var(--hover-effect-color);
  }
  .mys-hover-shadow-3 .single-cat:hover {
    -webkit-box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color);
            box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color);
  }
  .mys-hover-shadow-4 .single-cat {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-4 .single-cat:hover {
    -webkit-box-shadow: 0 10px 15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
            box-shadow: 0 10px 15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
    border-color: var(--hover-effect-border-color);
  }
  .mys-hover-shadow-5 .single-cat {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-5 .single-cat:hover {
    -webkit-box-shadow: 0 15px 30px -15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
            box-shadow: 0 15px 30px -15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
    border-color: var(--hover-effect-border-color);
  }
  .mys-hover-shadow-6 .single-cat:hover {
    -webkit-box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
            box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
    border-color: var(--hover-effect-border-color);
  }
  .mys-hover-transform-1 .single-cat {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-hover-transform-1 .single-cat:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  .mys-hover-transform-2 .single-cat {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-hover-transform-2 .single-cat .cat-image a img {
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
  }
  .mys-hover-transform-2 .single-cat:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  .mys-hover-transform-2 .single-cat:hover .cat-image a img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .mys-hover-transform-3 .single-cat .cat-image a img {
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
  }
  .mys-hover-transform-3 .single-cat:hover .cat-image a img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .mys-hover-transform-4 .single-cat {
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .mys-hover-transform-4 .single-cat:hover {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  .mys-hover-transform-5 .single-cat {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .mys-hover-transform-5 .single-cat:hover {
    -webkit-transform: perspective(600px) rotateY(-5deg) scale(1.05) translate(-2%, 0);
            transform: perspective(600px) rotateY(-5deg) scale(1.05) translate(-2%, 0);
  }
}
.mys-bcrumb {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  background: var(--bcrumb-bg);
  border: var(--bcrumb-border);
  border-radius: var(--bcrumb-radius);
  padding: var(--bcrumb-padding);
  display: block;
  margin: 0 0 var(--bcrumb-bottom-margin);
  font-size: var(--bcrumb-font-size);
  font-weight: var(--bcrumb-font-weight);
  grid-area: breadcrumbs;
}
.mys-content-layout.lay-bcrumb-sidebar-content.sidebar-right > .mys-bcrumb {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}
.mys-content-layout.lay-sidebar-bcrumb-content > .mys-bcrumb {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
.mys-content-layout.lay-sidebar-bcrumb-content.sidebar-right > .mys-bcrumb {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.mys-bcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--bcrumb-item-gap);
}
.mys-bcrumb ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--bcrumb-item-gap);
}
.mys-bcrumb ul li.mys-bcrumb-home {
  line-height: 1;
}
.mys-bcrumb ul li.mys-bcrumb-home a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.mys-bcrumb ul li.mys-bcrumb-home i {
  background: var(--bcrumb-home-icon-bg);
  color: var(--bcrumb-home-icon-color);
  border-radius: var(--bcrumb-home-icon-radius);
  padding: var(--bcrumb-home-icon-padd);
  font-size: var(--bcrumb-home-icon-size);
  font-weight: normal;
  margin-top: -0.25em;
  font-style: normal;
}
.mys-bcrumb ul li.mys-bcrumb-home i:before {
  content: var(--bcrumb-home-icon);
  font-family: var(--bcrumb-home-icon-font);
  display: block;
}
.mys-bcrumb ul li.mys-bcrumb-home span {
  display: var(--bcrumb-home-label-display);
}
.mys-bcrumb ul li:not(:last-child):after {
  content: "";
  background-color: var(--bcrumb-line-bg);
  display: var(--bcrumb-line-display);
  width: var(--bcrumb-line-width);
  height: var(--bcrumb-line-height);
  -webkit-transform: var(--bcrumb-line-transform);
          transform: var(--bcrumb-line-transform);
  border-radius: var(--bcrumb-line-radius);
}
.mys-bcrumb ul li a {
  text-decoration: none;
  color: var(--bcrumb-color);
  display: block;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-bcrumb ul li a:hover {
  color: var(--bcrumb-hover-color);
}
.mys-bcrumb ul li:last-child {
  color: var(--bcrumb-color-active);
}
.mys-bcrumb ul li:last-child a {
  color: currentColor;
  pointer-events: none;
}

.mys-display-options {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--page-sorting-nof-columns);
  grid-template-columns: var(--page-sorting-nof-columns);
      grid-template-areas: var(--page-sorting-nof-areas);
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: var(--pagination-margin);
}
.mys-display-options .mys-filter-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875em;
  gap: 1em;
  grid-area: mys-filter-page;
}
.mys-display-options .mys-filter-page .mys-mobile-filter {
  display: none;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.mys-display-options .mys-filter-page .mys-mobile-filter label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  background: var(--filter-mob-trigger-bg);
  color: var(--filter-mob-trigger-color);
  border: var(--filter-mob-trigger-border);
  border-radius: var(--filter-mob-trigger-radius);
  padding: var(--filter-mob-trigger-padding);
  font-size: var(--filter-mob-trigger-size);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  cursor: pointer;
}
.mys-display-options .mys-filter-page .mys-mobile-filter label i {
  line-height: 1;
  font-style: normal;
  font-size: var(--filter-mob-icon-size);
}
.mys-display-options .mys-filter-page .mys-mobile-filter label i:before {
  font-family: var(--filter-mob-icon-family);
  content: var(--filter-mob-icon);
}
.mys-display-options .mys-filter-page .mys-mobile-filter label span {
  display: var(--filter-mob-trigger-label-display);
  font-size: var(--filter-mob-trigger-label-size);
}
.mys-display-options .mys-filter-page .mys-mobile-filter label:hover {
  background: var(--filter-mob-trigger-hover-bg);
  color: var(--filter-mob-trigger-hover-color);
}
.mys-display-options .mys-filter-page .mys-perpage,
.mys-display-options .mys-filter-page .mys-sorting {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mys-display-options .mys-filter-page .mys-perpage .mys-product-sort, .mys-display-options .mys-filter-page .mys-perpage .mys-product-appearance,
.mys-display-options .mys-filter-page .mys-sorting .mys-product-sort,
.mys-display-options .mys-filter-page .mys-sorting .mys-product-appearance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mys-display-options .mys-filter-page .mys-perpage .mys-product-sort .form-select, .mys-display-options .mys-filter-page .mys-perpage .mys-product-appearance .form-select,
.mys-display-options .mys-filter-page .mys-sorting .mys-product-sort .form-select,
.mys-display-options .mys-filter-page .mys-sorting .mys-product-appearance .form-select {
  width: 100%;
}
.mys-display-options .mys-filter-page .mys-view {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mys-display-options .mys-filter-page .mys-view .mys-product-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mys-display-options .mys-filter-page .mys-view .view-toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view i {
  font-style: normal;
  line-height: 1;
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view i:before {
  line-height: inherit;
  font-family: var(--page-sorting-icon-family);
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view.toggle-grid i:before {
  content: var(--page-sorting-icon-grid);
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view.toggle-list i:before {
  content: var(--page-sorting-icon-list);
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view i {
  background: var(--page-sorting-icon-bg);
  color: var(--page-sorting-icon-color);
  font-size: var(--page-sorting-icon-size);
  border: var(--page-sorting-icon-border);
  border-radius: var(--page-sorting-icon-radius);
  padding: var(--page-sorting-icon-padding);
  line-height: 1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view span {
  display: none;
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view.active i {
  background: var(--page-sorting-icon-active-bg);
  color: var(--page-sorting-icon-active-color);
  border: var(--page-sorting-icon-active-border);
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view:hover i {
  background: var(--page-sorting-icon-hover-bg);
  color: var(--page-sorting-icon-hover-color);
  border: var(--page-sorting-icon-hover-border);
}
.mys-display-options .mys-page-label {
  grid-area: mys-page-label;
  text-align: left;
  font-size: var(--page-label-size);
  color: var(--page-label-color);
}
.mys-display-options .mys-pagination {
  grid-area: mys-pagination;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mys-display-options.mys-has-filtering {
  -ms-grid-columns: var(--page-sorting-wf-columns);
  grid-template-columns: var(--page-sorting-wf-columns);
      grid-template-areas: var(--page-sorting-wf-areas);
  margin-bottom: var(--pagination-margin);
}
.mys-display-options.mys-has-filtering .mys-page-label {
  text-align: center;
  display: var(--page-sorting-wf-label-display);
}

@media (max-width: 991px) {
  .mys-display-options .mys-filter-page .mys-mobile-filter {
    display: block;
  }
}
@media (max-width: 767px) {
  .mys-display-options {
    -ms-grid-columns: var(--page-sorting-nof-767-columns);
    grid-template-columns: var(--page-sorting-nof-767-columns);
        grid-template-areas: var(--page-sorting-nof-767-areas);
  }
  .mys-display-options .mys-filter-page .mys-sorting,
  .mys-display-options .mys-filter-page .mys-perpage,
  .mys-display-options .mys-filter-page .mys-view {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .mys-display-options .mys-page-label {
    text-align: center;
  }
  .mys-display-options .mys-pagination {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mys-display-options.mys-has-filtering {
    -ms-grid-columns: var(--page-sorting-wf-767-columns);
    grid-template-columns: var(--page-sorting-wf-767-columns);
        grid-template-areas: var(--page-sorting-wf-767-areas);
  }
}
@media (max-width: 575px) {
  .mys-display-options .mys-filter-page {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr auto;
    grid-template-columns: 1fr 1fr auto;
  }
  .mys-display-options .mys-filter-page .mys-mobile-filter {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .mys-display-options .mys-filter-page .mys-mobile-filter label {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mys-pagination nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-pagination ul {
  background: var(--pagination-bg);
  border: var(--pagination-border);
  border-radius: var(--pagination-radius);
  padding: var(--pagination-padding);
  font-size: var(--pagination-font-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--pagination-item-gap);
}
.mys-pagination ul .page-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mys-pagination ul .page-item span {
  pointer-events: none;
}
.mys-pagination ul .page-item .page-link {
  background: var(--pagination-item-bg);
  color: var(--pagination-item-color);
  min-width: var(--pagination-item-size);
  min-height: var(--pagination-item-size);
  border-radius: var(--pagination-item-radius);
  border: var(--pagination-item-border);
  text-decoration: none;
  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;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-pagination ul .page-item .page-link:hover {
  background: var(--pagination-item-hover-bg);
  color: var(--pagination-item-hover-color);
  border: var(--pagination-item-hover-border);
}
.mys-pagination ul .page-item .page-link.page-prev, .mys-pagination ul .page-item .page-link.page-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.mys-pagination ul .page-item .page-link.page-prev i, .mys-pagination ul .page-item .page-link.page-next i {
  font-size: var(--pagination-icon-font-size);
  line-height: 1;
}
.mys-pagination ul .page-item .page-link.page-prev span, .mys-pagination ul .page-item .page-link.page-next span {
  display: var(--pagination-icon-label-display);
}
.mys-pagination ul .page-item.active {
  pointer-events: none;
}
.mys-pagination ul .page-item.active .page-link {
  background: var(--pagination-item-active-bg);
  color: var(--pagination-item-active-color);
  font-weight: var(--pagination-item-active-font-weight);
  border: var(--pagination-item-activer-border);
}

.mys-filters .mys-mobile-filter-checkbox {
  display: none;
}
.mys-filters .filter-backdrop .filter-contents .group-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--filters-gap);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--s-filter-bg);
  color: var(--s-filter-color);
  border: var(--s-filter-border);
  border-radius: var(--s-filter-radius);
  padding: var(--s-filter-padding);
  gap: var(--s-filter-gap);
  -webkit-box-shadow: var(--s-filter-shadow);
          box-shadow: var(--s-filter-shadow);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-title {
  font-size: var(--s-filter-title-size);
  font-weight: var(--s-filter-title-weight);
  background: var(--s-filter-title-bg);
  color: var(--s-filter-title-color);
  border: var(--s-filter-title-border);
  border-radius: var(--s-filter-title-radius);
  padding: var(--s-filter-title-padding);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-title .filter-title-text {
  font-weight: inherit;
  font-size: inherit;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-title:after {
  content: "";
  display: var(--s-filter-line-display);
  background: var(--s-filter-line-bg);
  height: var(--s-filter-line-thick);
  width: 100%;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-slider-holder {
  height: max(var(--filter-price-range-handle-height), var(--filter-price-range-height));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-slider {
  background: var(--filter-price-range-bg);
  border: var(--filter-price-range-border);
  border-radius: var(--filter-price-range-radius);
  -webkit-box-shadow: var(--filter-price-range-shadow);
          box-shadow: var(--filter-price-range-shadow);
  height: var(--filter-price-range-height);
  width: 100%;
  padding-left: calc(var(--filter-price-range-handle-height) * 0.5);
  padding-right: calc(var(--filter-price-range-handle-height) * 0.5);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-slider .noUi-base .noUi-connects {
  border-radius: var(--filter-price-range-radius);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-slider .noUi-base .noUi-connects .noUi-connect {
  background: var(--filter-price-range-fill-bg);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-slider .noUi-base .noUi-origin .noUi-handle {
  background: var(--filter-price-range-handle-bg);
  border: var(--filter-price-range-handle-border);
  -webkit-box-shadow: var(--filter-price-range-handle-shadow);
          box-shadow: var(--filter-price-range-handle-shadow);
  border-radius: var(--filter-price-range-handle-radius);
  height: var(--filter-price-range-handle-height);
  width: unset;
  aspect-ratio: 1/1;
  right: calc(var(--filter-price-range-handle-height) / -2);
  top: calc((var(--filter-price-range-handle-height) - var(--filter-price-range-height)) * -0.5);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-slider .noUi-base .noUi-origin .noUi-handle:hover, .mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-slider .noUi-base .noUi-origin .noUi-handle.noUi-active {
  background: var(--filter-price-range-handle-hover-bg);
  border: var(--filter-price-range-handle-hover-border);
  -webkit-box-shadow: var(--filter-price-range-handle-hover-shadow);
          box-shadow: var(--filter-price-range-handle-hover-shadow);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-slider .noUi-base .noUi-origin .noUi-handle:before, .mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-slider .noUi-base .noUi-origin .noUi-handle:after {
  display: none;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-slider .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
  font-size: 0.75em;
  line-height: 1;
  display: none;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs {
  margin-top: 0.5em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--filter-price-range-columns);
  grid-template-columns: var(--filter-price-range-columns);
  gap: 0.375em;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs .filter-price-textbox {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--filter-price-range-input-size);
  padding: var(--filter-price-range-input-padding);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs .filter-price-button {
  background: var(--filter-price-range-btn-bg);
  color: var(--filter-price-range-btn-color);
  border: var(--filter-price-range-btn-border);
  border-radius: var(--filter-price-range-btn-radius);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  width: var(--filter-price-range-btn-size);
  height: auto;
  aspect-ratio: 1/1;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs .filter-price-button:hover {
  background: var(--filter-price-range-btn-hover-bg);
  color: var(--filter-price-range-btn-hover-color);
  border: var(--filter-price-range-btn-hover-border);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs .filter-price-button:before, .mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs .filter-price-button:after {
  font-family: var(--filter-price-range-btn-family);
  background: none;
  border-radius: 0;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  outline: 0;
  font-size: var(--filter-price-range-btn-font-size);
  inset: 0;
  color: inherit !important;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs .filter-price-button:before {
  content: var(--filter-price-range-btn-icon) !important;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs .filter-price-button:after {
  content: var(--filter-price-range-btn-checked-icon) !important;
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs .filter-price-button:checked:before {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-price .filter-price-inputs .filter-price-button:checked:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--s-filter-list-gap);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul[data-title]:before {
  content: attr(data-title);
  display: block;
  font-weight: var(--s-filter-group-title-weight);
  color: var(--s-filter-group-title-color);
  font-size: var(--s-filter-group-title-size);
  text-transform: var(--s-filter-group-title-text-transform);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul[data-title]:only-child:before, .mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul[data-title]:only-child:after {
  display: none;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul[data-title=empty]:before, .mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul[data-title=empty]:after {
  display: none !important;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul + ul[data-title]:before {
  margin: var(--s-filter-group-title-margin);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul li:not(:last-child) {
  border-bottom: var(--s-filter-list-border);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul label {
  display: var(--s-filter-label-display);
  -ms-grid-columns: var(--s-filter-label-columns);
  grid-template-columns: var(--s-filter-label-columns);
      grid-template-areas: var(--s-filter-label-areas);
  gap: var(--s-filter-label-gap);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul label .filter-label {
  grid-area: filter-label;
  font-size: var(--s-filter-label-size);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul label .filter-number {
  grid-area: filter-number;
  font-size: var(--s-filter-number-size);
  background: var(--s-filter-number-bg);
  color: var(--s-filter-number-color);
  border: var(--s-filter-number-border);
  border-radius: var(--s-filter-number-radius);
  padding: var(--s-filter-number-padding);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-row-align: start;
      align-self: start;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul label input[type=checkbox] {
  grid-area: filter-check;
  font-size: var(--s-filter-check-size);
  margin: var(--s-filter-check-margin);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul label input[type=checkbox]:before {
  border-radius: var(--s-filter-check-radius);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul.actions li {
  -webkit-transition: 200ms ease opacity;
  transition: 200ms ease opacity;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul.actions li a {
  padding: var(--s-filter-actions-link-padding);
  font-size: var(--s-filter-actions-link-font-size);
  border-radius: var(--s-filter-actions-link-font-radius);
  border-width: var(--s-filter-actions-link-font-border-width);
  border-style: var(--s-filter-actions-link-font-border-style);
  display: block;
  text-decoration: none;
  text-transform: var(--s-filter-actions-link-text-transform);
  font-weight: var(--s-filter-actions-link-weight);
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul.actions:has(li a:hover) li:not(:hover) {
  opacity: 0.5;
}

@media (min-width: 992px) {
  .mys-filters .filter-backdrop {
    display: block;
  }
  .mys-filters .filter-backdrop .filter-contents .filters-close,
  .mys-filters .filter-backdrop .filter-contents .filter-contents-title,
  .mys-filters .filter-backdrop .filter-contents .apply-filters-btn {
    display: none;
  }
  .mys-filters .filter-backdrop .group-filters .single-filter .filter-list {
    max-height: var(--s-filter-list-max-height);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.75em;
  }
  .mys-filters .filter-backdrop .group-filters .single-filter .filter-list::-webkit-scrollbar {
    width: 6px;
    background: var(--theme-color-5);
    border-radius: 6px;
  }
  .mys-filters .filter-backdrop .group-filters .single-filter .filter-list::-webkit-scrollbar-thumb {
    background: var(--theme-color-15);
    border-radius: 6px;
  }
  .mys-filters .filter-backdrop .group-filters .single-filter .filter-list::-webkit-scrollbar-thumb:hover {
    background: var(--theme-color-25);
  }
}
@media (max-width: 991px) {
  .mys-filters .filter-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(--filters-backdrop-bg);
    -webkit-backdrop-filter: var(--filters-backdrop-filter);
            backdrop-filter: var(--filters-backdrop-filter);
    z-index: 2;
  }
  .mys-filters .filter-backdrop .filter-contents {
    -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;
    -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);
  }
  .mys-filters .filter-backdrop .filter-contents .filters-close {
    display: block;
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
    text-decoration: none;
  }
  .mys-filters .filter-backdrop .filter-contents .filters-close > span {
    display: none;
  }
  .mys-filters .filter-backdrop .filter-contents .filters-close label: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(--filters-close-icon);
    font-family: var(--filters-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-filters .filter-backdrop .filter-contents .filters-close label:hover:after {
    color: var(--white-color);
    -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
            box-shadow: 0 0 0 2em var(--primary-color) inset;
  }
  .mys-filters .filter-backdrop .filter-contents .filter-contents-title {
    display: block;
    font-size: 1.25rem;
  }
  .mys-filters .filter-backdrop .filter-contents form {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    overflow-y: auto;
    margin-right: -0.75em;
    padding-right: 0.75em;
    margin-top: 1em;
    position: relative;
    isolation: isolate;
  }
  .mys-filters .filter-backdrop .filter-contents form::-webkit-scrollbar {
    width: 6px;
    background: var(--theme-color-5);
    border-radius: 6px;
  }
  .mys-filters .filter-backdrop .filter-contents form::-webkit-scrollbar-thumb {
    background: var(--theme-color-15);
    border-radius: 6px;
  }
  .mys-filters .filter-backdrop .filter-contents form::-webkit-scrollbar-thumb:hover {
    background: var(--theme-color-25);
  }
  .mys-filters .filter-backdrop .filter-contents .apply-filters-btn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(50%, var(--theme-bg)));
    background: linear-gradient(to bottom, transparent 0, var(--theme-bg) 50%);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0 1em;
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding-top: 3em;
  }
  .mys-filters .filter-backdrop .filter-contents .apply-filters-btn .btn-reset-filter i,
  .mys-filters .filter-backdrop .filter-contents .apply-filters-btn .btn-apply-filter i {
    font-style: normal;
    line-height: 1;
  }
  .mys-filters .filter-backdrop .filter-contents .apply-filters-btn .btn-reset-filter i:before,
  .mys-filters .filter-backdrop .filter-contents .apply-filters-btn .btn-apply-filter i:before {
    font-family: var(--filters-btn-icon-font);
  }
  .mys-filters .filter-backdrop .filter-contents .apply-filters-btn .btn-reset-filter i:before {
    content: var(--filters-btn-reset-icon);
  }
  .mys-filters .filter-backdrop .filter-contents .apply-filters-btn .btn-apply-filter i:before {
    content: var(--filters-btn-apply-icon);
  }
  .mys-filters .mys-mobile-filter-checkbox:checked + .filter-backdrop {
    opacity: 1;
    pointer-events: all;
  }
  .mys-filters .mys-mobile-filter-checkbox:checked + .filter-backdrop .filter-contents {
    opacity: 1;
    -webkit-transform: var(--modal-transform-mob-on);
            transform: var(--modal-transform-mob-on);
  }
}
@media (max-width: 991px) {
  body.mobile-filters-shown .mys-head {
    z-index: unset;
  }
  .sidebar:has(.mys-filters) {
    background: none;
    color: var(--theme-color);
    padding: 0;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
  }
}
.mys-single-product {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: var(--sp-row-gap) var(--sp-col-gap);
}

.mys-product-gallery {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--sp-image-gallery-thumbs-gap);
  margin: var(--sp-image-gallery-margin);
  background: var(--sp-gallery-bg);
  border: var(--sp-gallery-border);
  border-radius: var(--sp-gallery-radius);
  padding: var(--sp-gallery-padding);
  -webkit-box-shadow: var(--sp-gallery-shadow);
          box-shadow: var(--sp-gallery-shadow);
  grid-area: pdc-gallery;
}

.mys-single-product.mys-product-layout-2 > .mys-product-gallery {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-3 > .mys-product-gallery {
  -ms-grid-row: 2;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-4 > .mys-product-gallery {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-5 > .mys-product-gallery {
  -ms-grid-row: 2;
  -ms-grid-row-span: 4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.mys-single-product.mys-product-layout-6 > .mys-product-gallery {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-7 > .mys-product-gallery {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}
.mys-product-gallery[data-layout-orientation=hor] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.mys-product-gallery[data-layout-orientation=ver] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-product-gallery[data-layout=tmb-img] .product-thumbs-holder {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.mys-product-gallery[data-layout=tmb-img] .product-image-holder {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.mys-product-gallery[data-layout=img-tmb] .product-thumbs-holder {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.mys-product-gallery[data-layout=img-tmb] .product-image-holder {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (max-width: 575px) {
  .mys-product-gallery {
    width: calc(100vw - 2 * var(--sp-gallery-padding));
  }
}
.product-thumbs-holder {
  grid-area: product-thumbs;
  max-width: calc(100vw - 2 * var(--desktop-x-padding));
}

.product-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: var(--sp-thb-gallery-bg);
  border: var(--sp-thb-gallery-border);
  border-radius: var(--sp-thb-gallery-radius);
  padding: var(--sp-thb-gallery-padding);
}
.product-thumbs .single-thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-thumbs .single-thumb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--sp-thb-gallery-single-bg);
  border: var(--sp-thb-gallery-single-border);
  border-radius: var(--sp-thb-gallery-single-radius);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.product-thumbs .single-thumb a img {
  mix-blend-mode: var(--sp-thb-gallery-single-img-blend-mode);
  width: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
  height: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}
.mys-product-gallery[data-layout-orientation=hor] .product-thumbs .single-thumb {
  padding: calc(var(--sp-thb-gallery-gap) / 2) 0;
}
.mys-product-gallery[data-layout-orientation=hor] .product-thumbs .single-thumb a {
  width: var(--sp-thb-gallery-single-height);
  aspect-ratio: 1/1;
}
.mys-product-gallery[data-layout-orientation=ver] .product-thumbs .single-thumb {
  padding: 0 calc(var(--sp-thb-gallery-gap) / 2);
}
.mys-product-gallery[data-layout-orientation=ver] .product-thumbs .single-thumb a {
  height: var(--sp-thb-gallery-single-height);
}
.product-thumbs.tmb-hor {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.product-thumbs.tmb-hor[data-col="1"] .single-thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 1);
          flex: 1 0 calc(100% / 1);
}
.product-thumbs.tmb-hor[data-col="2"] .single-thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 2);
          flex: 1 0 calc(100% / 2);
}
.product-thumbs.tmb-hor[data-col="3"] .single-thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 3);
          flex: 1 0 calc(100% / 3);
}
.product-thumbs.tmb-hor[data-col="4"] .single-thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 4);
          flex: 1 0 calc(100% / 4);
}
.product-thumbs.tmb-hor[data-col="5"] .single-thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 5);
          flex: 1 0 calc(100% / 5);
}
.product-thumbs.tmb-hor[data-col="6"] .single-thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 6);
          flex: 1 0 calc(100% / 6);
}

@media (hover: hover) {
  .product-thumbs .single-thumb a:hover {
    background: var(--sp-thb-gallery-single-hover-bg);
    border: var(--sp-thb-gallery-single-hover-border);
  }
}
@media (min-width: 992px) {
  [data-layout-orientation=hor] .product-thumbs-holder {
    width: var(--sp-thb-gallery-single-width);
  }
  .mys-product-gallery[data-layout-orientation=hor]:has(:not(.product-thumbs .single-thumb)) .product-image-holder {
    width: 100%;
  }
  .mys-product-gallery[data-layout-orientation=hor]:has(:not(.product-thumbs .single-thumb)) .product-thumbs-holder {
    display: none;
  }
  .mys-product-gallery[data-layout-orientation=hor]:has(.product-thumbs .single-thumb) .product-image-holder {
    width: calc(100% - var(--sp-thb-gallery-single-width) - var(--sp-image-gallery-thumbs-gap));
  }
  .mys-product-gallery[data-layout-orientation=hor]:has(.product-thumbs .single-thumb) .product-thumbs-holder {
    display: block;
  }
  .product-thumbs.tmb-ver {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product-thumbs.tmb-ver[data-row="1"] {
    max-height: calc(1 * (var(--sp-thb-gallery-single-height) + var(--sp-thb-gallery-gap)));
  }
  .product-thumbs.tmb-ver[data-row="1"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 1);
            flex: 1 0 calc(100% / 1);
  }
  .product-thumbs.tmb-ver[data-row="2"] {
    max-height: calc(2 * (var(--sp-thb-gallery-single-height) + var(--sp-thb-gallery-gap)));
  }
  .product-thumbs.tmb-ver[data-row="2"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 2);
            flex: 1 0 calc(100% / 2);
  }
  .product-thumbs.tmb-ver[data-row="3"] {
    max-height: calc(3 * (var(--sp-thb-gallery-single-height) + var(--sp-thb-gallery-gap)));
  }
  .product-thumbs.tmb-ver[data-row="3"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 3);
            flex: 1 0 calc(100% / 3);
  }
  .product-thumbs.tmb-ver[data-row="4"] {
    max-height: calc(4 * (var(--sp-thb-gallery-single-height) + var(--sp-thb-gallery-gap)));
  }
  .product-thumbs.tmb-ver[data-row="4"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 4);
            flex: 1 0 calc(100% / 4);
  }
  .product-thumbs.tmb-ver[data-row="5"] {
    max-height: calc(5 * (var(--sp-thb-gallery-single-height) + var(--sp-thb-gallery-gap)));
  }
  .product-thumbs.tmb-ver[data-row="5"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 5);
            flex: 1 0 calc(100% / 5);
  }
  .product-thumbs.tmb-ver[data-row="6"] {
    max-height: calc(6 * (var(--sp-thb-gallery-single-height) + var(--sp-thb-gallery-gap)));
  }
  .product-thumbs.tmb-ver[data-row="6"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 6);
            flex: 1 0 calc(100% / 6);
  }
}
@media (max-width: 991px) {
  .mys-product-gallery[data-layout-orientation=hor] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-product-gallery[data-resp-layout=tmb-img] .product-thumbs-holder {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .mys-product-gallery[data-resp-layout=tmb-img] .product-image-holder {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mys-product-gallery[data-resp-layout=img-tmb] .product-thumbs-holder {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mys-product-gallery[data-resp-layout=img-tmb] .product-image-holder {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .product-thumbs.tmb-ver {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .product-thumbs.tmb-ver[data-col="1"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 1);
            flex: 1 0 calc(100% / 1);
    padding: 0 calc(var(--sp-thb-gallery-gap) / 2);
  }
  .product-thumbs.tmb-ver[data-col="1"] .single-thumb a {
    height: var(--sp-thb-gallery-single-height);
    width: 100%;
    aspect-ratio: unset;
  }
  .product-thumbs.tmb-ver[data-col="1"] .single-thumb a img {
    width: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
    height: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
  }
  .product-thumbs.tmb-ver[data-col="2"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 2);
            flex: 1 0 calc(100% / 2);
    padding: 0 calc(var(--sp-thb-gallery-gap) / 2);
  }
  .product-thumbs.tmb-ver[data-col="2"] .single-thumb a {
    height: var(--sp-thb-gallery-single-height);
    width: 100%;
    aspect-ratio: unset;
  }
  .product-thumbs.tmb-ver[data-col="2"] .single-thumb a img {
    width: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
    height: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
  }
  .product-thumbs.tmb-ver[data-col="3"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 3);
            flex: 1 0 calc(100% / 3);
    padding: 0 calc(var(--sp-thb-gallery-gap) / 2);
  }
  .product-thumbs.tmb-ver[data-col="3"] .single-thumb a {
    height: var(--sp-thb-gallery-single-height);
    width: 100%;
    aspect-ratio: unset;
  }
  .product-thumbs.tmb-ver[data-col="3"] .single-thumb a img {
    width: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
    height: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
  }
  .product-thumbs.tmb-ver[data-col="4"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 4);
            flex: 1 0 calc(100% / 4);
    padding: 0 calc(var(--sp-thb-gallery-gap) / 2);
  }
  .product-thumbs.tmb-ver[data-col="4"] .single-thumb a {
    height: var(--sp-thb-gallery-single-height);
    width: 100%;
    aspect-ratio: unset;
  }
  .product-thumbs.tmb-ver[data-col="4"] .single-thumb a img {
    width: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
    height: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
  }
  .product-thumbs.tmb-ver[data-col="5"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 5);
            flex: 1 0 calc(100% / 5);
    padding: 0 calc(var(--sp-thb-gallery-gap) / 2);
  }
  .product-thumbs.tmb-ver[data-col="5"] .single-thumb a {
    height: var(--sp-thb-gallery-single-height);
    width: 100%;
    aspect-ratio: unset;
  }
  .product-thumbs.tmb-ver[data-col="5"] .single-thumb a img {
    width: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
    height: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
  }
  .product-thumbs.tmb-ver[data-col="6"] .single-thumb {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% / 6);
            flex: 1 0 calc(100% / 6);
    padding: 0 calc(var(--sp-thb-gallery-gap) / 2);
  }
  .product-thumbs.tmb-ver[data-col="6"] .single-thumb a {
    height: var(--sp-thb-gallery-single-height);
    width: 100%;
    aspect-ratio: unset;
  }
  .product-thumbs.tmb-ver[data-col="6"] .single-thumb a img {
    width: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
    height: calc(100% - var(--sp-thb-gallery-single-padding) * 2);
  }
}
.product-image-holder {
  grid-area: product-image;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.product-image-holder .item-tags {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inset: var(--product-tags-sp-inset);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--product-tags-sp-direction);
          flex-direction: var(--product-tags-sp-direction);
  -webkit-box-align: var(--product-tags-sp-align);
      -ms-flex-align: var(--product-tags-sp-align);
          align-items: var(--product-tags-sp-align);
  gap: var(--product-tags-sp-gap);
  z-index: 1;
}
.product-image-holder .item-image-tags {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--image-tags-sp-direction);
          flex-direction: var(--image-tags-sp-direction);
  gap: var(--image-tags-sp-gap);
  inset: var(--image-tags-sp-inset);
  z-index: 1;
}
.product-image-holder .item-image-tags .image-tag {
  width: var(--image-tag-sp-img-width);
}
.product-image-holder .product-image-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: var(--sp-image-gallery-bg);
  border: var(--sp-image-gallery-border);
  border-radius: var(--sp-image-gallery-radius);
  padding: var(--sp-image-gallery-padding);
  -webkit-box-shadow: var(--sp-image-gallery-shadow);
          box-shadow: var(--sp-image-gallery-shadow);
  gap: var(--sp-image-gallery-padding);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.product-image-holder .product-image-slider .slick-list {
  width: 100%;
}
.product-image-holder .product-image-slider .single-image {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-image-holder .product-image-slider .single-image a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
.product-image-holder .product-image-slider .single-image a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
  aspect-ratio: 1.1/1;
  max-width: var(--sp-image-max-size);
  max-height: var(--sp-image-max-size);
}

.product-naming {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: pdc-name;
  margin: var(--sp-title-margin);
}

.mys-single-product.mys-product-layout-2 > .product-naming {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-3 > .product-naming {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-4 > .product-naming {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.mys-single-product.mys-product-layout-5 > .product-naming {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}

.mys-single-product.mys-product-layout-6 > .product-naming {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-7 > .product-naming {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}
.product-naming .product-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1em;
  background: var(--sp-title-bg);
  color: var(--sp-title-color);
  border: var(--sp-title-border);
  border-radius: var(--sp-title-radius);
  padding: var(--sp-title-padding);
}
.product-naming .product-title .product-headline {
  font-size: var(--sp-title-size);
  line-height: var(--sp-title-line-height);
  margin-bottom: 0;
}
.product-naming .product-title .print-sheet {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  gap: 0.5em;
  background: var(--sp-title-ico-bg);
  color: var(--sp-title-ico-color);
  border: var(--sp-title-ico-border);
  border-radius: var(--sp-title-ico-radius);
  padding: var(--sp-title-ico-padding);
}
.product-naming .product-title .print-sheet i {
  line-height: 1;
  font-size: var(--sp-title-ico-size);
  font-weight: normal;
}
.product-naming .product-title .print-sheet span {
  display: var(--sp-title-ico-label-display);
  color: var(--sp-title-ico-label-color);
  font-size: var(--sp-title-ico-label-size);
  text-transform: var(--sp-title-ico-label-transform);
}

@media (max-width: 575px) {
  .product-naming .product-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.product-stars {
  grid-area: pdc-stars;
  margin: var(--sp-stars-margin);
}
.product-stars .stars-link {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-self: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  color: currentColor;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.product-stars .stars-link .mys-star-rating {
  font-size: var(--sp-star-size);
}
.product-stars .stars-link .star-grade {
  font-size: var(--sp-grade-size);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.product-stars .stars-link:hover .star-grade {
  background: var(--star-grade-hover-bg);
  color: var(--star-grade-hover-color);
  border: var(--star-grade-hover-border);
}

.product-availability {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: pdc-avlbl;
  margin: var(--sp-product-available-margin);
  -ms-grid-row-align: center;
      align-self: center;
}

.mys-single-product.mys-product-layout-2 > .product-availability {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}

.mys-single-product.mys-product-layout-3 > .product-availability {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

.mys-single-product.mys-product-layout-4 > .product-availability {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}

.mys-single-product.mys-product-layout-5 > .product-availability {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}

.mys-single-product.mys-product-layout-6 > .product-availability {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.mys-single-product.mys-product-layout-7 > .product-availability {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.mys-product-avlbl .availability {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.35em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mys-product-avlbl .availability span {
  font-size: var(--sp-product-available-label-size);
  font-weight: var(--sp-product-available-label-weight);
  color: var(--sp-product-available-label-color);
}
.mys-product-avlbl .availability:before {
  content: "";
  display: block;
  font-family: var(--sp-product-available-icon-font);
  width: var(--sp-product-available-icon-size);
  border: var(--sp-product-available-icon-border);
  border-radius: var(--sp-product-available-icon-radius);
  content: var(--sp-product-available-icon-content);
  padding: var(--sp-product-available-icon-padding);
  aspect-ratio: 1/1;
  line-height: 1;
}
.mys-product-avlbl .availability.tag-available:before {
  background: var(--sp-product-available-bg-available-bg);
  color: var(--sp-product-available-bg-available-color);
  content: var(--sp-product-available-bg-available-content);
}
.mys-product-avlbl .availability.tag-expiring:before {
  background: var(--sp-product-available-bg-expiring-bg);
  color: var(--sp-product-available-bg-expiring-color);
  content: var(--sp-product-available-bg-expiring-content);
}
.mys-product-avlbl .availability.tag-not-available:before {
  background: var(--sp-product-available-bg-none-bg);
  color: var(--sp-product-available-bg-none-color);
  content: var(--sp-product-available-bg-none-content);
}

.product-pricing {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: pdc-price;
  margin: var(--sp-product-pricing-margin);
  container: product-pricing/inline-size;
}

.mys-single-product.mys-product-layout-2 > .product-pricing {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-3 > .product-pricing {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-4 > .product-pricing {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.mys-single-product.mys-product-layout-5 > .product-pricing {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-6 > .product-pricing {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-7 > .product-pricing {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-pricing {
  background: var(--sp-product-pricing-bg);
  color: var(--sp-product-pricing-color);
  border: var(--sp-product-pricing-border);
  border-radius: var(--sp-product-pricing-radius);
  padding: var(--sp-product-pricing-padding);
  gap: var(--sp-product-pricing-gap);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mys-pricing .price-final-container,
.mys-pricing .price-saving-container {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.mys-pricing .price-final-container {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  background: var(--sp-product-pricing-final-bg);
  border: var(--sp-product-pricing-final-border);
  border-radius: var(--sp-product-pricing-final-radius);
  padding: var(--sp-product-pricing-final-padding);
}
.mys-pricing .price-final-container .price-label {
  color: var(--sp-product-pricing-final-label-color);
  font-size: var(--sp-product-pricing-final-label-size);
}
.mys-pricing .price-final-container del {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  color: var(--sp-product-pricing-final-del-color);
  font-size: var(--sp-product-pricing-final-del-size);
  line-height: 1.2;
}
.mys-pricing .price-final-container strong {
  color: var(--sp-product-pricing-final-color);
  font-size: var(--sp-product-pricing-final-size);
  line-height: 1.2;
}
.mys-pricing .price-saving-container {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  background: var(--sp-product-pricing-saving-bg);
  border: var(--sp-product-pricing-saving-border);
  border-radius: var(--sp-product-pricing-saving-radius);
  padding: var(--sp-product-pricing-saving-padding);
}
.mys-pricing .price-saving-container .price-label {
  color: var(--sp-product-pricing-saving-label-color);
  font-size: var(--sp-product-pricing-saving-label-size);
}
.mys-pricing .price-saving-container strong {
  font-weight: normal;
  color: var(--sp-product-pricing-saving-color);
  font-size: var(--sp-product-pricing-saving-size);
  line-height: 1.2;
}
.mys-pricing:before {
  content: "";
  display: var(--sp-product-pricing-line-display);
  width: var(--sp-product-pricing-line-thick);
  background: var(--sp-product-pricing-line-bg);
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--sp-product-pricing-line-thick);
          flex: 0 0 var(--sp-product-pricing-line-thick);
}

@container product-pricing (max-width: 450px) {
  .mys-pricing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--sp-product-pricing-mob-gap);
  }
  .mys-pricing:before {
    height: var(--sp-product-pricing-line-thick);
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--sp-product-pricing-line-thick);
            flex: 0 0 var(--sp-product-pricing-line-thick);
  }
}
.product-purchase-button {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: pdc-purchase;
  margin: var(--sp-add-cart-margin);
}
.mys-single-product.mys-product-layout-2 > .product-purchase-button {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}
.mys-single-product.mys-product-layout-3 > .product-purchase-button {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}
.mys-single-product.mys-product-layout-4 > .product-purchase-button {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
.mys-single-product.mys-product-layout-5 > .product-purchase-button {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}
.mys-single-product.mys-product-layout-6 > .product-purchase-button {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}
.mys-single-product.mys-product-layout-7 > .product-purchase-button {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}
.product-purchase-button .mys-purchase-link {
  display: block;
}
.product-purchase-button .mys-purchase-link button {
  min-width: var(--sp-add-cart-width);
}
.product-purchase-button .mys-purchase-link button.add-to-cart-unavailable {
  pointer-events: none;
}
.product-purchase-button .mys-purchase-link button.buy-in-shops {
  pointer-events: none;
}

@media (max-width: 991px) {
  .mys-add-cart-sticky .product-purchase-button {
    position: sticky;
    bottom: var(--sp-add-cart-sticky-bottom);
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    z-index: 5;
  }
  .mys-add-cart-sticky .product-purchase-button:before {
    content: "";
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--theme-bg)), to(transparent));
    background: linear-gradient(to top, var(--theme-bg), transparent);
    inset: -2em calc(var(--desktop-x-padding) * -1) calc(var(--sp-add-cart-sticky-bottom) * -1);
    position: absolute;
  }
  .mys-add-cart-sticky .product-purchase-button .mys-purchase-link {
    display: block;
  }
  .mys-add-cart-sticky .product-purchase-button .mys-purchase-link button {
    min-width: 100%;
  }
}
.product-credit {
  grid-area: pdc-credit;
  margin: var(--sp-credit-margin);
}

.mys-product-credit {
  background: var(--sp-credit-bg);
  color: var(--sp-credit-color);
  border: var(--sp-credit-border);
  border-radius: var(--sp-credit-radius);
  padding: var(--sp-credit-padding);
}
.mys-product-credit strong {
  font-size: var(--sp-credit-price-size);
  color: var(--sp-credit-price-color);
}
.mys-product-credit .bank-example,
.mys-product-credit .bank-more {
  font-size: var(--sp-credit-link-size);
  color: var(--sp-credit-link-color);
  -webkit-text-decoration: var(--sp-credit-link-decoration);
          text-decoration: var(--sp-credit-link-decoration);
}
.mys-product-credit .bank-example:hover,
.mys-product-credit .bank-more:hover {
  -webkit-text-decoration: var(--sp-credit-link-hover-decoration);
          text-decoration: var(--sp-credit-link-hover-decoration);
}

.product-shortcuts {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: pdc-shortcuts;
  margin: var(--sp-shortcuts-margin);
  -ms-grid-row-align: center;
      align-self: center;
}

.mys-single-product.mys-product-layout-2 > .product-shortcuts {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.mys-single-product.mys-product-layout-3 > .product-shortcuts {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.mys-single-product.mys-product-layout-4 > .product-shortcuts {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.mys-single-product.mys-product-layout-5 > .product-shortcuts {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.mys-single-product.mys-product-layout-6 > .product-shortcuts {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mys-single-product.mys-product-layout-7 > .product-shortcuts {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mys-product-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--sp-shortcuts-direction);
          flex-direction: var(--sp-shortcuts-direction);
  background: var(--sp-shortcuts-bg);
  color: var(--sp-shortcuts-color);
  border: var(--sp-shortcuts-border);
  border-radius: var(--sp-shortcuts-radius);
  padding: var(--sp-shortcuts-padding);
  gap: var(--sp-shortcuts-gap);
}
.mys-product-links a {
  -webkit-text-decoration: var(--sp-shortcuts-decoration);
          text-decoration: var(--sp-shortcuts-decoration);
  font-size: var(--sp-shortcuts-size);
  color: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.mys-product-links a i {
  line-height: 1;
  background: var(--sp-shortcuts-icon-bg);
  color: var(--sp-shortcuts-icon-color);
  font-size: var(--sp-shortcuts-icon-size);
  border: var(--sp-shortcuts-icon-border);
  border-radius: var(--sp-shortcuts-icon-radius);
  padding: var(--sp-shortcuts-icon-padding);
}
.mys-product-links a.active i {
  background: var(--sp-shortcuts-icon-active-bg);
  color: var(--sp-shortcuts-icon-active-color);
  border: var(--sp-shortcuts-icon-active-border);
}

.product-list-info {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: pdc-list-info;
  margin: var(--sp-list-info-margin);
}

.mys-single-product.mys-product-layout-2 > .product-list-info {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-3 > .product-list-info {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-4 > .product-list-info {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.mys-single-product.mys-product-layout-5 > .product-list-info {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.mys-single-product.mys-product-layout-6 > .product-list-info {
  -ms-grid-row: 4;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-7 > .product-list-info {
  -ms-grid-row: 5;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-list-info {
  line-height: 1.4;
}
.mys-list-info dt {
  display: inline;
  font-weight: normal;
  font-size: var(--sp-list-info-title-size);
  color: var(--sp-list-info-title-color);
  font-weight: var(--sp-list-info-title-weight);
}
.mys-list-info dt b, .mys-list-info dt strong {
  font-weight: inherit;
}
.mys-list-info dd {
  display: inline;
  font-size: var(--sp-list-info-desc-size);
  color: var(--sp-list-info-desc-color);
}
.mys-list-info dd:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: var(--sp-list-info-spacing);
}
.mys-list-info a {
  color: var(--sp-list-info-desc-color);
}
.mys-list-info a:hover {
  color: var(--sp-list-info-desc-hover-color);
}
.mys-list-info .list-energy-grade {
  height: var(--sp-list-img-size);
  width: auto;
  display: inline-block;
}

.product-addl-info {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: pdc-addl-info;
  margin: var(--sp-addl-info-margin);
}

.mys-single-product.mys-product-layout-2 > .product-addl-info {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
}

.mys-single-product.mys-product-layout-3 > .product-addl-info {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
}

.mys-single-product.mys-product-layout-4 > .product-addl-info {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-5 > .product-addl-info {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}

.mys-single-product.mys-product-layout-6 > .product-addl-info {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-single-product.mys-product-layout-7 > .product-addl-info {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.mys-addl-info {
  background: var(--sp-addl-info-bg);
  color: var(--sp-addl-info-color);
  border: var(--sp-addl-info-border);
  border-radius: var(--sp-addl-info-radius);
  padding: var(--sp-addl-info-padding);
}
.mys-addl-info .tab-pane-checkbox {
  display: none;
}
.mys-addl-info .tab-title label {
  cursor: pointer;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-addl-info .tab-pane-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
  pointer-events: none;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(1):checked ~ .nav-tabs .tab-title:nth-of-type(1) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(1):checked ~ .nav-tabs .tab-title:nth-of-type(1) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(1):checked ~ .tab-content .tab-pane:nth-of-type(1) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(1):checked ~ .tab-content .tab-pane:nth-of-type(1) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(1):checked ~ .tab-content .tab-pane:nth-of-type(1) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(1):checked ~ .tab-content .tab-pane:nth-of-type(1) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(2):checked ~ .nav-tabs .tab-title:nth-of-type(2) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(2):checked ~ .nav-tabs .tab-title:nth-of-type(2) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(2):checked ~ .tab-content .tab-pane:nth-of-type(2) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(2):checked ~ .tab-content .tab-pane:nth-of-type(2) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(2):checked ~ .tab-content .tab-pane:nth-of-type(2) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(2):checked ~ .tab-content .tab-pane:nth-of-type(2) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(3):checked ~ .nav-tabs .tab-title:nth-of-type(3) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(3):checked ~ .nav-tabs .tab-title:nth-of-type(3) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(3):checked ~ .tab-content .tab-pane:nth-of-type(3) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(3):checked ~ .tab-content .tab-pane:nth-of-type(3) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(3):checked ~ .tab-content .tab-pane:nth-of-type(3) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(3):checked ~ .tab-content .tab-pane:nth-of-type(3) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(4):checked ~ .nav-tabs .tab-title:nth-of-type(4) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(4):checked ~ .nav-tabs .tab-title:nth-of-type(4) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(4):checked ~ .tab-content .tab-pane:nth-of-type(4) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(4):checked ~ .tab-content .tab-pane:nth-of-type(4) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(4):checked ~ .tab-content .tab-pane:nth-of-type(4) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(4):checked ~ .tab-content .tab-pane:nth-of-type(4) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(5):checked ~ .nav-tabs .tab-title:nth-of-type(5) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(5):checked ~ .nav-tabs .tab-title:nth-of-type(5) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(5):checked ~ .tab-content .tab-pane:nth-of-type(5) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(5):checked ~ .tab-content .tab-pane:nth-of-type(5) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(5):checked ~ .tab-content .tab-pane:nth-of-type(5) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(5):checked ~ .tab-content .tab-pane:nth-of-type(5) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(6):checked ~ .nav-tabs .tab-title:nth-of-type(6) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(6):checked ~ .nav-tabs .tab-title:nth-of-type(6) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(6):checked ~ .tab-content .tab-pane:nth-of-type(6) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(6):checked ~ .tab-content .tab-pane:nth-of-type(6) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(6):checked ~ .tab-content .tab-pane:nth-of-type(6) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(6):checked ~ .tab-content .tab-pane:nth-of-type(6) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(7):checked ~ .nav-tabs .tab-title:nth-of-type(7) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(7):checked ~ .nav-tabs .tab-title:nth-of-type(7) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(7):checked ~ .tab-content .tab-pane:nth-of-type(7) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(7):checked ~ .tab-content .tab-pane:nth-of-type(7) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(7):checked ~ .tab-content .tab-pane:nth-of-type(7) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(7):checked ~ .tab-content .tab-pane:nth-of-type(7) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(8):checked ~ .nav-tabs .tab-title:nth-of-type(8) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(8):checked ~ .nav-tabs .tab-title:nth-of-type(8) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(8):checked ~ .tab-content .tab-pane:nth-of-type(8) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(8):checked ~ .tab-content .tab-pane:nth-of-type(8) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(8):checked ~ .tab-content .tab-pane:nth-of-type(8) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(8):checked ~ .tab-content .tab-pane:nth-of-type(8) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(9):checked ~ .nav-tabs .tab-title:nth-of-type(9) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(9):checked ~ .nav-tabs .tab-title:nth-of-type(9) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(9):checked ~ .tab-content .tab-pane:nth-of-type(9) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(9):checked ~ .tab-content .tab-pane:nth-of-type(9) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(9):checked ~ .tab-content .tab-pane:nth-of-type(9) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(9):checked ~ .tab-content .tab-pane:nth-of-type(9) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(10):checked ~ .nav-tabs .tab-title:nth-of-type(10) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(10):checked ~ .nav-tabs .tab-title:nth-of-type(10) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(10):checked ~ .tab-content .tab-pane:nth-of-type(10) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(10):checked ~ .tab-content .tab-pane:nth-of-type(10) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(10):checked ~ .tab-content .tab-pane:nth-of-type(10) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(10):checked ~ .tab-content .tab-pane:nth-of-type(10) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(11):checked ~ .nav-tabs .tab-title:nth-of-type(11) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(11):checked ~ .nav-tabs .tab-title:nth-of-type(11) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(11):checked ~ .tab-content .tab-pane:nth-of-type(11) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(11):checked ~ .tab-content .tab-pane:nth-of-type(11) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(11):checked ~ .tab-content .tab-pane:nth-of-type(11) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(11):checked ~ .tab-content .tab-pane:nth-of-type(11) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(12):checked ~ .nav-tabs .tab-title:nth-of-type(12) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(12):checked ~ .nav-tabs .tab-title:nth-of-type(12) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(12):checked ~ .tab-content .tab-pane:nth-of-type(12) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(12):checked ~ .tab-content .tab-pane:nth-of-type(12) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(12):checked ~ .tab-content .tab-pane:nth-of-type(12) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(12):checked ~ .tab-content .tab-pane:nth-of-type(12) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(13):checked ~ .nav-tabs .tab-title:nth-of-type(13) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(13):checked ~ .nav-tabs .tab-title:nth-of-type(13) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(13):checked ~ .tab-content .tab-pane:nth-of-type(13) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(13):checked ~ .tab-content .tab-pane:nth-of-type(13) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(13):checked ~ .tab-content .tab-pane:nth-of-type(13) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(13):checked ~ .tab-content .tab-pane:nth-of-type(13) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(14):checked ~ .nav-tabs .tab-title:nth-of-type(14) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(14):checked ~ .nav-tabs .tab-title:nth-of-type(14) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(14):checked ~ .tab-content .tab-pane:nth-of-type(14) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(14):checked ~ .tab-content .tab-pane:nth-of-type(14) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(14):checked ~ .tab-content .tab-pane:nth-of-type(14) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(14):checked ~ .tab-content .tab-pane:nth-of-type(14) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(15):checked ~ .nav-tabs .tab-title:nth-of-type(15) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(15):checked ~ .nav-tabs .tab-title:nth-of-type(15) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(15):checked ~ .tab-content .tab-pane:nth-of-type(15) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(15):checked ~ .tab-content .tab-pane:nth-of-type(15) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(15):checked ~ .tab-content .tab-pane:nth-of-type(15) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(15):checked ~ .tab-content .tab-pane:nth-of-type(15) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(16):checked ~ .nav-tabs .tab-title:nth-of-type(16) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(16):checked ~ .nav-tabs .tab-title:nth-of-type(16) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(16):checked ~ .tab-content .tab-pane:nth-of-type(16) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(16):checked ~ .tab-content .tab-pane:nth-of-type(16) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(16):checked ~ .tab-content .tab-pane:nth-of-type(16) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(16):checked ~ .tab-content .tab-pane:nth-of-type(16) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(17):checked ~ .nav-tabs .tab-title:nth-of-type(17) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(17):checked ~ .nav-tabs .tab-title:nth-of-type(17) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(17):checked ~ .tab-content .tab-pane:nth-of-type(17) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(17):checked ~ .tab-content .tab-pane:nth-of-type(17) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(17):checked ~ .tab-content .tab-pane:nth-of-type(17) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(17):checked ~ .tab-content .tab-pane:nth-of-type(17) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(18):checked ~ .nav-tabs .tab-title:nth-of-type(18) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(18):checked ~ .nav-tabs .tab-title:nth-of-type(18) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(18):checked ~ .tab-content .tab-pane:nth-of-type(18) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(18):checked ~ .tab-content .tab-pane:nth-of-type(18) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(18):checked ~ .tab-content .tab-pane:nth-of-type(18) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(18):checked ~ .tab-content .tab-pane:nth-of-type(18) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(19):checked ~ .nav-tabs .tab-title:nth-of-type(19) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(19):checked ~ .nav-tabs .tab-title:nth-of-type(19) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(19):checked ~ .tab-content .tab-pane:nth-of-type(19) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(19):checked ~ .tab-content .tab-pane:nth-of-type(19) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(19):checked ~ .tab-content .tab-pane:nth-of-type(19) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(19):checked ~ .tab-content .tab-pane:nth-of-type(19) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(20):checked ~ .nav-tabs .tab-title:nth-of-type(20) label {
  background: var(--sp-tabs-title-active-bg);
  color: var(--sp-tabs-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(20):checked ~ .nav-tabs .tab-title:nth-of-type(20) label span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(20):checked ~ .tab-content .tab-pane:nth-of-type(20) .tab-title label {
  background: var(--sp-accordion-title-active-bg);
  color: var(--sp-accordion-title-active-color);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(20):checked ~ .tab-content .tab-pane:nth-of-type(20) .tab-title label:after {
  content: var(--sp-accordion-icon-open);
  background: var(--sp-accordion-icon-active-bg);
  color: var(--sp-accordion-icon-active-color);
  border: var(--sp-accordion-icon-active-border);
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(20):checked ~ .tab-content .tab-pane:nth-of-type(20) {
  position: relative;
  z-index: 2;
}
.mys-addl-info .tab-pane-checkbox:nth-of-type(20):checked ~ .tab-content .tab-pane:nth-of-type(20) .tab-pane-content {
  pointer-events: all;
  max-height: 3000px;
  -webkit-transition: max-height 1000ms ease-in-out;
  transition: max-height 1000ms ease-in-out;
}
.mys-addl-info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mys-addl-info dl dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 200px;
          flex: 0 1 200px;
}
.mys-addl-info dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-width: calc(100% - 200px);
  width: 100%;
}
.mys-addl-info.info-tabs .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--sp-tabs-nav-size);
  font-weight: var(--sp-tabs-nav-weight);
  gap: var(--sp-tabs-nav-gap);
}
.mys-addl-info.info-tabs .nav-tabs .tab-title {
  max-width: var(--sp-tabs-title-max-width);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mys-addl-info.info-tabs .nav-tabs .tab-title label {
  font-weight: inherit;
  font-size: inherit;
  background: var(--sp-tabs-title-bg);
  color: var(--sp-tabs-title-color);
  border: var(--sp-tabs-title-border);
  border-radius: var(--sp-tabs-title-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: var(--sp-tabs-title-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mys-addl-info.info-tabs .nav-tabs .tab-title label span {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.mys-addl-info.info-tabs .nav-tabs .tab-title label span:after {
  content: "";
  display: block;
  width: var(--sp-tabs-title-line-width);
  height: var(--sp-tabs-title-line-thick);
  border-radius: var(--sp-tabs-title-line-radius);
  background-color: currentColor;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 300ms ease transform;
  transition: 300ms ease transform;
}
.mys-addl-info.info-tabs .tab-content {
  position: relative;
}
.mys-addl-info.info-tabs .tab-content .tab-pane {
  position: absolute;
  inset: 0 0 auto;
  z-index: 1;
  background: var(--theme-bg);
}
.mys-addl-info.info-tabs .tab-content .tab-pane-content .tab-pane-slv {
  background: var(--sp-tabs-content-bg);
  border: var(--sp-tabs-content-border);
  border-radius: var(--sp-tabs-content-radius);
  padding: var(--sp-tabs-content-padding);
}
.mys-addl-info.info-accordion.has-borders .tab-pane:not(:last-child):after {
  content: "";
  display: block;
  margin-top: var(--sp-addl-info-gap);
  border-bottom: var(--sp-accordion-border-thick) solid var(--sp-accordion-border-bg);
}
.mys-addl-info.info-accordion .tab-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-addl-info.info-accordion .tab-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--sp-addl-info-gap);
}
.mys-addl-info.info-accordion .tab-content .tab-title label {
  background: var(--sp-accordion-title-bg);
  color: var(--sp-accordion-title-color);
  font-size: var(--sp-accordion-title-size);
  font-weight: var(--sp-accordion-title-weight);
  border: var(--sp-accordion-title-border);
  border-radius: var(--sp-accordion-title-radius);
  padding: var(--sp-accordion-title-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-addl-info.info-accordion .tab-content .tab-title label:after {
  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;
  line-height: 1;
  font-family: var(--sp-accordion-font);
  content: var(--sp-accordion-icon-closed);
  font-size: var(--sp-accordion-icon-font-size);
  width: var(--sp-accordion-icon-size);
  aspect-ratio: 1/1;
  border: var(--sp-accordion-icon-border);
  border-radius: var(--sp-accordion-icon-radius);
  background: var(--sp-accordion-icon-bg);
  color: var(--sp-accordion-icon-color);
}
.mys-addl-info.info-accordion .tab-content .tab-pane-content .tab-pane-slv {
  background: var(--sp-accordion-content-bg);
  border: var(--sp-accordion-content-border);
  border-radius: var(--sp-accordion-content-radius);
  padding: var(--sp-accordion-content-padding);
}

@media (max-width: 767px) {
  .mys-addl-info dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-addl-info dl dt, .mys-addl-info dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
  .mys-addl-info dl dd:not(:last-child) {
    margin-bottom: 0.5em;
  }
}
@media (min-width: 576px) {
  .mys-addl-info.info-tabs .tab-content .tab-pane:nth-child(1) .tab-pane-content .tab-pane-slv {
    border-top-left-radius: 0;
  }
}
@media (max-width: 575px) {
  .mys-addl-info.info-tabs .nav-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-addl-info.info-tabs .nav-tabs .tab-title {
    max-width: 100%;
  }
  .mys-addl-info.info-tabs .nav-tabs .tab-title label {
    border-radius: var(--sp-tabs-title-radius);
  }
  .mys-addl-info.info-tabs .nav-tabs .tab-title:last-child label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .mys-addl-info.info-tabs .tab-content .tab-pane:last-child .tab-pane-content .tab-pane-slv {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.mys-single-product.mys-product-layout-1 {
  -ms-grid-columns: var(--sp-gallery-width) 1fr 1fr;
  grid-template-columns: var(--sp-gallery-width) 1fr 1fr;
  -ms-grid-rows: auto auto auto auto 1fr auto;
  grid-template-rows: auto auto auto auto 1fr auto;
      grid-template-areas: "pdc-gallery pdc-name pdc-name" "pdc-gallery pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-price pdc-price" "pdc-gallery pdc-purchase pdc-purchase" "pdc-gallery pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info pdc-addl-info";
}
.mys-single-product.mys-product-layout-2 {
  -ms-grid-columns: 25% 25% 1fr 1fr;
  grid-template-columns: 25% 25% 1fr 1fr;
  -ms-grid-rows: auto auto auto auto 1fr auto;
  grid-template-rows: auto auto auto auto 1fr auto;
      grid-template-areas: "pdc-gallery pdc-gallery pdc-name pdc-name" "pdc-gallery pdc-gallery pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery pdc-list-info pdc-list-info" "pdc-gallery pdc-gallery pdc-purchase pdc-purchase" "pdc-gallery pdc-gallery pdc-price pdc-price" "pdc-addl-info pdc-addl-info pdc-addl-info pdc-addl-info";
}
.mys-single-product.mys-product-layout-3 {
  -ms-grid-columns: 25% 25% 1fr 1fr;
  grid-template-columns: 25% 25% 1fr 1fr;
  -ms-grid-rows: auto auto 1fr auto auto;
  grid-template-rows: auto auto 1fr auto auto;
      grid-template-areas: "pdc-name pdc-name pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery pdc-price pdc-price" "pdc-gallery pdc-gallery pdc-list-info pdc-list-info" "pdc-gallery pdc-gallery pdc-purchase pdc-purchase" "pdc-addl-info pdc-addl-info pdc-addl-info pdc-addl-info";
}
.mys-single-product.mys-product-layout-4 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: 30% 30% 1fr;
  grid-template-columns: 30% 30% 1fr;
  -ms-grid-rows: auto auto auto auto 1fr auto;
  grid-template-rows: auto auto auto auto 1fr auto;
      grid-template-areas: "pdc-gallery pdc-gallery pdc-name" "pdc-gallery pdc-gallery pdc-shortcuts" "pdc-gallery pdc-gallery pdc-price" "pdc-gallery pdc-gallery pdc-purchase" "pdc-gallery pdc-gallery pdc-avlbl" "pdc-addl-info pdc-addl-info pdc-list-info";
}
.mys-single-product.mys-product-layout-4 .product-availability {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.mys-single-product.mys-product-layout-4 .product-availability .mys-product-avlbl .availability {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mys-single-product.mys-product-layout-5 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: 1fr 1fr 50%;
  grid-template-columns: 1fr 1fr 50%;
  -ms-grid-rows: auto auto auto auto 1fr auto;
  grid-template-rows: auto auto auto auto 1fr auto;
      grid-template-areas: "pdc-name pdc-name pdc-name" "pdc-price pdc-price pdc-gallery" "pdc-purchase pdc-purchase pdc-gallery" "pdc-shortcuts pdc-avlbl pdc-gallery" "pdc-list-info pdc-info pdc-gallery" "pdc-addl-info pdc-addl-info pdc-addl-info";
}
.mys-single-product.mys-product-layout-6 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-grid-columns: 1fr 1fr 22% 22%;
  grid-template-columns: 1fr 1fr 22% 22%;
  -ms-grid-rows: auto auto auto 1fr auto;
  grid-template-rows: auto auto auto 1fr auto;
      grid-template-areas: "pdc-name pdc-name pdc-gallery pdc-gallery" "pdc-shortcuts pdc-avlbl pdc-gallery pdc-gallery" "pdc-addl-info pdc-addl-info pdc-gallery pdc-gallery" "pdc-list-info pdc-list-info pdc-gallery pdc-gallery" "pdc-list-info pdc-list-info pdc-price pdc-price" "pdc-list-info pdc-list-info pdc-purchase pdc-purchase";
}
.mys-single-product.mys-product-layout-7 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-grid-columns: 1fr 1fr 25% 25%;
  grid-template-columns: 1fr 1fr 25% 25%;
  -ms-grid-rows: auto auto auto 1fr auto;
  grid-template-rows: auto auto auto 1fr auto;
      grid-template-areas: "pdc-name pdc-name pdc-gallery pdc-gallery" "pdc-shortcuts pdc-avlbl pdc-gallery pdc-gallery" "pdc-price pdc-price pdc-gallery pdc-gallery" "pdc-addl-info pdc-addl-info pdc-gallery pdc-gallery" "pdc-list-info pdc-list-info pdc-gallery pdc-gallery" "pdc-list-info pdc-list-info pdc-purchase pdc-purchase";
}

@media (min-width: 768px) and (max-width: 991px) {
  .mys-single-product {
    display: -ms-grid;
    display: grid;
  }
  .mys-single-product.mys-product-layout-1 {
    -ms-grid-columns: var(--sp-gallery-width) 1fr;
    grid-template-columns: var(--sp-gallery-width) 1fr;
    -ms-grid-rows: auto auto auto auto auto 1fr auto;
    grid-template-rows: auto auto auto auto auto 1fr auto;
        grid-template-areas: "pdc-gallery pdc-name" "pdc-gallery pdc-shortcuts" "pdc-gallery pdc-avlbl" "pdc-gallery pdc-price" "pdc-gallery pdc-purchase" "pdc-gallery pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-2 {
    -ms-grid-columns: 50% 1fr 1fr;
    grid-template-columns: 50% 1fr 1fr;
    -ms-grid-rows: auto auto auto 1fr auto auto;
    grid-template-rows: auto auto auto 1fr auto auto;
        grid-template-areas: "pdc-gallery pdc-name pdc-name" "pdc-gallery pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-list-info pdc-list-info" "pdc-gallery pdc-purchase pdc-purchase" "pdc-price pdc-price pdc-price" "pdc-addl-info pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-3 {
    -ms-grid-columns: 25% 25% 1fr 1fr;
    grid-template-columns: 25% 25% 1fr 1fr;
    -ms-grid-rows: auto auto 1fr auto;
    grid-template-rows: auto auto 1fr auto;
        grid-template-areas: "pdc-name pdc-name pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery pdc-price pdc-price" "pdc-gallery pdc-gallery pdc-list-info pdc-list-info" "pdc-gallery pdc-gallery pdc-purchase pdc-purchase" "pdc-addl-info pdc-addl-info pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-4 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-grid-columns: 25% 25% 1fr;
    grid-template-columns: 25% 25% 1fr;
  }
  .mys-single-product.mys-product-layout-5 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-grid-columns: 1fr 1fr 50%;
    grid-template-columns: 1fr 1fr 50%;
    -ms-grid-rows: auto auto auto auto 1fr auto;
    grid-template-rows: auto auto auto auto 1fr auto;
        grid-template-areas: "pdc-name pdc-name pdc-name" "pdc-price pdc-price pdc-gallery" "pdc-purchase pdc-purchase pdc-gallery" "pdc-shortcuts pdc-avlbl pdc-gallery" "pdc-list-info pdc-info pdc-gallery" "pdc-addl-info pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-6 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-grid-columns: 1fr 1fr 22% 22%;
    grid-template-columns: 1fr 1fr 22% 22%;
    -ms-grid-rows: auto auto auto 1fr auto;
    grid-template-rows: auto auto auto 1fr auto;
        grid-template-areas: "pdc-name pdc-name pdc-gallery pdc-gallery" "pdc-shortcuts pdc-avlbl pdc-gallery pdc-gallery" "pdc-addl-info pdc-addl-info pdc-gallery pdc-gallery" "pdc-list-info pdc-list-info pdc-gallery pdc-gallery" "pdc-list-info pdc-list-info pdc-price pdc-price" "pdc-purchase pdc-purchase pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-product-layout-7 {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-grid-columns: 1fr 1fr 25% 25%;
    grid-template-columns: 1fr 1fr 25% 25%;
    -ms-grid-rows: auto auto auto 1fr auto;
    grid-template-rows: auto auto auto 1fr auto;
        grid-template-areas: "pdc-name pdc-name pdc-name pdc-name" "pdc-shortcuts pdc-avlbl pdc-gallery pdc-gallery" "pdc-price pdc-price pdc-gallery pdc-gallery" "pdc-addl-info pdc-addl-info pdc-gallery pdc-gallery" "pdc-list-info pdc-list-info pdc-gallery pdc-gallery" "pdc-list-info pdc-list-info pdc-purchase pdc-purchase";
  }
  .mys-product-gallery {
    -ms-grid-row: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .mys-single-product.mys-product-layout-2 > .mys-product-gallery {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .mys-single-product.mys-product-layout-3 > .mys-product-gallery {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .mys-product-gallery {
    -ms-grid-row: 2;
    -ms-grid-row-span: 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .mys-single-product.mys-product-layout-6 > .mys-product-gallery {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .mys-product-gallery {
    -ms-grid-row: 2;
    -ms-grid-row-span: 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .mys-single-product.mys-product-layout-2 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .mys-single-product.mys-product-layout-6 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .product-availability {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .mys-single-product.mys-product-layout-3 > .product-availability {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .mys-single-product.mys-product-layout-5 > .product-availability {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .mys-single-product.mys-product-layout-2 > .product-pricing {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .mys-single-product.mys-product-layout-3 > .product-pricing {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-pricing {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-pricing {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-pricing {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .mys-single-product.mys-product-layout-2 > .product-purchase-button {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-purchase-button {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-purchase-button {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-purchase-button {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .mys-single-product.mys-product-layout-7 > .product-purchase-button {
    -ms-grid-row: 6;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-shortcuts {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .mys-single-product.mys-product-layout-5 > .product-shortcuts {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-6 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-7 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .mys-single-product.mys-product-layout-2 > .product-list-info {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-list-info {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .mys-single-product.mys-product-layout-6 > .product-list-info {
    -ms-grid-row: 4;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .mys-single-product.mys-product-layout-3 > .product-addl-info {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .mys-single-product.mys-product-layout-5 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .mys-single-product.mys-product-layout-6 > .product-addl-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-addl-info {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mys-single-product {
    display: -ms-grid;
    display: grid;
  }
  .mys-single-product.mys-product-layout-1 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-4 .product-availability {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .mys-single-product.mys-product-layout-4 .product-availability .mys-product-avlbl .availability {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .mys-single-product.mys-product-layout-5 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-6 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-addl-info pdc-addl-info" "pdc-list-info pdc-list-info";
  }
  .mys-single-product.mys-product-layout-7 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-addl-info pdc-addl-info" "pdc-list-info pdc-list-info";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-addl-info pdc-addl-info" "pdc-list-info pdc-list-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-addl-info pdc-addl-info" "pdc-list-info pdc-list-info" "pdc-purchase pdc-purchase";
  }
  .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-2 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-3 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-4 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-5 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-6 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-7 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-list-info {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-list-info {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-addl-info {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-addl-info {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (max-width: 575px) {
  .mys-single-product {
    display: -ms-grid;
    display: grid;
  }
  .mys-single-product.mys-product-layout-1 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-4 .product-availability {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .mys-single-product.mys-product-layout-4 .product-availability .mys-product-avlbl .availability {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .mys-single-product.mys-product-layout-5 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-product-layout-6 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-purchase pdc-purchase" "pdc-price pdc-price" "pdc-addl-info pdc-addl-info" "pdc-list-info pdc-list-info";
  }
  .mys-single-product.mys-product-layout-7 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-addl-info pdc-addl-info" "pdc-list-info pdc-list-info";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-addl-info pdc-addl-info" "pdc-list-info pdc-list-info" "pdc-purchase pdc-purchase";
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 {
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-addl-info pdc-addl-info" "pdc-list-info pdc-list-info" "pdc-purchase pdc-purchase";
  }
  .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .mys-product-gallery {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-naming {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-availability {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-pricing {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-pricing {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-purchase-button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-purchase-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-purchase-button {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-2 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-3 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-4 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-5 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-6 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-product-layout-7 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-list-info {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-list-info {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-list-info {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-list-info {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-2 > .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-3 > .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-4 > .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-5 > .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-6 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-product-layout-7 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-1 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-2 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-3 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-4 > .product-addl-info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-5 > .product-addl-info {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-6 > .product-addl-info {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .mys-single-product.mys-add-cart-sticky.mys-product-layout-7 > .product-addl-info {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.mys-list-info dd.product-action span {
  font-weight: var(--sp-list-action-date-weight);
  color: var(--sp-list-action-date-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.25em;
}
.mys-list-info dd.product-action span:before {
  font-weight: normal;
  content: var(--sp-list-action-icon-icon);
  font-family: var(--sp-list-action-icon-icon-family);
  display: var(--sp-list-action-icon-display);
  font-size: var(--sp-list-action-icon-icon-size);
}

.mys-single-product-note {
  background: var(--sp-note-bg);
  color: var(--sp-note-color);
  font-size: var(--sp-note-font-size);
  padding: var(--sp-note-padding);
  margin: var(--sp-note-margin);
  border: var(--sp-note-border);
  border-radius: var(--sp-note-radius);
}

.mys-single-similar-products {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin: var(--product-similar-margin);
  padding: var(--product-similar-padding);
  background: var(--product-similar-bg);
  border: var(--product-similar-border);
  border-radius: var(--product-similar-radius);
  gap: var(--product-similar-gap);
}
.mys-single-similar-products .similar-products-title .similar-products-headline {
  font-size: var(--product-similar-headline-size);
  color: var(--product-similar-headline-color);
  font-weight: var(--product-similar-headline-weight);
  margin: var(--product-similar-headline-margin);
  line-height: var(--product-similar-headline-line-height);
}
.mys-single-recently-viewed {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin: var(--product-recent-margin);
  padding: var(--product-recent-padding);
  background: var(--product-recent-bg);
  border: var(--product-recent-border);
  border-radius: var(--product-recent-radius);
  gap: var(--product-recent-gap);
}
.mys-single-recently-viewed .recent-products-title .recent-products-headline {
  font-size: var(--product-recent-headline-size);
  color: var(--product-similar-recent-color);
  font-weight: var(--product-recent-headline-weight);
  margin: var(--product-recent-headline-margin);
  line-height: var(--product-recent-headline-line-height);
}
.mys-single-product .wishlist-btn {
  text-decoration: none;
  width: var(--sp-wishlist-btn-width);
}
.mys-single-product .wishlist-btn.add-to-wishlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25em;
  background: var(--sp-add-wishlist-bg);
  color: var(--sp-add-wishlist-color);
  border-radius: var(--sp-add-wishlist-radius);
  border: var(--sp-add-wishlist-border);
  padding: var(--sp-add-wishlist-padding);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  font-size: var(--sp-add-wishlist-size);
  font-weight: var(--sp-add-wishlist-font-weight);
}
.mys-single-product .wishlist-btn.add-to-wishlist:hover {
  background: var(--sp-add-wishlist-hover-bg);
  color: var(--sp-add-wishlist-hover-color);
  border: var(--sp-add-wishlist-hover-border);
}
.mys-single-product .wishlist-btn.add-to-wishlist:before {
  font-weight: normal;
  font-family: var(--product-add-wishlist-icon-font);
  content: var(--product-add-wishlist-icon-content);
  font-size: var(--sp-add-wishlist-ico-size);
}
.mys-single-product .wishlist-btn.remove-from-wishlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25em;
  background: var(--sp-remove-wishlist-bg);
  color: var(--sp-remove-wishlist-color);
  border-radius: var(--sp-remove-wishlist-radius);
  border: var(--sp-remove-wishlist-border);
  padding: var(--sp-remove-wishlist-padding);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  font-size: var(--sp-remove-wishlist-size);
  font-weight: var(--sp-remove-wishlist-font-weight);
}
.mys-single-product .wishlist-btn.remove-from-wishlist:hover {
  background: var(--sp-remove-wishlist-hover-bg);
  color: var(--sp-remove-wishlist-hover-color);
  border: var(--sp-remove-wishlist-hover-border);
}
.mys-single-product .wishlist-btn.remove-from-wishlist:before {
  font-weight: normal;
  font-family: var(--product-remove-wishlist-icon-font);
  content: var(--product-remove-wishlist-icon-content);
  font-size: var(--sp-add-wishlist-ico-size);
}

.mys-cart-full .cart-table-holder {
  overflow: hidden;
  container: cart-table-holder/inline-size;
}
.mys-cart-full .cart-table.cart-table-b2b thead th {
  vertical-align: var(--products-table-th-valign);
  line-height: var(--products-table-th-line-height);
}
.mys-cart-full .cart-table.cart-table-b2b thead th.cart-price-rabat {
  text-align: right;
  font-size: 0.875em;
}
.mys-cart-full .cart-table.cart-table-b2b tbody td.cart-price-rabat {
  width: var(--products-table-view-price-discounted-width);
}
.mys-cart-full .cart-table.cart-table-b2b tbody td.cart-price {
  width: var(--products-table-view-price-wholesale-width);
}
.mys-cart-full .cart-table thead th.cart-remove {
  width: 1.5em;
}
.mys-cart-full .cart-table thead th.cart-code {
  text-align: left;
}
.mys-cart-full .cart-table thead th.cart-name {
  text-align: left;
}
.mys-cart-full .cart-table thead th.cart-lager {
  text-align: right;
}
.mys-cart-full .cart-table thead th.cart-price-rabat {
  text-align: right;
  font-size: 0.875em;
}
.mys-cart-full .cart-table thead th.cart-price {
  text-align: right;
}
.mys-cart-full .cart-table thead th.cart-quantity {
  text-align: right;
}
.mys-cart-full .cart-table thead th.cart-subtotal {
  text-align: right;
}
.mys-cart-full .cart-table tbody td {
  vertical-align: middle;
}
.mys-cart-full .cart-table tbody td.cart-code {
  text-align: left;
}
.mys-cart-full .cart-table tbody td.cart-name {
  text-align: left;
}
.mys-cart-full .cart-table tbody td.cart-lager {
  text-align: right;
  font-weight: bold;
}
.mys-cart-full .cart-table tbody td.cart-price-rabat {
  text-align: right;
}
.mys-cart-full .cart-table tbody td.cart-price {
  text-align: right;
}
.mys-cart-full .cart-table tbody td.cart-quantity {
  text-align: right;
}
.mys-cart-full .cart-table tbody td.cart-subtotal {
  text-align: right;
}
.mys-cart-full .cart-table tbody td .item-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  font-family: var(--cart-remove-font);
  font-size: var(--cart-remove-size);
  width: var(--cart-remove-width);
  aspect-ratio: 1/1;
  border-radius: var(--cart-remove-radius);
  background: var(--cart-remove-bg);
  color: var(--cart-remove-color);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-cart-full .cart-table tbody td .item-remove span {
  display: none;
}
.mys-cart-full .cart-table tbody td .item-remove:after {
  content: var(--cart-remove-icon);
  line-height: 1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-cart-full .cart-table tbody td .item-remove:hover {
  background: var(--cart-remove-hover-bg);
  color: var(--cart-remove-hover-color);
}
.mys-cart-full .cart-table tbody td .item-remove:hover:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mys-cart-full .cart-table tbody td .item-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: calc(var(--cart-thumb-max-width) / 2);
  max-width: var(--cart-thumb-max-width);
  aspect-ratio: 1/1;
  position: relative;
}
.mys-cart-full .cart-table tbody td .item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  mix-blend-mode: var(--cart-thumb-blend-mode);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-cart-full .cart-table tbody td .item-thumb:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.mys-cart-full .cart-table tbody td .item-name {
  text-decoration: none;
  color: var(--cart-item-name-color);
  font-size: var(--cart-item-name-size);
  font-weight: var(--cart-item-name-weight);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-cart-full .cart-table tbody td .item-name:hover {
  color: var(--cart-item-name-hover-color);
}
.mys-cart-full .cart-table tbody td .item-price {
  color: var(--cart-price-color);
  font-weight: var(--cart-price-weight);
  white-space: nowrap;
}
.mys-cart-full .cart-table tbody td del.item-price {
  opacity: 0.5;
  display: block;
  font-size: 0.875em;
  white-space: nowrap;
}
.mys-cart-full .cart-table tbody td .item-quantity span {
  display: none;
}
.mys-cart-full .cart-table tbody td .item-quantity .item-quantity-field {
  width: var(--cart-quantity-width);
  text-align: right;
}
.mys-cart-full .cart-table tbody td .item-subtotal-amount {
  color: var(--cart-subtotal-color);
  font-weight: var(--cart-subtotal-weight);
  white-space: nowrap;
}
.mys-cart-full .cart-promo-update {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 2em;
}
.mys-cart-full .cart-promo-update .cart-promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25em;
}
.mys-cart-full .cart-totals-table th {
  text-align: left;
}
.mys-cart-full .cart-totals-table td {
  text-align: right;
}
.mys-cart-full .cart-totals-table .cart-subtotal th {
  background: transparent;
  color: currentColor;
  border-bottom-color: var(--table-td-border-color);
}
.mys-cart-full .cart-totals-table .cart-shipping th {
  background: transparent;
  color: currentColor;
  border-bottom-color: var(--table-td-border-color);
}
.mys-cart-full .cart-totals-table .cart-shipping .desc {
  font-size: 0.875em;
}
.mys-cart-full .cart-totals-table .order-total {
  background: var(--table-th-bg) !important;
  color: var(--table-th-color);
}
.mys-cart-full .cart-totals-table .order-total td {
  border-bottom-color: var(--table-th-bg);
}

@container cart-table-holder (max-width: 600px) {
  .mys-cart-full .cart-table thead {
    display: none;
  }
  .mys-cart-full .cart-table tbody tr {
    position: relative;
    background: transparent;
  }
  .mys-cart-full .cart-table tbody tr td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1em;
  }
  .mys-cart-full .cart-table tbody tr td.cart-name:before, .mys-cart-full .cart-table tbody tr td.cart-price:before, .mys-cart-full .cart-table tbody tr td.cart-lager:before, .mys-cart-full .cart-table tbody tr td.cart-quantity:before, .mys-cart-full .cart-table tbody tr td.cart-subtotal:before {
    content: attr(data-title) ": ";
  }
  .mys-cart-full .cart-table tbody tr td.cart-remove {
    position: absolute;
    right: 0;
    top: 0;
    border: 0 !important;
  }
  .mys-cart-full .cart-table tbody tr td.cart-thumb .item-thumb {
    width: 60%;
    max-width: 200px;
  }
}
@media (max-width: 575px) {
  .mys-cart-full .cart-promo-update {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .mys-cart-full .cart-promo-update .cart-promo {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .mys-cart-full .cart-promo-update .cart-promo input, .mys-cart-full .cart-promo-update .cart-promo button {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}
.mys-cart-none {
  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;
  gap: 1em;
}
.mys-cart-none p:not(:last-child) {
  margin-bottom: 1em;
}

.submit-checkout .checkout-icon,
.submit-checkout span {
  -webkit-transition: 200ms ease opacity;
  transition: 200ms ease opacity;
  display: block;
  opacity: 1;
}
.submit-checkout .checkout-loading {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(-75%);
          transform: translateY(-75%);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.submit-checkout .checkout-loading:before {
  display: block;
  line-height: 1;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}
.submit-checkout.checkout-clicked {
  pointer-events: none;
}
.submit-checkout.checkout-clicked .checkout-icon,
.submit-checkout.checkout-clicked span {
  opacity: 0;
}
.submit-checkout.checkout-clicked .checkout-loading {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.checkout-agree {
  margin-bottom: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5em;
}

.different-addresses {
  margin-bottom: 2em;
}
.different-addresses.hidden {
  display: none;
}

#payment-different-addresses.hidden {
  display: none;
}

.mys-checkout-finish {
  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-align: center;
  gap: 1em;
}
.mys-checkout-finish p:not(:last-child) {
  margin-bottom: 1em;
}
.mys-checkout-finish .checkout-thumbs {
  position: relative;
}
.mys-checkout-finish .checkout-thumbs .thumb-1,
.mys-checkout-finish .checkout-thumbs .thumb-2 {
  position: absolute;
  inset: 0;
}
.mys-checkout-finish .checkout-thumbs .thumb-1 {
  -webkit-animation: thumb1 1.1s linear infinite;
          animation: thumb1 1.1s linear infinite;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mys-checkout-finish .checkout-thumbs .thumb-2 {
  -webkit-animation: thumb2 0.9s linear infinite;
          animation: thumb2 0.9s linear infinite;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@-webkit-keyframes thumb1 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  70% {
    -webkit-transform: translateY(-150%) rotate(-20deg) scale(1.2);
            transform: translateY(-150%) rotate(-20deg) scale(1.2);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes thumb1 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  70% {
    -webkit-transform: translateY(-150%) rotate(-20deg) scale(1.2);
            transform: translateY(-150%) rotate(-20deg) scale(1.2);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes thumb2 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  70% {
    -webkit-transform: translateY(-100%) rotate(15deg) scale(1.3);
            transform: translateY(-100%) rotate(15deg) scale(1.3);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes thumb2 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  70% {
    -webkit-transform: translateY(-100%) rotate(15deg) scale(1.3);
            transform: translateY(-100%) rotate(15deg) scale(1.3);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.mys-favorites-full .favorites-table-holder {
  overflow: hidden;
  container: favorites-table-holder/inline-size;
}
.mys-favorites-full .favorites-table thead th.favorites-remove {
  width: 1.5em;
}
.mys-favorites-full .favorites-table thead th.favorites-name {
  text-align: left;
}
.mys-favorites-full .favorites-table thead th.favorites-price {
  text-align: right;
}
.mys-favorites-full .favorites-table thead th.favorites-lager {
  text-align: right;
}
.mys-favorites-full .favorites-table thead th.favorites-quantity {
  text-align: right;
}
.mys-favorites-full .favorites-table thead th.favorites-add-cart {
  text-align: right;
}
.mys-favorites-full .favorites-table tbody td {
  vertical-align: middle;
}
.mys-favorites-full .favorites-table tbody td.favorites-name {
  text-align: left;
}
.mys-favorites-full .favorites-table tbody td.favorites-price {
  text-align: right;
}
.mys-favorites-full .favorites-table tbody td.favorites-lager {
  text-align: right;
  font-weight: bold;
}
.mys-favorites-full .favorites-table tbody td.favorites-quantity {
  text-align: right;
}
.mys-favorites-full .favorites-table tbody td.favorites-add-cart {
  text-align: right;
}
.mys-favorites-full .favorites-table tbody td.favorites-add-cart .btn {
  border-radius: var(--button-border-radius);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mys-favorites-full .favorites-table tbody td .item-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  font-family: var(--cart-remove-font);
  font-size: var(--cart-remove-size);
  width: var(--cart-remove-width);
  aspect-ratio: 1/1;
  border-radius: var(--cart-remove-radius);
  background: var(--cart-remove-bg);
  color: var(--cart-remove-color);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-favorites-full .favorites-table tbody td .item-remove span {
  display: none;
}
.mys-favorites-full .favorites-table tbody td .item-remove:after {
  content: var(--cart-remove-icon);
  line-height: 1;
  -webkit-transition: 300ms ease transform;
  transition: 300ms ease transform;
}
.mys-favorites-full .favorites-table tbody td .item-remove:hover {
  background: var(--cart-remove-hover-bg);
  color: var(--cart-remove-hover-color);
}
.mys-favorites-full .favorites-table tbody td .item-remove:hover:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mys-favorites-full .favorites-table tbody td .item-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: calc(var(--cart-thumb-max-width) / 2);
  max-width: var(--cart-thumb-max-width);
  aspect-ratio: 1/1;
  position: relative;
}
.mys-favorites-full .favorites-table tbody td .item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  mix-blend-mode: var(--cart-thumb-blend-mode);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-favorites-full .favorites-table tbody td .item-thumb:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.mys-favorites-full .favorites-table tbody td .item-name {
  text-decoration: none;
  color: var(--cart-item-name-color);
  font-size: var(--cart-item-name-size);
  font-weight: var(--cart-item-name-weight);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-favorites-full .favorites-table tbody td .item-name:hover {
  color: var(--cart-item-name-hover-color);
}
.mys-favorites-full .favorites-table tbody td .add-to-cart {
  white-space: nowrap;
}
.mys-favorites-full .favorites-table tbody td .item-price {
  color: var(--cart-price-color);
  font-weight: var(--cart-price-weight);
  white-space: nowrap;
}
.mys-favorites-full .favorites-table tbody td del.item-price {
  opacity: 0.5;
  display: block;
  font-size: 0.875em;
}

@container favorites-table-holder (max-width: 600px) {
  .mys-favorites-full .favorites-table thead {
    display: none;
  }
  .mys-favorites-full .favorites-table tbody tr {
    position: relative;
    background: transparent;
  }
  .mys-favorites-full .favorites-table tbody tr td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1em;
  }
  .mys-favorites-full .favorites-table tbody tr td.favorites-name {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .mys-favorites-full .favorites-table tbody tr td.favorites-name:before, .mys-favorites-full .favorites-table tbody tr td.favorites-price:before, .mys-favorites-full .favorites-table tbody tr td.favorites-lager:before, .mys-favorites-full .favorites-table tbody tr td.favorites-quantity:before, .mys-favorites-full .favorites-table tbody tr td.favorites-subtotal:before {
    content: attr(data-title) ": ";
  }
  .mys-favorites-full .favorites-table tbody tr td.favorites-remove {
    position: absolute;
    right: 0;
    top: 0;
    border: 0 !important;
  }
  .mys-favorites-full .favorites-table tbody tr td.favorites-thumb .item-thumb {
    min-width: 60%;
    max-width: 200px;
  }
}
.mys-orders-full .orders-table-holder {
  overflow: hidden;
  container: orders-table-holder/inline-size;
}
.mys-orders-full .orders-table thead th.order-number {
  text-align: left;
}
.mys-orders-full .orders-table thead th.order-date {
  text-align: left;
}
.mys-orders-full .orders-table thead th.order-total {
  text-align: right;
}
.mys-orders-full .orders-table thead th.order-view {
  text-align: right;
}
.mys-orders-full .orders-table tbody td {
  vertical-align: middle;
}
.mys-orders-full .orders-table tbody td.order-number {
  text-align: left;
  font-weight: bold;
}
.mys-orders-full .orders-table tbody td.order-date {
  text-align: left;
}
.mys-orders-full .orders-table tbody td.order-total {
  text-align: right;
}
.mys-orders-full .orders-table tbody td.order-view {
  text-align: right;
}
.mys-orders-full .orders-table tbody td .item-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  font-family: var(--cart-remove-font);
  font-size: var(--cart-remove-size);
  width: var(--cart-remove-width);
  aspect-ratio: 1/1;
  border-radius: var(--cart-remove-radius);
  background: var(--cart-remove-bg);
  color: var(--cart-remove-color);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-orders-full .orders-table tbody td .item-remove span {
  display: none;
}
.mys-orders-full .orders-table tbody td .item-remove:after {
  content: var(--cart-remove-icon);
  line-height: 1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-orders-full .orders-table tbody td .item-remove:hover {
  background: var(--cart-remove-hover-bg);
  color: var(--cart-remove-hover-color);
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: var(--b-shad-xs) var(--theme-color-30);
          box-shadow: var(--b-shad-xs) var(--theme-color-30);
}
.mys-orders-full .orders-table tbody td .item-remove:hover:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mys-orders-full .orders-table tbody td .item-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: calc(var(--cart-thumb-max-width) / 2);
  max-width: var(--cart-thumb-max-width);
  aspect-ratio: 1/1;
  position: relative;
}
.mys-orders-full .orders-table tbody td .item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  mix-blend-mode: var(--cart-thumb-blend-mode);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-orders-full .orders-table tbody td .item-thumb:after {
  content: var(--cart-zoom-icon);
  font-family: var(--cart-zoom-font);
  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: calc(var(--cart-image-width) / 2);
  height: calc(var(--cart-image-width) / 2);
  background-color: var(--primary-color-85);
  color: var(--white-color);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  font-size: 1.25em;
}
.mys-orders-full .orders-table tbody td .item-thumb:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.mys-orders-full .orders-table tbody td .item-thumb:hover:after {
  opacity: 1;
}
.mys-orders-full .orders-table tbody td .item-name {
  text-decoration: none;
  color: var(--cart-item-name-color);
  font-size: var(--cart-item-name-size);
  font-weight: var(--cart-item-name-weight);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-orders-full .orders-table tbody td .item-name:hover {
  color: var(--cart-item-name-hover-color);
}
.mys-orders-full .orders-table tbody td .item-price {
  color: var(--cart-price-color);
  font-weight: var(--cart-price-weight);
}
.mys-orders-full .orders-table tbody td del.item-price {
  opacity: 0.5;
  display: block;
  font-size: 0.875em;
}
.mys-orders-full .orders-table tbody td .item-quantity span {
  display: none;
}
.mys-orders-full .orders-table tbody td .item-quantity .item-quantity-field {
  font-size: 0.75em;
  background: var(--white-color);
  width: var(--cart-quantity-width);
}
.mys-orders-full .orders-table tbody td .item-subtotal-amount {
  color: var(--cart-subtotal-color);
  font-weight: var(--cart-subtotal-weight);
}
.mys-orders-full .orders-table tbody td .item-number a {
  color: currentColor;
  text-decoration: none;
  -webkit-transition: 200ms ease color;
  transition: 200ms ease color;
}
.mys-orders-full .orders-table tbody td .item-number a:hover {
  color: var(--primary-color);
}

@container orders-table-holder (max-width: 600px) {
  .mys-orders-full .orders-table thead {
    display: none;
  }
  .mys-orders-full .orders-table tbody tr {
    position: relative;
    background: transparent;
  }
  .mys-orders-full .orders-table tbody tr td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1em;
  }
  .mys-orders-full .orders-table tbody tr td.favorites-name:before, .mys-orders-full .orders-table tbody tr td.favorites-price:before, .mys-orders-full .orders-table tbody tr td.favorites-quantity:before, .mys-orders-full .orders-table tbody tr td.favorites-subtotal:before {
    content: attr(data-title) ": ";
  }
  .mys-orders-full .orders-table tbody tr td.favorites-remove {
    position: absolute;
    right: 0;
    top: 0;
    border: 0 !important;
  }
  .mys-orders-full .orders-table tbody tr td.favorites-thumb .item-thumb {
    min-width: 100%;
    max-width: 100%;
  }
}
.single-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
}
.single-order .cart-table thead th.cart-name {
  text-align: left;
}
.single-order .cart-table thead th.cart-price {
  text-align: right;
}
.single-order .cart-table thead th.cart-quantity {
  text-align: right;
}
.single-order .cart-table thead th.cart-subtotal {
  text-align: right;
}
.single-order .cart-table tbody td {
  vertical-align: middle;
}
.single-order .cart-table tbody td.cart-name {
  text-align: left;
}
.single-order .cart-table tbody td.cart-price {
  text-align: right;
}
.single-order .cart-table tbody td.cart-quantity {
  text-align: right;
}
.single-order .cart-table tbody td.cart-subtotal {
  text-align: right;
}

.mys-steps {
  background: var(--steps-bg);
  color: var(--steps-color);
  border: var(--steps-border);
  border-radius: var(--steps-radius);
  padding: var(--steps-padding);
  margin: var(--steps-margin);
  -webkit-box-shadow: var(--steps-shadow);
          box-shadow: var(--steps-shadow);
  container: mys-steps/inline-size;
}
.mys-steps ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--steps-gap);
  font-size: var(--steps-font-size);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mys-steps ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--steps-item-gap);
  line-height: 1;
}
.mys-steps ol li:nth-child(1):before {
  content: "1";
}
.mys-steps ol li:nth-child(2):before {
  content: "2";
}
.mys-steps ol li:nth-child(3):before {
  content: "3";
}
.mys-steps ol li:nth-child(4):before {
  content: "4";
}
.mys-steps ol li:nth-child(5):before {
  content: "5";
}
.mys-steps ol li:nth-child(6):before {
  content: "6";
}
.mys-steps ol li:nth-child(7):before {
  content: "7";
}
.mys-steps ol li:nth-child(8):before {
  content: "8";
}
.mys-steps ol li:nth-child(9):before {
  content: "9";
}
.mys-steps ol li:nth-child(10):before {
  content: "10";
}
.mys-steps ol li:before {
  background: var(--steps-number-bg);
  color: var(--steps-number-color);
  border: var(--steps-number-border);
  border-radius: var(--steps-number-radius);
  width: var(--steps-number-width);
  font-size: var(--steps-number-size);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.5;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  aspect-ratio: 1/1;
}
.mys-steps ol li:not(:last-child):after {
  content: "";
  display: var(--steps-dash-display);
  background: var(--steps-dash-bg);
  width: var(--steps-dash-width);
  height: var(--steps-dash-thick);
  margin-left: calc(var(--steps-gap) - var(--steps-item-gap));
}
.mys-steps ol li:not(.step-passed) {
  opacity: 0.3;
}
.mys-steps[data-direction=vertical] ol {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-steps[data-direction=vertical] ol li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-steps[data-direction=vertical] ol li:not(:last-child):after {
  height: var(--steps-dash-width);
  width: var(--steps-dash-thick);
  margin-left: 0;
  margin-top: calc(var(--steps-gap) - var(--steps-item-gap));
}

@container mys-steps (max-width: 500px) {
  .mys-steps ol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--steps-gap) * 0.5);
  }
  .mys-steps ol li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-steps ol li:not(:last-child):after {
    height: var(--steps-dash-width);
    width: var(--steps-dash-thick);
    margin-left: 0;
    margin-top: calc(var(--steps-gap) - var(--steps-item-gap));
  }
}
.mys-product-brands {
  background: var(--brands-bg);
  color: var(--brands-color);
  border: var(--brands-border);
  border-radius: var(--brands-radius);
  padding: var(--brands-padding);
  gap: var(--brands-gap);
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mys-product-brands[data-col="2"] {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.mys-product-brands[data-col="3"] {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.mys-product-brands[data-col="4"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mys-product-brands[data-col="5"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.mys-product-brands[data-col="6"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mys-product-brands .single-brand {
  background: var(--single-brand-bg);
  color: var(--single-brand-color);
  border: var(--single-brand-border);
  border-radius: var(--single-brand-radius);
  position: relative;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-product-brands .single-brand a {
  padding: var(--single-brand-padding);
  text-decoration: none;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  color: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mys-product-brands .single-brand a .product-brand-title {
  font-size: var(--single-brand-size);
}
.mys-product-brands .single-brand a .product-brand-img {
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  mix-blend-mode: var(--single-brand-img-blend);
}
.mys-product-brands .single-brand a .product-brand-img img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  max-width: var(--single-brand-img-size);
  -o-object-fit: contain;
     object-fit: contain;
}
.mys-product-brands .single-brand:target {
  -webkit-animation: brand-target 3s linear;
          animation: brand-target 3s linear;
  scroll-margin-top: var(--brands-target-margin);
}

@-webkit-keyframes brand-target {
  0% {
    background: var(--single-brand-target-bg);
    color: var(--single-brand-target-color);
    border: var(--single-brand-target-border);
  }
  50% {
    background: var(--single-brand-target-bg);
    color: var(--single-brand-target-color);
    border: var(--single-brand-target-border);
  }
  100% {
    background: var(--single-brand-bg);
    color: var(--single-brand-color);
    border: var(--single-brand-border);
  }
}

@keyframes brand-target {
  0% {
    background: var(--single-brand-target-bg);
    color: var(--single-brand-target-color);
    border: var(--single-brand-target-border);
  }
  50% {
    background: var(--single-brand-target-bg);
    color: var(--single-brand-target-color);
    border: var(--single-brand-target-border);
  }
  100% {
    background: var(--single-brand-bg);
    color: var(--single-brand-color);
    border: var(--single-brand-border);
  }
}
@media (max-width: 767px) {
  .mys-product-brands .single-brand:target {
    scroll-margin-top: var(--brands-target-margin-mob);
  }
}
.mys-brands-filter .brands-filter ul {
  background: var(--brand-filter-bg);
  color: var(--brand-filter-color);
  border: var(--brand-filter-border);
  border-radius: var(--brand-filter-radius);
  padding: var(--brand-filter-padding);
  gap: var(--brand-filter-gap);
  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: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mys-brands-filter .brands-filter ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mys-brands-filter .brands-filter ul li a, .mys-brands-filter .brands-filter ul li span {
  background: var(--brand-single-filter-bg);
  color: var(--brand-single-filter-color);
  border: var(--brand-single-filter-border);
  border-radius: var(--brand-single-filter-radius);
  padding: var(--brand-single-filter-padding);
  text-decoration: none;
  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;
  line-height: 1;
  text-align: center;
  width: 1.25em;
  aspect-ratio: 1/1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-brands-filter .brands-filter ul li a:hover, .mys-brands-filter .brands-filter ul li a:active {
  background: var(--brand-single-filter-hover-bg);
  color: var(--brand-single-filter-hover-color);
  border: var(--brand-single-filter-hover-border);
}
.mys-brands-filter .brands-filter ul li span {
  pointer-events: none;
  background: var(--brand-single-span-bg);
  color: var(--brand-single-span-color);
  border: var(--brand-single-span-border);
}

@media (max-width: 1399px) {
  .mys-product-brands {
    gap: var(--brands-xl-gap);
  }
  .mys-product-brands[data-col-xl="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-brands[data-col-xl="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-brands[data-col-xl="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-xl="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-xl="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-xl="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 1199px) {
  .mys-product-brands {
    gap: var(--brands-lg-gap);
  }
  .mys-product-brands[data-col-lg="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-brands[data-col-lg="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-brands[data-col-lg="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-lg="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-lg="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-lg="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 991px) {
  .mys-product-brands {
    gap: var(--brands-md-gap);
  }
  .mys-product-brands[data-col="5"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mys-product-brands[data-col="6"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mys-product-brands[data-col-md="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-brands[data-col-md="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-brands[data-col-md="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-md="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-md="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-md="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 767px) {
  .mys-product-brands {
    gap: var(--brands-sm-gap);
  }
  .mys-product-brands[data-col="3"], .mys-product-brands[data-col="4"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mys-product-brands[data-col="5"], .mys-product-brands[data-col="6"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mys-product-brands[data-col-sm="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-brands[data-col-sm="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-brands[data-col-sm="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-sm="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-sm="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-sm="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
}
@media (max-width: 575px) {
  .mys-product-brands {
    gap: var(--brands-xs-gap);
  }
  .mys-product-brands[data-col="2"], .mys-product-brands[data-col="3"], .mys-product-brands[data-col="4"], .mys-product-brands[data-col="5"], .mys-product-brands[data-col="6"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-product-brands[data-col-xs="1"] {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .mys-product-brands[data-col-xs="2"] {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .mys-product-brands[data-col-xs="3"] {
    -ms-grid-columns: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-xs="4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-xs="5"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .mys-product-brands[data-col-xs="6"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
@media (hover: hover) {
  .mys-product-brands.mys-hover-dim-others:hover:has(.single-brand:hover) .single-brand:hover {
    z-index: 1;
  }
  .mys-product-brands.mys-hover-dim-others:hover:has(.single-brand:hover) .single-brand:not(:hover) {
    opacity: 0.5;
  }
  .single-brand {
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
  }
  .single-brand .item-effect {
    border-radius: var(--cats-single-radius);
    overflow: hidden;
    position: absolute;
    inset: var(--brands-effect-inset);
    pointer-events: none;
  }
  .single-brand .item-effect:before {
    content: "";
    display: block;
    position: absolute;
    -webkit-filter: var(--hover-effect-filter);
            filter: var(--hover-effect-filter);
  }
  .mys-hover-style-1 .single-brand .item-effect:before {
    background: var(--hover-effect-bg);
    inset: -50% auto auto -50%;
    width: 200%;
    height: 102%;
    border-radius: 50%;
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .mys-hover-style-1 .single-brand:hover .item-effect:before {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-hover-style-2 .single-brand .item-effect:before {
    background: var(--hover-effect-bg);
    inset: -10px -10px auto;
    width: auto;
    height: 53%;
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
    -webkit-transform: skewY(-10deg) translateY(-105%);
            transform: skewY(-10deg) translateY(-105%);
    -webkit-transform-origin: 0;
            transform-origin: 0;
  }
  .mys-hover-style-2 .single-brand:hover .item-effect:before {
    -webkit-transform: skewY(-10deg) translateY(0);
            transform: skewY(-10deg) translateY(0);
  }
  .mys-hover-style-3 .single-brand .item-effect:before {
    background: var(--hover-effect-bg);
    inset: -10px auto;
    width: 110%;
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: translateX(100%) skewX(30deg);
            transform: translateX(100%) skewX(30deg);
  }
  .mys-hover-style-3 .single-brand:hover .item-effect:before {
    -webkit-transform: translateX(-10%) skewX(40deg);
            transform: translateX(-10%) skewX(40deg);
  }
  .mys-hover-shadow-1 .single-brand {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-1 .single-brand:hover {
    -webkit-box-shadow: 0 10px 15px var(--hover-effect-color);
            box-shadow: 0 10px 15px var(--hover-effect-color);
  }
  .mys-hover-shadow-2 .single-brand {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-2 .single-brand:hover {
    -webkit-box-shadow: 0 15px 30px -15px var(--hover-effect-color);
            box-shadow: 0 15px 30px -15px var(--hover-effect-color);
  }
  .mys-hover-shadow-3 .single-brand:hover {
    -webkit-box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color);
            box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color);
  }
  .mys-hover-shadow-4 .single-brand {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-4 .single-brand:hover {
    -webkit-box-shadow: 0 10px 15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
            box-shadow: 0 10px 15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
    border-color: var(--hover-effect-border-color);
  }
  .mys-hover-shadow-5 .single-brand {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
  }
  .mys-hover-shadow-5 .single-brand:hover {
    -webkit-box-shadow: 0 15px 30px -15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
            box-shadow: 0 15px 30px -15px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
    border-color: var(--hover-effect-border-color);
  }
  .mys-hover-shadow-6 .single-brand:hover {
    -webkit-box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
            box-shadow: 0 15px 50px -30px var(--hover-effect-color), 15px 0 30px var(--hover-effect-color), 0 0 0 2px var(--hover-effect-border-color) inset;
    border-color: var(--hover-effect-border-color);
  }
  .mys-hover-transform-1 .single-brand {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-hover-transform-1 .single-brand:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  .mys-hover-transform-2 .single-brand {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .mys-hover-transform-2 .single-brand .product-brand-img img {
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
  }
  .mys-hover-transform-2 .single-brand:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  .mys-hover-transform-2 .single-brand:hover .product-brand-img img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .mys-hover-transform-3 .single-brand .product-brand-img img {
    -webkit-transition: var(--hover-effect-speed) ease all;
    transition: var(--hover-effect-speed) ease all;
  }
  .mys-hover-transform-3 .single-brand:hover .product-brand-img img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .mys-hover-transform-4 .single-brand {
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .mys-hover-transform-4 .single-brand:hover {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  .mys-hover-transform-5 .single-brand {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .mys-hover-transform-5 .single-brand:hover {
    -webkit-transform: perspective(600px) rotateY(-5deg) scale(1.05) translate(-2%, 0);
            transform: perspective(600px) rotateY(-5deg) scale(1.05) translate(-2%, 0);
  }
}
.home-banners {
  z-index: 1;
}
.home-banners:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.home-banners:not(.slick-slider) .single-banner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.home-banners.slick-slider {
  max-width: 100%;
  position: relative;
}
.home-banners .single-banner {
  border-radius: var(--b-radius);
  overflow: hidden;
}
.home-banners .single-banner img {
  display: block;
  width: 100%;
}

.slick-arrow {
  position: absolute;
  z-index: 5;
  padding: 0;
  border: 0;
  font-size: 0;
  background: none;
  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;
  cursor: pointer;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.slick-arrow:before {
  content: "";
  width: var(--slick-arrow-width);
  height: var(--slick-arrow-height);
  background: var(--slick-arrow-bg);
  -webkit-backdrop-filter: var(--slick-arrow-backdrop-filter);
          backdrop-filter: var(--slick-arrow-backdrop-filter);
  color: var(--slick-arrow-color);
  display: none;
  border-radius: var(--slick-arrow-radius);
  font-family: "remixicon";
  font-size: var(--slick-arrow-font-size);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.slick-arrow.slick-prev {
  inset: var(--slick-arrow-prev-inset);
  -webkit-transform: var(--slick-arrow-prev-transform);
          transform: var(--slick-arrow-prev-transform);
}
.slick-arrow.slick-prev:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: var(--slick-arrow-prev-icon);
}
.slick-arrow.slick-next {
  inset: var(--slick-arrow-next-inset);
  -webkit-transform: var(--slick-arrow-next-transform);
          transform: var(--slick-arrow-next-transform);
}
.slick-arrow.slick-next:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: var(--slick-arrow-next-icon);
}

@media (hover: hover) {
  .slick-slider:hover .slick-arrow:hover {
    opacity: 1;
  }
  .slick-slider:hover .slick-arrow:hover:before {
    -webkit-box-shadow: var(--slick-arrow-hover-shadow);
            box-shadow: var(--slick-arrow-hover-shadow);
    background: var(--slick-arrow-hover-bg);
    color: var(--slick-arrow-hover-color);
  }
  .slick-slider:hover .slick-prev:hover {
    -webkit-transform: var(--slick-arrow-prev-hover-transform);
            transform: var(--slick-arrow-prev-hover-transform);
  }
  .slick-slider:hover .slick-next:hover {
    -webkit-transform: var(--slick-arrow-next-hover-transform);
            transform: var(--slick-arrow-next-hover-transform);
  }
}
.slick-dots {
  position: absolute;
  inset: var(--slick-dots-inset);
  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;
}
.slick-dots li button {
  padding: 0;
  border: 0;
  font-size: 0;
  background: none;
  width: var(--slick-dots-width);
  height: var(--slick-dots-height);
  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;
  cursor: pointer;
}
.slick-dots li button:before {
  content: "";
  display: block;
  background: var(--slick-dot-bg);
  -webkit-box-shadow: var(--slick-dot-shadow);
          box-shadow: var(--slick-dot-shadow);
  border: var(--slick-dot-border);
  border-radius: var(--slick-dot-radius);
  width: var(--slick-dot-width);
  height: var(--slick-dot-height);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.slick-dots li button:hover:before {
  background: var(--slick-dot-hover-bg);
  border: var(--slick-dot-hover-border);
  -webkit-box-shadow: var(--slick-dot-hover-shadow);
          box-shadow: var(--slick-dot-hover-shadow);
}
.slick-dots li.slick-active button {
  pointer-events: none;
}
.slick-dots li.slick-active button:before {
  background: var(--slick-dot-active-bg);
  border: var(--slick-dot-active-border);
  -webkit-box-shadow: var(--slick-dot-active-shadow);
          box-shadow: var(--slick-dot-active-shadow);
}

@media (max-width: 767px) {
  .slick-arrow.slick-prev {
    left: 0.25rem;
  }
  .slick-arrow.slick-next {
    right: 0.25rem;
  }
  .slick-arrow:before {
    font-size: 1.5rem;
  }
}
.slick-autoplay-toggle-button {
  display: none !important;
}

.shop-list {
  background: var(--shop-list-bg);
  color: var(--shop-list-color);
  padding: var(--shop-list-padding);
  border: var(--shop-list-border);
  border-radius: var(--shop-list-radius);
  display: -ms-grid;
  display: grid;
  gap: var(--shop-list-gap);
  -ms-grid-columns: var(--shop-list-columns);
  grid-template-columns: var(--shop-list-columns);
}
.shop-list .single-shop .shop-title {
  margin: 0;
}
.shop-list .single-shop .shop-more {
  margin-bottom: 0;
}

.single-shop {
  background: var(--shop-list-single-bg);
  color: var(--shop-list-single-color);
  padding: var(--shop-list-single-padding);
  border: var(--shop-list-single-border);
  border-radius: var(--shop-list-single-radius);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--shop-list-single-columns);
  grid-template-columns: var(--shop-list-single-columns);
      grid-template-areas: var(--shop-list-single-areas);
  gap: var(--shop-list-single-gap);
  -ms-flex-line-pack: var(--shop-list-single-align);
      align-content: var(--shop-list-single-align);
  justify-items: var(--shop-list-single-justify);
}
.shop-single-page .single-shop {
  -ms-grid-columns: var(--shop-details-single-columns);
  grid-template-columns: var(--shop-details-single-columns);
      grid-template-areas: var(--shop-details-single-areas);
  gap: var(--shop-details-single-gap);
  background: var(--shop-details-single-bg);
  color: var(--shop-details-single-color);
  padding: var(--shop-details-single-padding);
  border: var(--shop-details-single-border);
  border-radius: var(--shop-details-single-radius);
}
.single-shop .shop-title {
  grid-area: shop-title;
  font-size: var(--shop-list-single-title-size);
  font-weight: var(--shop-list-single-title-weight);
  color: var(--shop-list-single-title-color);
  margin: 0;
  line-height: 1.2;
}
.single-shop .shop-title .title-link {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.single-shop .shop-title .title-link:hover {
  color: var(--shop-list-single-title-hover-color);
}
.single-shop .shop-info {
  grid-area: shop-info;
  font-size: var(--shop-list-single-info-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--shop-list-single-info-gap);
}
.shop-single-page .single-shop .shop-info {
  font-size: var(--shop-details-single-info-size);
}
.single-shop .shop-info:not(:has(> div)) {
  display: none;
}
.single-shop .shop-info > div {
  font-size: inherit;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
  color: var(--shop-list-single-info-color);
}
.single-shop .shop-info > div p:last-child {
  margin-bottom: 0;
}
.single-shop .shop-info > div a {
  color: currentColor;
  text-decoration: none;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.single-shop .shop-info > div a:hover {
  color: var(--shop-list-single-info-hover-color);
  text-decoration: underline;
}
.single-shop .shop-info > div:before {
  font-family: var(--shop-list-single-info-icon-family);
  font-size: var(--shop-list-single-info-icon-size);
  color: var(--shop-list-single-info-icon-color);
  margin: var(--shop-list-single-info-icon-margin);
}
.single-shop .shop-info > div.phone:before {
  content: var(--shop-list-single-info-icon-phone);
}
.single-shop .shop-info > div.mail:before {
  content: var(--shop-list-single-info-icon-mail);
}
.single-shop .shop-info > div.location:before {
  content: var(--shop-list-single-info-icon-location);
}
.single-shop .shop-info > div.hours:before {
  content: var(--shop-list-single-info-icon-hours);
}
.single-shop .shop-map {
  grid-area: shop-map;
  position: relative;
  width: var(--shop-list-single-map-width);
  height: var(--shop-list-single-map-height);
  border: var(--shop-list-single-map-border);
  border-radius: var(--shop-list-single-map-radius);
  overflow: hidden;
}
.shop-single-page .single-shop .shop-map {
  height: var(--shop-details-single-map-height);
}
.single-shop .shop-map iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}
.single-shop .shop-more {
  grid-area: shop-button;
}

@media (max-width: 991px) {
  .shop-list {
    -ms-grid-columns: var(--shop-list-columns-md);
    grid-template-columns: var(--shop-list-columns-md);
  }
  .shop-single-page .single-shop {
    -ms-grid-columns: var(--shop-details-single-columns-md);
    grid-template-columns: var(--shop-details-single-columns-md);
        grid-template-areas: var(--shop-details-single-areas-md);
  }
}
@media (max-width: 767px) {
  .shop-list {
    -ms-grid-columns: var(--shop-list-columns-sm);
    grid-template-columns: var(--shop-list-columns-sm);
  }
  .shop-single-page .single-shop {
    -ms-grid-columns: var(--shop-details-single-columns-sm);
    grid-template-columns: var(--shop-details-single-columns-sm);
        grid-template-areas: var(--shop-details-single-areas-sm);
  }
}
.shop-gallery {
  display: -ms-grid;
  display: grid;
  margin: var(--shop-gallery-margin);
  gap: var(--shop-gallery-gap);
  background: var(--shop-gallery-bg);
  padding: var(--shop-gallery-padding);
  border: var(--shop-gallery-border);
  border-radius: var(--shop-gallery-radius);
  -ms-grid-columns: var(--shop-gallery-columns);
  grid-template-columns: var(--shop-gallery-columns);
}
.shop-gallery .single-image {
  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: var(--shop-gallery-image-width);
  aspect-ratio: var(--shop-gallery-image-aspect);
  border-radius: var(--shop-gallery-image-radius);
  overflow: hidden;
}
.shop-gallery .single-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 991px) {
  .shop-gallery {
    -ms-grid-columns: var(--shop-gallery-columns-md);
    grid-template-columns: var(--shop-gallery-columns-md);
  }
}
@media (max-width: 767px) {
  .shop-gallery {
    -ms-grid-columns: var(--shop-gallery-columns-sm);
    grid-template-columns: var(--shop-gallery-columns-sm);
  }
}
@media (max-width: 575px) {
  .shop-gallery {
    -ms-grid-columns: var(--shop-gallery-columns-xs);
    grid-template-columns: var(--shop-gallery-columns-xs);
  }
}
.mys-home-layout .mys-home-section:not(:last-of-type) {
  margin-bottom: var(--home-section-margin);
}
.mys-home-layout .mys-title {
  background: var(--home-title-bg);
  color: var(--home-title-color);
  border-bottom: var(--home-title-border);
  display: block;
  text-align: center;
  width: 100%;
  max-width: var(--home-title-max-width);
  margin: var(--home-title-margin);
  position: relative;
}
.mys-home-layout .mys-title h2, .mys-home-layout .mys-title h3, .mys-home-layout .mys-title h4 {
  font-size: var(--home-title-size);
  font-weight: var(--home-title-weight);
  margin-bottom: 0.75em;
  line-height: var(--home-title-line-height);
  text-transform: var(--home-title-line-text-transform);
}
.mys-home-layout .intro {
  display: block;
  text-align: center;
  max-width: var(--home-title-desc-max-width);
  margin: var(--home-title-desc-margin);
  font-size: var(--home-title-desc-size);
}
.mys-home-layout .intro p:not(:last-child) {
  margin-bottom: 1em;
}
.mys-home-layout .client-name {
  color: var(--primary-color);
}

.products-tabbed-list .home-title-tabs {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 0.75em;
}
.products-tabbed-list .home-title-tabs ul {
  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;
  font-weight: bold;
  gap: 2em;
}
.products-tabbed-list .home-title-tabs ul li {
  cursor: pointer;
}
.products-tabbed-list .home-title-tabs ul li:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: currentColor;
  opacity: 0.15;
  margin: 5px 0;
  border-radius: 3px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 400ms ease transform;
  transition: 400ms ease transform;
  -webkit-transform-origin: right;
          transform-origin: right;
}
.products-tabbed-list .home-title-tabs ul li:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.products-tabbed-list .home-title-tabs ul li.active {
  color: var(--secondary-color);
}
.products-tabbed-list .home-title-tabs ul li.active:after {
  opacity: 0.5;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

@media (max-width: 767px) {
  .products-tabbed-list .home-title-tabs {
    font-size: 1.5rem;
  }
  .products-tabbed-list .home-title-tabs ul {
    gap: 1em;
  }
}
@media (max-width: 575px) {
  .products-tabbed-list .home-title-tabs ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.products-latest {
  background: var(--latest-products-bg);
  color: var(--latest-products-color);
  padding: var(--latest-products-padding);
  border: var(--latest-products-border);
  border-radius: var(--latest-products-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--latest-products-direction);
          flex-direction: var(--latest-products-direction);
  -webkit-box-pack: var(--latest-products-justify-content);
      -ms-flex-pack: var(--latest-products-justify-content);
          justify-content: var(--latest-products-justify-content);
  -webkit-box-align: var(--latest-products-align-items);
      -ms-flex-align: var(--latest-products-align-items);
          align-items: var(--latest-products-align-items);
}
.products-latest .mys-title {
  -webkit-box-ordinal-group: var(--latest-products-title-order);
      -ms-flex-order: var(--latest-products-title-order);
          order: var(--latest-products-title-order);
}
.products-latest .intro {
  -webkit-box-ordinal-group: var(--latest-products-desc-order);
      -ms-flex-order: var(--latest-products-desc-order);
          order: var(--latest-products-desc-order);
}
.products-latest .mys-products {
  -webkit-box-ordinal-group: var(--latest-products-products-order);
      -ms-flex-order: var(--latest-products-products-order);
          order: var(--latest-products-products-order);
  width: 100%;
}
.products-latest .all-products {
  -webkit-box-ordinal-group: var(--latest-products-button-order);
      -ms-flex-order: var(--latest-products-button-order);
          order: var(--latest-products-button-order);
  margin: var(--latest-products-button-margin);
  text-align: var(--latest-products-button-align);
}

.products-standout {
  background: var(--standout-products-bg);
  color: var(--standout-products-color);
  padding: var(--standout-products-padding);
  border: var(--standout-products-border);
  border-radius: var(--standout-products-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--standout-products-direction);
          flex-direction: var(--standout-products-direction);
  -webkit-box-pack: var(--standout-products-justify-content);
      -ms-flex-pack: var(--standout-products-justify-content);
          justify-content: var(--standout-products-justify-content);
  -webkit-box-align: var(--standout-products-align-items);
      -ms-flex-align: var(--standout-products-align-items);
          align-items: var(--standout-products-align-items);
}
.products-standout .mys-title {
  -webkit-box-ordinal-group: var(--standout-products-title-order);
      -ms-flex-order: var(--standout-products-title-order);
          order: var(--standout-products-title-order);
}
.products-standout .intro {
  -webkit-box-ordinal-group: var(--standout-products-desc-order);
      -ms-flex-order: var(--standout-products-desc-order);
          order: var(--standout-products-desc-order);
}
.products-standout .mys-products {
  -webkit-box-ordinal-group: var(--standout-products-products-order);
      -ms-flex-order: var(--standout-products-products-order);
          order: var(--standout-products-products-order);
  width: 100%;
}
.products-standout .all-products {
  -webkit-box-ordinal-group: var(--standout-products-button-order);
      -ms-flex-order: var(--standout-products-button-order);
          order: var(--standout-products-button-order);
  margin: var(--standout-products-button-margin);
  text-align: var(--standout-products-button-align);
}

.products-new {
  background: var(--new-products-bg);
  color: var(--new-products-color);
  padding: var(--new-products-padding);
  border: var(--new-products-border);
  border-radius: var(--new-products-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--new-products-direction);
          flex-direction: var(--new-products-direction);
  -webkit-box-pack: var(--new-products-justify-content);
      -ms-flex-pack: var(--new-products-justify-content);
          justify-content: var(--new-products-justify-content);
  -webkit-box-align: var(--new-products-align-items);
      -ms-flex-align: var(--new-products-align-items);
          align-items: var(--new-products-align-items);
}
.products-new .mys-title {
  -webkit-box-ordinal-group: var(--new-products-title-order);
      -ms-flex-order: var(--new-products-title-order);
          order: var(--new-products-title-order);
}
.products-new .intro {
  -webkit-box-ordinal-group: var(--new-products-desc-order);
      -ms-flex-order: var(--new-products-desc-order);
          order: var(--new-products-desc-order);
}
.products-new .mys-products {
  -webkit-box-ordinal-group: var(--new-products-products-order);
      -ms-flex-order: var(--new-products-products-order);
          order: var(--new-products-products-order);
  width: 100%;
}
.products-new .all-products {
  -webkit-box-ordinal-group: var(--new-products-button-order);
      -ms-flex-order: var(--new-products-button-order);
          order: var(--new-products-button-order);
  margin: var(--new-products-button-margin);
  text-align: var(--new-products-button-align);
}

.products-bestsellers {
  background: var(--bestsellers-products-bg);
  color: var(--bestsellers-products-color);
  padding: var(--bestsellers-products-padding);
  border: var(--bestsellers-products-border);
  border-radius: var(--bestsellers-products-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--bestsellers-products-direction);
          flex-direction: var(--bestsellers-products-direction);
  -webkit-box-pack: var(--bestsellers-products-justify-content);
      -ms-flex-pack: var(--bestsellers-products-justify-content);
          justify-content: var(--bestsellers-products-justify-content);
  -webkit-box-align: var(--bestsellers-products-align-items);
      -ms-flex-align: var(--bestsellers-products-align-items);
          align-items: var(--bestsellers-products-align-items);
}
.products-bestsellers .mys-title {
  -webkit-box-ordinal-group: var(--bestsellers-products-title-order);
      -ms-flex-order: var(--bestsellers-products-title-order);
          order: var(--bestsellers-products-title-order);
}
.products-bestsellers .intro {
  -webkit-box-ordinal-group: var(--bestsellers-products-desc-order);
      -ms-flex-order: var(--bestsellers-products-desc-order);
          order: var(--bestsellers-products-desc-order);
}
.products-bestsellers .mys-products {
  -webkit-box-ordinal-group: var(--bestsellers-products-products-order);
      -ms-flex-order: var(--bestsellers-products-products-order);
          order: var(--bestsellers-products-products-order);
  width: 100%;
}
.products-bestsellers .all-products {
  -webkit-box-ordinal-group: var(--bestsellers-products-button-order);
      -ms-flex-order: var(--bestsellers-products-button-order);
          order: var(--bestsellers-products-button-order);
  margin: var(--bestsellers-products-button-margin);
  text-align: var(--bestsellers-products-button-align);
}

.products-tabbed-list .home-tab-content {
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 800ms ease opacity;
  transition: 800ms ease opacity;
}
.products-tabbed-list .home-tab-content.show {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}

.mys-product-slider {
  display: none;
}
.mys-product-slider:not(.slick-slider) {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 1em;
}
.mys-product-slider:not(.slick-slider) .slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.mys-product-slider:not(.slick-slider) .slider-item .mys-product {
  width: 100%;
}
.mys-product-slider:not(.slick-slider)[data-col="1"] .slider-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.mys-product-slider:not(.slick-slider)[data-col="2"] .slider-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - var(--products-gap));
          flex: 0 0 calc(50% - var(--products-gap));
}
.mys-product-slider:not(.slick-slider)[data-col="3"] .slider-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33.3333333333% - var(--products-gap));
          flex: 0 0 calc(33.3333333333% - var(--products-gap));
}
.mys-product-slider:not(.slick-slider)[data-col="4"] .slider-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - var(--products-gap));
          flex: 0 0 calc(25% - var(--products-gap));
}
.mys-product-slider:not(.slick-slider)[data-col="5"] .slider-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(20% - var(--products-gap));
          flex: 0 0 calc(20% - var(--products-gap));
}
.mys-product-slider:not(.slick-slider)[data-col="6"] .slider-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(16.6666666667% - var(--products-gap));
          flex: 0 0 calc(16.6666666667% - var(--products-gap));
}
.mys-product-slider.slick-slider .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.mys-product-slider.slick-slider .slick-track .slick-slide {
  height: inherit !important;
  padding-top: 1em;
  padding-bottom: 1em;
}
.mys-product-slider.slick-slider .slick-track .slick-slide > div {
  height: 100%;
}
.mys-product-slider.slick-slider .slick-track .slick-slide > div .slider-item {
  height: 100%;
}
.mys-product-slider.slick-slider .slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  height: 100%;
  padding: 0 calc(var(--products-gap) / 2);
}
.mys-product-slider.slick-slider .slider-item .mys-product {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 1399px) {
  .mys-product-slider.slick-slider .slider-item {
    padding: 0 calc(var(--products-xl-gap) / 2);
  }
  .mys-product-slider:not(.slick-slider)[data-col-xl="1"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xl="2"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(50% - var(--products-gap)) !important;
            flex: 0 0 calc(50% - var(--products-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xl="3"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(33.3333333333% - var(--products-gap)) !important;
            flex: 0 0 calc(33.3333333333% - var(--products-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xl="4"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(25% - var(--products-gap)) !important;
            flex: 0 0 calc(25% - var(--products-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xl="5"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(20% - var(--products-gap)) !important;
            flex: 0 0 calc(20% - var(--products-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xl="6"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(16.6666666667% - var(--products-gap)) !important;
            flex: 0 0 calc(16.6666666667% - var(--products-gap)) !important;
  }
}
@media (max-width: 1199px) {
  .mys-product-slider.slick-slider .slider-item {
    padding: 0 calc(var(--products-lg-gap) / 2);
  }
  .mys-product-slider:not(.slick-slider)[data-col-lg="1"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-lg="2"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(50% - var(--products-lg-gap)) !important;
            flex: 0 0 calc(50% - var(--products-lg-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-lg="3"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(33.3333333333% - var(--products-lg-gap)) !important;
            flex: 0 0 calc(33.3333333333% - var(--products-lg-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-lg="4"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(25% - var(--products-lg-gap)) !important;
            flex: 0 0 calc(25% - var(--products-lg-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-lg="5"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(20% - var(--products-lg-gap)) !important;
            flex: 0 0 calc(20% - var(--products-lg-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-lg="6"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(16.6666666667% - var(--products-lg-gap)) !important;
            flex: 0 0 calc(16.6666666667% - var(--products-lg-gap)) !important;
  }
}
@media (max-width: 991px) {
  .mys-product-slider.slick-slider .slider-item {
    padding: 0 calc(var(--products-md-gap) / 2);
  }
  .mys-product-slider:not(.slick-slider)[data-col="5"] .slider-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333333333% - var(--products-md-gap));
            flex: 0 0 calc(33.3333333333% - var(--products-md-gap));
  }
  .mys-product-slider:not(.slick-slider)[data-col="6"] .slider-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333333333% - var(--products-md-gap));
            flex: 0 0 calc(33.3333333333% - var(--products-md-gap));
  }
  .mys-product-slider:not(.slick-slider)[data-col-md="1"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-md="2"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(50% - var(--products-md-gap)) !important;
            flex: 0 0 calc(50% - var(--products-md-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-md="3"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(33.3333333333% - var(--products-md-gap)) !important;
            flex: 0 0 calc(33.3333333333% - var(--products-md-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-md="4"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(25% - var(--products-md-gap)) !important;
            flex: 0 0 calc(25% - var(--products-md-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-md="5"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(20% - var(--products-md-gap)) !important;
            flex: 0 0 calc(20% - var(--products-md-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-md="6"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(16.6666666667% - var(--products-md-gap)) !important;
            flex: 0 0 calc(16.6666666667% - var(--products-md-gap)) !important;
  }
}
@media (max-width: 767px) {
  .mys-product-slider.slick-slider .slider-item {
    padding: 0 calc(var(--products-sm-gap) / 2);
  }
  .mys-product-slider:not(.slick-slider)[data-col="3"] .slider-item, .mys-product-slider:not(.slick-slider)[data-col="4"] .slider-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - var(--products-sm-gap));
            flex: 0 0 calc(50% - var(--products-sm-gap));
  }
  .mys-product-slider:not(.slick-slider)[data-col="5"] .slider-item, .mys-product-slider:not(.slick-slider)[data-col="6"] .slider-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - var(--products-sm-gap));
            flex: 0 0 calc(50% - var(--products-sm-gap));
  }
  .mys-product-slider:not(.slick-slider)[data-col-sm="1"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-sm="2"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(50% - var(--products-sm-gap)) !important;
            flex: 0 0 calc(50% - var(--products-sm-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-sm="3"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(33.3333333333% - var(--products-sm-gap)) !important;
            flex: 0 0 calc(33.3333333333% - var(--products-sm-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-sm="4"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(25% - var(--products-sm-gap)) !important;
            flex: 0 0 calc(25% - var(--products-sm-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-sm="5"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(20% - var(--products-sm-gap)) !important;
            flex: 0 0 calc(20% - var(--products-sm-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-sm="6"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(16.6666666667% - var(--products-sm-gap)) !important;
            flex: 0 0 calc(16.6666666667% - var(--products-sm-gap)) !important;
  }
}
@media (max-width: 575px) {
  .mys-product-slider.slick-slider .slider-item {
    padding: 0 calc(var(--products-xs-gap) / 2);
  }
  .mys-product-slider:not(.slick-slider)[data-col="2"] .slider-item, .mys-product-slider:not(.slick-slider)[data-col="3"] .slider-item, .mys-product-slider:not(.slick-slider)[data-col="4"] .slider-item, .mys-product-slider:not(.slick-slider)[data-col="5"] .slider-item, .mys-product-slider:not(.slick-slider)[data-col="6"] .slider-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xs="1"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xs="2"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(50% - var(--products-xs-gap)) !important;
            flex: 0 0 calc(50% - var(--products-xs-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xs="3"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(33.3333333333% - var(--products-xs-gap)) !important;
            flex: 0 0 calc(33.3333333333% - var(--products-xs-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xs="4"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(25% - var(--products-xs-gap)) !important;
            flex: 0 0 calc(25% - var(--products-xs-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xs="5"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(20% - var(--products-xs-gap)) !important;
            flex: 0 0 calc(20% - var(--products-xs-gap)) !important;
  }
  .mys-product-slider:not(.slick-slider)[data-col-xs="6"] .slider-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(16.6666666667% - var(--products-xs-gap)) !important;
            flex: 0 0 calc(16.6666666667% - var(--products-xs-gap)) !important;
  }
}
.mys-brands-home {
  background: var(--home-brands-bg);
  color: var(--home-brands-color);
  padding: var(--home-brands-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--home-brands-direction);
          flex-direction: var(--home-brands-direction);
  -webkit-box-pack: var(--home-brands-justify-content);
      -ms-flex-pack: var(--home-brands-justify-content);
          justify-content: var(--home-brands-justify-content);
  -webkit-box-align: var(--home-brands-align-items);
      -ms-flex-align: var(--home-brands-align-items);
          align-items: var(--home-brands-align-items);
}
.mys-brands-home .mys-title {
  -webkit-box-ordinal-group: var(--home-brands-title-order);
      -ms-flex-order: var(--home-brands-title-order);
          order: var(--home-brands-title-order);
}
.mys-brands-home .intro {
  -webkit-box-ordinal-group: var(--home-brands-desc-order);
      -ms-flex-order: var(--home-brands-desc-order);
          order: var(--home-brands-desc-order);
}
.mys-brands-home .mys-brands {
  -webkit-box-ordinal-group: var(--home-brands-list-order);
      -ms-flex-order: var(--home-brands-list-order);
          order: var(--home-brands-list-order);
  width: 100%;
}

.mys-brands-home .mys-brands .single-brand {
  padding: 0 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mys-brands-home .mys-brands .single-brand a {
  background: var(--home-brands-brand-bg);
  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;
  min-height: var(--home-brands-brand-img-height);
  border: var(--home-brands-brand-border);
  -webkit-box-shadow: var(--home-brands-brand-shadow);
          box-shadow: var(--home-brands-brand-shadow);
  border-radius: var(--home-brands-brand-radius);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-brands-home .mys-brands .single-brand a img {
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  mix-blend-mode: multiply;
}
.mys-brands-home .mys-brands .single-brand a:hover {
  border: var(--home-brands-brand-hover-border);
  -webkit-box-shadow: var(--home-brands-brand-hover-shadow);
          box-shadow: var(--home-brands-brand-hover-shadow);
  background: var(--home-brands-brand-hover-bg);
}
.mys-brands-home .mys-brands .single-brand a:hover img {
  -webkit-transform: var(--home-brands-brand-img-hover-transform);
          transform: var(--home-brands-brand-img-hover-transform);
}
.mys-brands-home .mys-brands:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.mys-brands-home .mys-brands:not(.slick-slider) .single-brand {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
}

@media (max-width: 991px) {
  .mys-brands-home .mys-brands:not(.slick-slider) .single-brand {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media (max-width: 767px) {
  .mys-brands-home .mys-brands:not(.slick-slider) .single-brand {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media (max-width: 575px) {
  .mys-brands-home .mys-brands:not(.slick-slider) .single-brand {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
.pswp .pswp__bg {
  background: var(--pswp-bg);
  -webkit-backdrop-filter: var(--pswp-backdrop-filter);
          backdrop-filter: var(--pswp-backdrop-filter);
  opacity: var(--pswp-opacity) !important;
}
.pswp img {
  background: var(--pswp-img-bg);
  border-radius: var(--pswp-img-radius);
  -o-object-fit: contain;
     object-fit: contain;
}

.mys-blog-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--blog-cols);
  grid-template-columns: var(--blog-cols);
  gap: var(--blog-gap);
}
.mys-blog-home .mys-blog-list {
  -ms-grid-columns: var(--blog-home-cols);
  grid-template-columns: var(--blog-home-cols);
  gap: var(--blog-home-gap);
}

@media (max-width: 991px) {
  .mys-blog-list {
    -ms-grid-columns: var(--blog-cols-991);
    grid-template-columns: var(--blog-cols-991);
    gap: var(--blog-gap-991);
  }
  .mys-blog-home .mys-blog-list {
    -ms-grid-columns: var(--blog-home-cols-991);
    grid-template-columns: var(--blog-home-cols-991);
    gap: var(--blog-home-gap-991);
  }
}
@media (max-width: 767px) {
  .mys-blog-list {
    -ms-grid-columns: var(--blog-cols-767);
    grid-template-columns: var(--blog-cols-767);
    gap: var(--blog-gap-767);
  }
  .mys-blog-home .mys-blog-list {
    -ms-grid-columns: var(--blog-home-cols-767);
    grid-template-columns: var(--blog-home-cols-767);
    gap: var(--blog-home-gap-767);
  }
}
.blog-search {
  margin-bottom: 2em;
}
.blog-search form {
  position: relative;
}
.blog-search form .search-blog-field {
  width: 100%;
  padding-right: 4em !important;
}
.blog-search form .search-blog-btn {
  position: absolute;
  inset: var(--blog-search-btn-inset);
  border: var(--blog-search-btn-border);
  background: var(--blog-search-btn-bg);
  color: var(--blog-search-btn-color);
  cursor: pointer;
  padding: var(--blog-search-btn-padding);
  border-radius: var(--blog-search-btn-radius);
  -webkit-transition: 200ms linear all;
  transition: 200ms linear all;
}
.blog-search form .search-blog-btn span {
  display: none;
}
.blog-search form .search-blog-btn:after {
  content: var(--search-icon);
  font-family: var(--search-font);
  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: 100%;
  height: 100%;
  font-size: 1.75em;
}
.blog-search form .search-blog-btn:hover {
  background: var(--blog-search-btn-hover-bg);
  color: var(--blog-search-btn-hover-color);
}

@media (min-width: 1200px) {
  .mys-content-layout .sidebar.blog-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-content-layout .sidebar.blog-sidebar .blog-mini-list::-webkit-scrollbar {
    width: 6px;
    background: var(--theme-color-5);
    border-radius: 6px;
  }
  .mys-content-layout .sidebar.blog-sidebar .blog-mini-list::-webkit-scrollbar-thumb {
    background: var(--theme-color-15);
    border-radius: 6px;
  }
  .mys-content-layout .sidebar.blog-sidebar .blog-mini-list::-webkit-scrollbar-thumb:hover {
    background: var(--theme-color-25);
  }
}
.blog-mini-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--blog-minilist-gap);
}
.blog-mini-list ul li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--blog-minilist-img-width) var(--blog-minilist-item-gap) 1fr;
  grid-template-columns: var(--blog-minilist-img-width) 1fr;
  -ms-grid-rows: auto var(--blog-minilist-item-gap) auto;
      grid-template-areas: "post-image post-date" "post-image post-title";
  gap: var(--blog-minilist-item-gap);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-mini-list ul li:not(:last-child) {
  border-bottom: var(--blog-minilist-item-border);
  padding-bottom: var(--blog-minilist-gap);
}
.blog-mini-list ul li .post-image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: post-image;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-mini-list ul li .post-image 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;
  width: var(--blog-minilist-img-width);
  aspect-ratio: var(--blog-minilist-img-aspect);
  border-radius: var(--blog-minilist-img-radius);
  overflow: hidden;
  position: relative;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.blog-mini-list ul li .post-image a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: var(--blog-minilist-img-transform);
          transform: var(--blog-minilist-img-transform);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.blog-mini-list ul li .post-image a:before {
  content: var(--blog-minilist-img-icon);
  font-family: "remixicon";
  color: var(--blog-minilist-img-icon-color);
  font-size: var(--blog-minilist-img-icon-size);
  position: absolute;
  inset: 0;
  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;
  line-height: 1;
  z-index: 3;
  -webkit-transform: var(--blog-minilist-img-icon-transform);
          transform: var(--blog-minilist-img-icon-transform);
  opacity: 0;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.blog-mini-list ul li .post-date {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: post-date;
  -ms-grid-row-align: end;
      align-self: end;
}
.blog-mini-list ul li .post-title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: post-title;
  -ms-grid-row-align: start;
      align-self: start;
}

@media (hover: hover) {
  .blog-mini-list ul li:hover .post-image a {
    background-color: var(--blog-minilist-img-icon-bg);
  }
  .blog-mini-list ul li:hover .post-image a img {
    -webkit-transform: var(--blog-minilist-img-hover-transform);
            transform: var(--blog-minilist-img-hover-transform);
    opacity: var(--blog-minilist-img-icon-bg-opacity);
  }
  .blog-mini-list ul li:hover .post-image a:before {
    -webkit-transform: var(--blog-minilist-img-icon-hover-transform);
            transform: var(--blog-minilist-img-icon-hover-transform);
    opacity: 1;
    -webkit-transition: 500ms ease all;
    transition: 500ms ease all;
  }
}
.blog-mini-list .single-post .post-date {
  color: var(--blog-minilist-date-color);
  font-size: var(--blog-minilist-date-size);
  display: block;
}
.blog-mini-list .single-post .post-title {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: var(--blog-minilist-title-color);
  line-height: 1.2;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.blog-mini-list .single-post .post-title:hover {
  color: var(--blog-minilist-title-hover-color);
}
.mys-blog-list .single-post {
  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;
  -ms-grid-columns: var(--blog-list-grid-template-columns);
  grid-template-columns: var(--blog-list-grid-template-columns);
      grid-template-areas: var(--blog-list-grid-template-areas);
}
.mys-blog-list .single-post .post-image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  position: relative;
  grid-area: post-image;
}
.mys-blog-list .single-post .post-image > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: var(--blog-list-img-aspect);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--blog-list-img-radius);
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: 300ms ease background-color;
  transition: 300ms ease background-color;
}
.mys-blog-list .single-post .post-image > a:before {
  content: var(--blog-list-img-icon);
  font-family: "remixicon";
  color: var(--blog-list-img-icon-color);
  font-size: var(--blog-list-img-icon-size);
  position: absolute;
  inset: 0;
  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;
  line-height: 1;
  z-index: 3;
  -webkit-transform: var(--blog-list-img-icon-transform);
          transform: var(--blog-list-img-icon-transform);
  opacity: 0;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.mys-blog-list .single-post .post-image > a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  z-index: 1;
  -webkit-transform: var(--blog-list-img-transform);
          transform: var(--blog-list-img-transform);
}
.mys-blog-list .single-post .post-title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: post-title;
  font-size: 1.75em;
  line-height: 1.2;
  margin-bottom: 0;
  z-index: 2;
  -webkit-transition: 300ms ease padding;
  transition: 300ms ease padding;
}
.mys-blog-list .single-post .post-title a {
  color: var(--theme-color);
  text-decoration: none;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.mys-blog-list .single-post .post-date {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: post-date;
  font-size: var(--blog-list-date-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--blog-list-date-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.mys-blog-list .single-post .post-date:before {
  content: var(--blog-list-date-icon);
  font-family: "remixicon";
  font-size: var(--blog-list-date-icon-size);
}
.mys-blog-list .single-post .post-excerpt {
  grid-area: post-excerpt;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--blog-list-exceprt-lines);
  word-break: break-word;
  font-size: var(--blog-list-exceprt-size);
}
.mys-blog-list .single-post .post-btn {
  grid-area: post-button;
  margin-top: 0.5em;
}
.mys-blog-home .mys-blog-list .mys-blog-list .single-post {
  --single-post-bg: var(--blog-home-bg);
  --single-post-padding: 1rem;
  position: relative;
  container: single-post/inline-size;
  background: var(--single-post-bg);
  border-radius: var(--b-radius-sm);
  overflow: hidden;
}
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-image > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-metadata,
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-title,
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-excerpt,
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-btn {
  padding-left: var(--single-post-padding);
  padding-right: var(--single-post-padding);
}
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-metadata:last-child,
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-title:last-child,
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-excerpt:last-child,
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-btn:last-child {
  padding-bottom: var(--single-post-padding);
}
.mys-blog-home .mys-blog-list .mys-blog-list .single-post .post-title {
  font-size: var(--blog-home-title-size);
}

@media (hover: hover) {
  .mys-blog-list .single-post:hover .post-image > a {
    background: var(--blog-list-img-icon-bg);
  }
  .mys-blog-list .single-post:hover .post-image > a:before {
    -webkit-transform: var(--blog-list-img-icon-hover-transform);
            transform: var(--blog-list-img-icon-hover-transform);
    opacity: 1;
    -webkit-transition: 500ms ease all;
    transition: 500ms ease all;
  }
  .mys-blog-list .single-post:hover .post-image > a img {
    -webkit-transform: var(--blog-list-img-hover-transform);
            transform: var(--blog-list-img-hover-transform);
    opacity: var(--blog-list-img-icon-bg-opacity);
  }
}
@media (max-width: 767px) {
  .mys-blog-list .single-post .post-title {
    font-size: 1.5em;
  }
}
.single-post-content .post-image {
  position: relative;
  margin-bottom: 2em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--blog-single-post-img-columns);
  grid-template-columns: var(--blog-single-post-img-columns);
      grid-template-areas: var(--blog-single-post-img-areas);
}
.single-post-content .post-image img {
  grid-area: single-post-img;
  display: block;
  width: 100%;
  aspect-ratio: var(--blog-single-post-img-aspect);
  border-radius: var(--blog-single-post-img-radius);
  margin-bottom: 1em;
}
.single-post-content .post-image .post-title {
  grid-area: single-post-title;
  font-size: 2.5em;
  line-height: 1.2;
  margin-bottom: 0;
}
.single-post-content .post-image .post-date {
  grid-area: single-post-date;
  padding: 0;
  font-size: var(--blog-single-post-date-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--blog-single-post-date-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.single-post-content .post-image .post-date:before {
  content: var(--blog-single-post-date-icon);
  font-family: "remixicon";
  font-size: var(--blog-single-post-date-icon-size);
}
.single-post-content .post-content p {
  margin-bottom: 1em;
}
.single-post-content .post-content h2 {
  font-size: 2.125rem;
  margin-top: 2.5em;
  margin-bottom: 1em;
  line-height: 1.2;
}
.single-post-content .post-content h3 {
  font-size: 1.875rem;
  margin-top: 1em;
  margin-bottom: 0.75em;
  font-weight: bold;
  line-height: 1.2;
}
.single-post-content .post-content h4 {
  font-size: 1.75rem;
  line-height: 1.2;
}
.single-post-content .post-content h5 {
  font-size: 1.5rem;
  line-height: 1.2;
}
.single-post-content .post-content h2 strong, .single-post-content .post-content h2 b, .single-post-content .post-content h3 strong, .single-post-content .post-content h3 b, .single-post-content .post-content h4 strong, .single-post-content .post-content h4 b, .single-post-content .post-content h5 strong, .single-post-content .post-content h5 b {
  font-weight: inherit;
  color: var(--secondary-color);
}
.single-post-content .post-content > .post-list, .single-post-content .post-content > ul, .single-post-content .post-content > ol {
  margin-bottom: 1em;
  list-style: disc;
  padding: 0 0 0 1.5em;
}
.single-post-content .post-content > ol {
  list-style: auto;
}
.single-post-content .post-content blockquote {
  font-size: var(--blog-single-post-quote-font-size);
  margin: var(--blog-single-post-quote-margin);
  width: 100%;
  max-width: var(--blog-single-post-quote-width);
  position: relative;
  padding: var(--blog-single-post-quote-padding);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.single-post-content .post-content blockquote:before {
  content: var(--blog-single-post-quote-icon);
  font-family: "remixicon";
  font-size: var(--blog-single-post-quote-size);
  position: absolute;
  inset: var(--blog-single-post-quote-inset);
  line-height: 0;
  letter-spacing: var(--blog-single-post-quote-letter-spacing);
  color: var(--blog-single-post-quote-color);
}
.single-post-content .post-content blockquote:after {
  content: "";
  display: block;
  background: var(--blog-single-post-quote-line-bg);
  height: var(--blog-single-post-quote-line-thick);
  border-radius: var(--blog-single-post-quote-line-radius);
  width: 100%;
  max-width: var(--blog-single-post-quote-line-width);
  margin-top: 1em;
}
.single-post-content .post-content .post-img-wrapper {
  margin: var(--blog-single-post-single-img-margin);
  width: 100%;
  max-width: var(--blog-single-post-single-img-width);
}
.single-post-content .post-content .post-img-wrapper img {
  width: 100%;
  border-radius: var(--blog-single-post-single-img-radius);
  display: block;
}
.single-post-content .post-content .post-img-wrapper-smaller {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3em auto;
  width: 100%;
  max-width: 800px;
  gap: 1.5em;
}
.single-post-content .post-content .post-img-wrapper-smaller.two-col {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  max-width: 550px;
}
.single-post-content .post-content .post-img-wrapper-smaller > div {
  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;
  height: 180px;
  position: relative;
}
.single-post-content .post-content .post-img-wrapper-smaller > div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--b-radius-md) var(--b-radius-md) var(--b-radius-md) 0;
}
.single-post-content .post-content .post-img-wrapper-smaller > div h6 {
  font-size: 1em;
  font-weight: normal;
  position: absolute;
  inset: auto auto 0 0;
  background: var(--white-color);
  padding: 0.125em 0.75em 0 0;
  margin: 0;
  border-top-right-radius: var(--b-radius-md);
}
.single-post-content .btn-back {
  border-top: 2px dotted var(--theme-color-20);
  margin-top: 2em;
  padding-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.single-post-content .prev-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: var(--blog-paging-border);
  margin: var(--blog-paging-margin);
  padding: var(--blog-paging-padding);
  gap: 1em;
}
.single-post-content .prev-next .nav {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.single-post-content .prev-next .nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75em;
  color: currentColor;
  text-decoration: none;
}
.single-post-content .prev-next .nav a .nav-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--blog-paging-img-width);
  aspect-ratio: var(--blog-paging-img-ratio);
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--blog-paging-img-radius);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--blog-paging-img-width);
          flex: 0 0 var(--blog-paging-img-width);
  position: relative;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.single-post-content .prev-next .nav a .nav-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.single-post-content .prev-next .nav a .nav-img:before {
  font-family: "remixicon";
  color: var(--blog-paging-img-icon-color);
  font-size: var(--blog-paging-img-icon-size);
  position: absolute;
  inset: 0;
  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;
  line-height: 1;
  z-index: 3;
  opacity: 0;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.single-post-content .prev-next .nav a .nav-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.single-post-content .prev-next .nav a .nav-title .nav-label {
  color: var(--blog-paging-label-color);
}
.single-post-content .prev-next .nav a .nav-title .nav-post-title {
  color: var(--blog-paging-title-color);
  font-size: var(--blog-paging-title-size);
  line-height: 1.2;
}
.single-post-content .prev-next .nav.next a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  text-align: right;
}
.single-post-content .prev-next .nav.next a .nav-img:before {
  content: var(--blog-paging-img-next-icon);
  -webkit-transform: var(--blog-paging-img-next-transform);
          transform: var(--blog-paging-img-next-transform);
}
.single-post-content .prev-next .nav.prev a .nav-img:before {
  content: var(--blog-paging-img-prev-icon);
  -webkit-transform: var(--blog-paging-img-prev-transform);
          transform: var(--blog-paging-img-prev-transform);
}
.single-post-content .prev-next:has(.next:only-child):before {
  content: "";
  display: block;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.single-post-content .prev-next:has(.prev:only-child):after {
  content: "";
  display: block;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

@media (hover: none) and (max-width: 767px) {
  .single-post-content .prev-next .nav.next a .nav-img:before {
    -webkit-transform: var(--blog-paging-img-prev-hover-transform);
            transform: var(--blog-paging-img-prev-hover-transform);
  }
  .single-post-content .prev-next .nav.prev a .nav-img:before {
    -webkit-transform: var(--blog-paging-img-next-hover-transform);
            transform: var(--blog-paging-img-next-hover-transform);
  }
  .single-post-content .prev-next .nav a .nav-img {
    background: var(--blog-paging-img-bg);
  }
  .single-post-content .prev-next .nav a .nav-img:before {
    opacity: 1;
  }
  .single-post-content .prev-next .nav a .nav-img img {
    opacity: var(--blog-paging-img-opacity);
  }
}
@media (hover: hover) {
  .single-post-content .prev-next .nav.next a:hover .nav-img:before {
    -webkit-transform: var(--blog-paging-img-prev-hover-transform);
            transform: var(--blog-paging-img-prev-hover-transform);
  }
  .single-post-content .prev-next .nav.prev a:hover .nav-img:before {
    -webkit-transform: var(--blog-paging-img-next-hover-transform);
            transform: var(--blog-paging-img-next-hover-transform);
  }
  .single-post-content .prev-next .nav a:hover .nav-img {
    background: var(--blog-paging-img-bg);
  }
  .single-post-content .prev-next .nav a:hover .nav-img:before {
    opacity: 1;
  }
  .single-post-content .prev-next .nav a:hover .nav-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: var(--blog-paging-img-opacity);
  }
}
@media (max-width: 991px) {
  .single-post-content .prev-next .nav a .nav-img {
    width: calc(var(--blog-paging-img-width) * 0.75);
    -ms-flex-preferred-size: calc(var(--blog-paging-img-width) * 0.75);
        flex-basis: calc(var(--blog-paging-img-width) * 0.75);
  }
  .single-post-content .prev-next .nav a .nav-img:before {
    font-size: 1.75em;
  }
}
@media (max-width: 767px) {
  .single-post-content .post-image .post-title {
    font-size: 2.25em;
  }
  .single-post-content .post-content .post-img-wrapper-smaller {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-width: 800px !important;
  }
  .single-post-content .prev-next {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .single-post-content .prev-next .nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (max-width: 575px) {
  .single-post-content .post-image .post-title {
    font-size: 2em;
  }
  .single-post-content .post-content .post-img-wrapper-smaller {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .single-post-content .prev-next {
    gap: 2em;
  }
  .single-post-content .prev-next .nav a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .single-post-content .prev-next .nav a .nav-img {
    height: var(--blog-paging-img-width);
  }
  .single-post-content .prev-next .nav a .nav-title {
    text-align: center !important;
  }
}
.mys-news-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--news-cols);
  grid-template-columns: var(--news-cols);
  gap: var(--news-gap);
}
.mys-news-home .mys-news-list {
  -ms-grid-columns: var(--news-home-cols);
  grid-template-columns: var(--news-home-cols);
  gap: var(--news-home-gap);
}

@media (max-width: 991px) {
  .mys-news-list {
    -ms-grid-columns: var(--news-cols-991);
    grid-template-columns: var(--news-cols-991);
    gap: var(--news-gap-991);
  }
  .mys-news-home .mys-news-list {
    -ms-grid-columns: var(--news-home-cols-991);
    grid-template-columns: var(--news-home-cols-991);
    gap: var(--news-home-gap-991);
  }
}
@media (max-width: 767px) {
  .mys-news-list {
    -ms-grid-columns: var(--news-cols-767);
    grid-template-columns: var(--news-cols-767);
    gap: var(--news-gap-767);
  }
  .mys-news-home .mys-news-list {
    -ms-grid-columns: var(--news-home-cols-767);
    grid-template-columns: var(--news-home-cols-767);
    gap: var(--news-home-gap-767);
  }
}
.news-search {
  margin-bottom: 2em;
}
.news-search form {
  position: relative;
}
.news-search form .search-news-field {
  width: 100%;
  padding-right: 4em !important;
}
.news-search form .search-news-btn {
  position: absolute;
  inset: var(--news-search-btn-inset);
  border: var(--news-search-btn-border);
  background: var(--news-search-btn-bg);
  color: var(--news-search-btn-color);
  cursor: pointer;
  padding: var(--news-search-btn-padding);
  border-radius: var(--news-search-btn-radius);
  -webkit-transition: 200ms linear all;
  transition: 200ms linear all;
}
.news-search form .search-news-btn span {
  display: none;
}
.news-search form .search-news-btn:after {
  content: var(--search-icon);
  font-family: var(--search-font);
  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: 100%;
  height: 100%;
  font-size: 1.75em;
}
.news-search form .search-news-btn:hover {
  background: var(--news-search-btn-hover-bg);
  color: var(--news-search-btn-hover-color);
}

@media (min-width: 1200px) {
  .mys-content-layout .sidebar.news-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-content-layout .sidebar.news-sidebar .news-mini-list::-webkit-scrollbar {
    width: 6px;
    background: var(--theme-color-5);
    border-radius: 6px;
  }
  .mys-content-layout .sidebar.news-sidebar .news-mini-list::-webkit-scrollbar-thumb {
    background: var(--theme-color-15);
    border-radius: 6px;
  }
  .mys-content-layout .sidebar.news-sidebar .news-mini-list::-webkit-scrollbar-thumb:hover {
    background: var(--theme-color-25);
  }
}
.news-mini-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--news-minilist-gap);
}
.news-mini-list ul li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--news-minilist-img-width) var(--news-minilist-item-gap) 1fr;
  grid-template-columns: var(--news-minilist-img-width) 1fr;
  -ms-grid-rows: auto var(--news-minilist-item-gap) auto;
      grid-template-areas: "post-image post-date" "post-image post-title";
  gap: var(--news-minilist-item-gap);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news-mini-list ul li:not(:last-child) {
  border-bottom: var(--news-minilist-item-border);
  padding-bottom: var(--news-minilist-gap);
}
.news-mini-list ul li .post-image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: post-image;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.news-mini-list ul li .post-image 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;
  width: var(--news-minilist-img-width);
  aspect-ratio: var(--news-minilist-img-aspect);
  border-radius: var(--news-minilist-img-radius);
  overflow: hidden;
  position: relative;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.news-mini-list ul li .post-image a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: var(--news-minilist-img-transform);
          transform: var(--news-minilist-img-transform);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.news-mini-list ul li .post-image a:before {
  content: var(--news-minilist-img-icon);
  font-family: "remixicon";
  color: var(--news-minilist-img-icon-color);
  font-size: var(--news-minilist-img-icon-size);
  position: absolute;
  inset: 0;
  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;
  line-height: 1;
  z-index: 3;
  -webkit-transform: var(--news-minilist-img-icon-transform);
          transform: var(--news-minilist-img-icon-transform);
  opacity: 0;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.news-mini-list ul li .post-date {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: post-date;
      align-self: end;
}
.news-mini-list ul li .post-title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: post-title;
      align-self: start;
}

@media (hover: hover) {
  .news-mini-list ul li:hover .post-image a {
    background-color: var(--news-minilist-img-icon-bg);
  }
  .news-mini-list ul li:hover .post-image a img {
    -webkit-transform: var(--news-minilist-img-hover-transform);
            transform: var(--news-minilist-img-hover-transform);
    opacity: var(--news-minilist-img-icon-bg-opacity);
  }
  .news-mini-list ul li:hover .post-image a:before {
    -webkit-transform: var(--news-minilist-img-icon-hover-transform);
            transform: var(--news-minilist-img-icon-hover-transform);
    opacity: 1;
    -webkit-transition: 500ms ease all;
    transition: 500ms ease all;
  }
}
.news-sidebar .category-select {
  margin-bottom: 2em;
  width: 100%;
}
.news-sidebar .category-select .form-select {
  width: 100%;
}

.news-mini-list .single-news .post-date {
  color: var(--news-minilist-date-color);
  font-size: var(--news-minilist-date-size);
  display: block;
}
.news-mini-list .single-news .post-title {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: var(--news-minilist-title-color);
  line-height: 1.2;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.news-mini-list .single-news .post-title:hover {
  color: var(--news-minilist-title-hover-color);
}
.mys-news-list .single-news {
  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;
  -ms-grid-columns: var(--news-list-grid-template-columns);
  grid-template-columns: var(--news-list-grid-template-columns);
      grid-template-areas: var(--news-list-grid-template-areas);
}
.mys-news-list .single-news .post-image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  position: relative;
  grid-area: post-image;
}
.mys-news-list .single-news .post-image > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: var(--news-list-img-aspect);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--news-list-img-radius);
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: 300ms ease background-color;
  transition: 300ms ease background-color;
}
.mys-news-list .single-news .post-image > a:before {
  content: var(--news-list-img-icon);
  font-family: "remixicon";
  color: var(--news-list-img-icon-color);
  font-size: var(--news-list-img-icon-size);
  position: absolute;
  inset: 0;
  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;
  line-height: 1;
  z-index: 3;
  -webkit-transform: var(--news-list-img-icon-transform);
          transform: var(--news-list-img-icon-transform);
  opacity: 0;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.mys-news-list .single-news .post-image > a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  z-index: 1;
  -webkit-transform: var(--news-list-img-transform);
          transform: var(--news-list-img-transform);
}
.mys-news-list .single-news .post-title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: post-title;
  font-size: 1.75em;
  line-height: 1.2;
  margin-bottom: 0;
  z-index: 2;
  -webkit-transition: 300ms ease padding;
  transition: 300ms ease padding;
}
.mys-news-list .single-news .post-title a {
  color: var(--theme-color);
  text-decoration: none;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.mys-news-list .single-news .post-metadata {
  grid-area: post-metadata;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mys-news-list .single-news .post-date {
  font-size: var(--news-list-date-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--news-list-date-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.mys-news-list .single-news .post-date:before {
  content: var(--news-list-date-icon);
  font-family: "remixicon";
  font-size: var(--news-list-date-icon-size);
}
.mys-news-list .single-news .post-categories {
  font-size: var(--news-list-cat-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--news-list-cat-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.mys-news-list .single-news .post-categories:before {
  content: var(--news-list-cat-icon);
  font-family: "remixicon";
  font-size: var(--news-list-cat-icon-size);
}
.mys-news-list .single-news .post-categories a {
  text-decoration: none;
  color: currentColor;
}
.mys-news-list .single-news .post-categories a:not(:last-child) {
  display: inline;
}
.mys-news-list .single-news .post-categories a:not(:last-child):after {
  content: ",";
  display: inline;
  margin-right: 0.25em;
}
.mys-news-list .single-news .post-categories a:hover {
  text-decoration: underline;
}
.mys-news-list .single-news .post-excerpt {
  grid-area: post-excerpt;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--news-list-exceprt-lines);
  word-break: break-word;
  font-size: var(--news-list-exceprt-size);
}
.mys-news-list .single-news .post-btn {
  grid-area: post-button;
  margin-top: 0.5em;
}
.mys-news-home .mys-news-list .single-news {
  --single-post-bg: var(--news-home-bg);
  --single-post-padding: 1rem;
  position: relative;
  container: single-news/inline-size;
  background: var(--single-post-bg);
  border-radius: var(--b-radius-sm);
  overflow: hidden;
}
.mys-news-home .mys-news-list .single-news .post-image > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mys-news-home .mys-news-list .single-news .post-metadata,
.mys-news-home .mys-news-list .single-news .post-title,
.mys-news-home .mys-news-list .single-news .post-excerpt,
.mys-news-home .mys-news-list .single-news .post-btn {
  padding-left: var(--single-post-padding);
  padding-right: var(--single-post-padding);
}
.mys-news-home .mys-news-list .single-news .post-metadata:last-child,
.mys-news-home .mys-news-list .single-news .post-title:last-child,
.mys-news-home .mys-news-list .single-news .post-excerpt:last-child,
.mys-news-home .mys-news-list .single-news .post-btn:last-child {
  padding-bottom: var(--single-post-padding);
}
.mys-news-home .mys-news-list .single-news .post-title {
  font-size: var(--news-home-title-size);
}

@media (hover: hover) {
  .mys-news-list .single-news:hover .post-image > a {
    background: var(--news-list-img-icon-bg);
  }
  .mys-news-list .single-news:hover .post-image > a:before {
    -webkit-transform: var(--news-list-img-icon-hover-transform);
            transform: var(--news-list-img-icon-hover-transform);
    opacity: 1;
    -webkit-transition: 500ms ease all;
    transition: 500ms ease all;
  }
  .mys-news-list .single-news:hover .post-image > a img {
    -webkit-transform: var(--news-list-img-hover-transform);
            transform: var(--news-list-img-hover-transform);
    opacity: var(--news-list-img-icon-bg-opacity);
  }
}
@media (max-width: 767px) {
  .mys-news-list .single-news .post-title {
    font-size: 1.5em;
  }
}
.single-news-content .post-image {
  position: relative;
  margin-bottom: 2em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--news-single-post-img-columns);
  grid-template-columns: var(--news-single-post-img-columns);
      grid-template-areas: var(--news-single-post-img-areas);
}
.single-news-content .post-image img {
  grid-area: single-post-img;
  display: block;
  width: 100%;
  aspect-ratio: var(--news-single-post-img-aspect);
  border-radius: var(--news-single-post-img-radius);
  margin-bottom: 1em;
}
.single-news-content .post-image .post-title {
  grid-area: single-post-title;
  font-size: 2.5em;
  line-height: 1.2;
  margin-bottom: 0;
}
.single-news-content .post-image .post-metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-news-content .post-image .post-date {
  grid-area: single-post-date;
  padding: 0;
  font-size: var(--news-single-post-date-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--news-single-post-date-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.single-news-content .post-image .post-date:before {
  content: var(--news-single-post-date-icon);
  font-family: "remixicon";
  font-size: var(--news-single-post-date-icon-size);
}
.single-news-content .post-image .post-categories {
  font-size: var(--news-list-cat-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--news-list-cat-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.single-news-content .post-image .post-categories:before {
  content: var(--news-list-cat-icon);
  font-family: "remixicon";
  font-size: var(--news-list-cat-icon-size);
}
.single-news-content .post-image .post-categories a {
  text-decoration: none;
  color: currentColor;
}
.single-news-content .post-image .post-categories a:not(:last-child) {
  display: inline;
}
.single-news-content .post-image .post-categories a:not(:last-child):after {
  content: ",";
  display: inline;
  margin-right: 0.25em;
}
.single-news-content .post-image .post-categories a:hover {
  text-decoration: underline;
}
.single-news-content .post-content p {
  margin-bottom: 1em;
}
.single-news-content .post-content h2 {
  font-size: 2.125rem;
  margin-top: 2.5em;
  margin-bottom: 1em;
  line-height: 1.2;
}
.single-news-content .post-content h3 {
  font-size: 1.875rem;
  margin-top: 1em;
  margin-bottom: 0.75em;
  font-weight: bold;
  line-height: 1.2;
}
.single-news-content .post-content h4 {
  font-size: 1.75rem;
  line-height: 1.2;
}
.single-news-content .post-content h5 {
  font-size: 1.5rem;
  line-height: 1.2;
}
.single-news-content .post-content h2 strong, .single-news-content .post-content h2 b, .single-news-content .post-content h3 strong, .single-news-content .post-content h3 b, .single-news-content .post-content h4 strong, .single-news-content .post-content h4 b, .single-news-content .post-content h5 strong, .single-news-content .post-content h5 b {
  font-weight: inherit;
  color: var(--secondary-color);
}
.single-news-content .post-content > .post-list, .single-news-content .post-content > ul, .single-news-content .post-content > ol {
  margin-bottom: 1em;
  list-style: disc;
  padding: 0 0 0 1.5em;
}
.single-news-content .post-content > ol {
  list-style: auto;
}
.single-news-content .post-content blockquote {
  font-size: var(--news-single-post-quote-font-size);
  margin: var(--news-single-post-quote-margin);
  width: 100%;
  max-width: var(--news-single-post-quote-width);
  position: relative;
  padding: var(--news-single-post-quote-padding);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.single-news-content .post-content blockquote:before {
  content: var(--news-single-post-quote-icon);
  font-family: "remixicon";
  font-size: var(--news-single-post-quote-size);
  position: absolute;
  inset: var(--news-single-post-quote-inset);
  line-height: 0;
  letter-spacing: var(--news-single-post-quote-letter-spacing);
  color: var(--news-single-post-quote-color);
}
.single-news-content .post-content blockquote:after {
  content: "";
  display: block;
  background: var(--news-single-post-quote-line-bg);
  height: var(--news-single-post-quote-line-thick);
  border-radius: var(--news-single-post-quote-line-radius);
  width: 100%;
  max-width: var(--news-single-post-quote-line-width);
  margin-top: 1em;
}
.single-news-content .post-content .post-img-wrapper {
  margin: 3em auto;
  width: 100%;
  max-width: 600px;
}
.single-news-content .post-content .post-img-wrapper img {
  width: 100%;
  border-radius: var(--b-radius-md);
  display: block;
}
.single-news-content .post-content .post-img-wrapper-smaller {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3em auto;
  width: 100%;
  max-width: 800px;
  gap: 1.5em;
}
.single-news-content .post-content .post-img-wrapper-smaller.two-col {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  max-width: 550px;
}
.single-news-content .post-content .post-img-wrapper-smaller > div {
  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;
  height: 180px;
  position: relative;
}
.single-news-content .post-content .post-img-wrapper-smaller > div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--b-radius-md) var(--b-radius-md) var(--b-radius-md) 0;
}
.single-news-content .post-content .post-img-wrapper-smaller > div h6 {
  font-size: 1em;
  font-weight: normal;
  position: absolute;
  inset: auto auto 0 0;
  background: var(--white-color);
  padding: 0.125em 0.75em 0 0;
  margin: 0;
  border-top-right-radius: var(--b-radius-md);
}
.single-news-content .btn-back {
  border-top: 2px dotted var(--theme-color-20);
  margin-top: 2em;
  padding-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.single-news-content .prev-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: var(--news-paging-border);
  margin: var(--news-paging-margin);
  padding: var(--news-paging-padding);
  gap: 1em;
}
.single-news-content .prev-next .nav {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.single-news-content .prev-next .nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75em;
  color: currentColor;
  text-decoration: none;
}
.single-news-content .prev-next .nav a .nav-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--news-paging-img-width);
  aspect-ratio: var(--news-paging-img-ratio);
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--news-paging-img-radius);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--news-paging-img-width);
          flex: 0 0 var(--news-paging-img-width);
  position: relative;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.single-news-content .prev-next .nav a .nav-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.single-news-content .prev-next .nav a .nav-img:before {
  font-family: "remixicon";
  color: var(--news-paging-img-icon-color);
  font-size: var(--news-paging-img-icon-size);
  position: absolute;
  inset: 0;
  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;
  line-height: 1;
  z-index: 3;
  opacity: 0;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.single-news-content .prev-next .nav a .nav-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.single-news-content .prev-next .nav a .nav-title .nav-label {
  color: var(--news-paging-label-color);
}
.single-news-content .prev-next .nav a .nav-title .nav-post-title {
  color: var(--news-paging-title-color);
  font-size: var(--news-paging-title-size);
  line-height: 1.2;
}
.single-news-content .prev-next .nav.next a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  text-align: right;
}
.single-news-content .prev-next .nav.next a .nav-img:before {
  content: var(--news-paging-img-next-icon);
  -webkit-transform: var(--news-paging-img-next-transform);
          transform: var(--news-paging-img-next-transform);
}
.single-news-content .prev-next .nav.prev a .nav-img:before {
  content: var(--news-paging-img-prev-icon);
  -webkit-transform: var(--news-paging-img-prev-transform);
          transform: var(--news-paging-img-prev-transform);
}
.single-news-content .prev-next:has(.next:only-child):before {
  content: "";
  display: block;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.single-news-content .prev-next:has(.prev:only-child):after {
  content: "";
  display: block;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

@media (hover: none) and (max-width: 767px) {
  .single-news-content .prev-next .nav.next a .nav-img:before {
    -webkit-transform: var(--news-paging-img-prev-hover-transform);
            transform: var(--news-paging-img-prev-hover-transform);
  }
  .single-news-content .prev-next .nav.prev a .nav-img:before {
    -webkit-transform: var(--news-paging-img-next-hover-transform);
            transform: var(--news-paging-img-next-hover-transform);
  }
  .single-news-content .prev-next .nav a .nav-img {
    background: var(--news-paging-img-bg);
  }
  .single-news-content .prev-next .nav a .nav-img:before {
    opacity: 1;
  }
  .single-news-content .prev-next .nav a .nav-img img {
    opacity: var(--news-paging-img-opacity);
  }
}
@media (hover: hover) {
  .single-news-content .prev-next .nav.next a:hover .nav-img:before {
    -webkit-transform: var(--news-paging-img-prev-hover-transform);
            transform: var(--news-paging-img-prev-hover-transform);
  }
  .single-news-content .prev-next .nav.prev a:hover .nav-img:before {
    -webkit-transform: var(--news-paging-img-next-hover-transform);
            transform: var(--news-paging-img-next-hover-transform);
  }
  .single-news-content .prev-next .nav a:hover .nav-img {
    background: var(--news-paging-img-bg);
  }
  .single-news-content .prev-next .nav a:hover .nav-img:before {
    opacity: 1;
  }
  .single-news-content .prev-next .nav a:hover .nav-img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: var(--news-paging-img-opacity);
  }
}
@media (max-width: 991px) {
  .single-news-content .prev-next .nav a .nav-img {
    width: calc(var(--news-paging-img-width) * 0.75);
    -ms-flex-preferred-size: calc(var(--news-paging-img-width) * 0.75);
        flex-basis: calc(var(--news-paging-img-width) * 0.75);
  }
  .single-news-content .prev-next .nav a .nav-img:before {
    font-size: 1.75em;
  }
}
@media (max-width: 767px) {
  .single-news-content .post-image .post-title {
    font-size: 2.25em;
  }
  .single-news-content .post-content .post-img-wrapper-smaller {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-width: 800px !important;
  }
  .single-news-content .prev-next {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .single-news-content .prev-next .nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (max-width: 575px) {
  .single-news-content .post-image .post-title {
    font-size: 2em;
  }
  .single-news-content .post-content .post-img-wrapper-smaller {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .single-news-content .prev-next {
    gap: 2em;
  }
  .single-news-content .prev-next .nav a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .single-news-content .prev-next .nav a .nav-img {
    height: var(--news-paging-img-width);
  }
  .single-news-content .prev-next .nav a .nav-title {
    text-align: center !important;
  }
}
.ask-vet > p:not(:last-child) {
  margin-bottom: 1em;
}

.ask-vet-cats {
  margin: 2em 0;
}
.ask-vet-cats ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.25em 1fr 1.25em 1fr 1.25em 1fr 1.25em 1fr 1.25em 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 1.25em;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.sidebar .ask-vet-cats ul {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 0.75em;
}
.sidebar .ask-vet-cats ul .vet-cat-title a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  gap: 0.5em;
  padding: 0.75em;
}
.sidebar .ask-vet-cats ul .vet-cat-title a:before {
  width: 2em;
  height: 2em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
}
.sidebar .ask-vet-cats ul .vet-cat-title a:after {
  width: 2px;
  height: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2px;
          flex: 0 0 2px;
}
.sidebar .ask-vet-cats ul .vet-cat-title a[data-name=Razno] {
  background: var(--theme-color-5);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sidebar .ask-vet-cats ul .vet-cat-title a[data-name=Razno]:before, .sidebar .ask-vet-cats ul .vet-cat-title a[data-name=Razno]:after {
  display: none;
}
.sidebar .ask-vet-cats ul .vet-cat-title a span {
  font-size: 1.125em;
}
.ask-vet-cats ul .vet-cat-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ask-vet-cats ul .vet-cat-title a {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
  text-decoration: none;
  color: var(--theme-color);
  padding: 1em;
  border: 1px solid var(--theme-color-20);
  border-radius: var(--b-radius);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.ask-vet-cats ul .vet-cat-title a:before {
  content: "";
  display: block;
  width: 100%;
  height: 6em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.ask-vet-cats ul .vet-cat-title a:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--theme-color-10);
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.ask-vet-cats ul .vet-cat-title a span {
  font-size: 1.25em;
  font-weight: bold;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  line-height: 1.2;
}
.ask-vet-cats ul .vet-cat-title a[data-name=Psi]:before {
  background-image: var(--img-ico-dog);
}
.ask-vet-cats ul .vet-cat-title a[data-name=Mačke]:before {
  background-image: var(--img-ico-cat);
}
.ask-vet-cats ul .vet-cat-title a[data-name="Sitne životinje"]:before {
  background-image: var(--img-ico-hamster);
}
.ask-vet-cats ul .vet-cat-title a[data-name=Ptice]:before {
  background-image: var(--img-ico-bird);
}
.ask-vet-cats ul .vet-cat-title a[data-name=Akvaristika]:before {
  background-image: var(--img-ico-fish);
}
.ask-vet-cats ul .vet-cat-title a[data-name=Teraristika]:before {
  background-image: var(--img-ico-turtle);
}

@media (hover: hover) {
  .ask-vet-cats ul .vet-cat-title a:hover {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
    -webkit-box-shadow: 0 15px 30px -15px var(--hover-effect-color);
            box-shadow: 0 15px 30px -15px var(--hover-effect-color);
  }
  .ask-vet-cats ul .vet-cat-title a:hover:after {
    background: var(--secondary-color-40);
  }
  .ask-vet-cats ul .vet-cat-title a:hover:before {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .main-content .ask-vet-cats:has(li:hover) .vet-cat-title:not(:hover) a {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: 0.4;
  }
  .main-content .ask-vet-cats:has(li:hover) .vet-cat-title:not(:hover) a:before {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0.5;
  }
}
@media (max-width: 991px) {
  .ask-vet-cats ul {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .sidebar .ask-vet-cats ul {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .ask-vet-cats ul {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .sidebar .ask-vet-cats ul {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 379px) {
  .sidebar .ask-vet-cats ul {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.ask-vet-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  margin-bottom: 2em;
  border-bottom: 1px solid var(--theme-color-20);
  padding-bottom: 1em;
}
.ask-vet-list li {
  border-bottom: 1px solid var(--theme-color-20);
  padding-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.ask-vet-list li:last-child, .ask-vet-list li:nth-last-child(2) {
  border-bottom: 0;
  padding-bottom: 0;
}
.ask-vet-list .single-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5em auto;
  grid-template-columns: 1fr auto;
  text-decoration: none;
  color: var(--theme-color);
  gap: 0.5em 1.5em;
  padding: 1em 1.5em;
  border-radius: var(--b-radius);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  position: relative;
  -ms-flex-line-pack: start;
      align-content: start;
  width: 100%;
}
.ask-vet-list .single-item:before {
  position: absolute;
  display: block;
  content: "Pročitajte odgovor";
  -webkit-transition: 500ms ease all;
  transition: 500ms ease all;
  background: var(--primary-color);
  color: var(--white-color);
  line-height: 1;
  padding: 1em 1.25em;
  font-size: 0.875em;
  font-weight: bold;
  border-radius: var(--b-radius);
  inset: 50% auto auto 50%;
  -webkit-transform: translate(-50%, calc(-50% + 1em));
          transform: translate(-50%, calc(-50% + 1em));
  opacity: 0;
}
.ask-vet-list .single-item .item-question {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 1.25em;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
}
.ask-vet-list .single-item .item-content {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  word-break: break-word;
}
.ask-vet-list .single-item .item-date {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 0.875em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--primary-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  line-height: 1;
}
.ask-vet-list .single-item .item-date:before {
  content: "\eb27";
  font-family: "remixicon";
  font-size: 1.5em;
  margin-top: -0.125em;
}
.ask-vet-list .single-item:hover {
  background: var(--light-gray-color);
}

@media (hover: hover) {
  .ask-vet-list .single-item:hover:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 250ms ease all;
    transition: 250ms ease all;
  }
}
@media (min-width: 768px) {
  .mys-display-options {
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
  }
  .mys-ask-vet .mys-display-options {
        grid-template-areas: "mys-page-label mys-filter-line mys-pagination";
  }
  .mys-display-options .mys-page-label {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mys-display-options .mys-pagination {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media (max-width: 767px) {
  .mys-display-options {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-ask-vet .mys-display-options {
        grid-template-areas: "mys-page-label" "mys-filter-line" "mys-pagination";
  }
  .ask-vet-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .ask-vet-list li:nth-last-child(2) {
    border-bottom: 1px solid var(--theme-color-20);
    padding-bottom: 1em;
  }
  .mys-display-options .mys-page-label {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mys-display-options .mys-pagination {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (max-width: 767px) {
  .mys-display-options {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-display-options:not(.mys-has-filtering) {
        grid-template-areas: "mys-page-label" "mys-filter-line" "mys-pagination";
  }
  .mys-display-options.mys-has-filtering {
        grid-template-areas: "mys-filter-page" "mys-page-label" "mys-filter-line" "mys-pagination";
  }
  .mys-display-options .mys-filter-page {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mys-display-options:not(.mys-has-filtering) > .mys-page-label {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mys-display-options.mys-has-filtering > .mys-page-label {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-display-options:not(.mys-has-filtering) > .mys-pagination {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .mys-display-options.mys-has-filtering > .mys-pagination {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}
@media (max-width: 575px) {
  .ask-vet-list .single-item {
    padding: 0.5em 0.75em;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .ask-vet-list .single-item .item-content {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
.sendQuestion .checkout-icon,
.sendQuestion span {
  -webkit-transition: 200ms ease opacity;
  transition: 200ms ease opacity;
  display: block;
  opacity: 1;
}
.sendQuestion .ico-loading {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(-75%);
          transform: translateY(-75%);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.sendQuestion .ico-loading:before {
  display: block;
  line-height: 1;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}
.sendQuestion.clicked {
  pointer-events: none;
}
.sendQuestion.clicked .ico-previous,
.sendQuestion.clicked span {
  opacity: 0;
}
.sendQuestion.clicked .ico-loading {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (min-width: 768px) {
  .modal#askVeterinaryModal .modal-content {
    max-width: 650px;
  }
}
.ask-vet-single .question-metadata {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5em auto;
  grid-template-columns: 1fr auto;
  gap: 1em 1.5em;
}
.ask-vet-single .question-metadata h1 {
  line-height: 1.2;
}
.ask-vet-single .question-metadata .item-date {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 0.875em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--primary-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  line-height: 1;
}
.ask-vet-single .question-metadata .item-date:before {
  content: "\eb27";
  font-family: "remixicon";
  font-size: 1.5em;
  margin-top: -0.125em;
}
.ask-vet-single .question,
.ask-vet-single .answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  border: 4px solid var(--secondary-color);
  padding: 0 1.5em 1.25em;
  border-radius: var(--b-radius-md);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 3em;
}
.ask-vet-single .question h2, .ask-vet-single .question h3,
.ask-vet-single .answer h2,
.ask-vet-single .answer h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -1.5em;
  margin-left: -0.5em;
  font-size: 1.5625rem;
  margin-bottom: 0;
}
.ask-vet-single .question h2:before, .ask-vet-single .question h2:after, .ask-vet-single .question h3:before, .ask-vet-single .question h3:after,
.ask-vet-single .answer h2:before,
.ask-vet-single .answer h2:after,
.ask-vet-single .answer h3:before,
.ask-vet-single .answer h3:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: var(--primary-color);
}
.ask-vet-single .question h2:before, .ask-vet-single .question h3:before,
.ask-vet-single .answer h2:before,
.ask-vet-single .answer h3:before {
  -webkit-transform: translate(2px, -2px);
          transform: translate(2px, -2px);
  border-radius: 0 4px 4px 0;
}
.ask-vet-single .question h2:after, .ask-vet-single .question h3:after,
.ask-vet-single .answer h2:after,
.ask-vet-single .answer h3:after {
  -webkit-transform: translate(-2px, -2px);
          transform: translate(-2px, -2px);
  border-radius: 4px 0 0 4px;
}
.ask-vet-single .question h2 span, .ask-vet-single .question h3 span,
.ask-vet-single .answer h2 span,
.ask-vet-single .answer h3 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.333em;
  background: var(--theme-bg);
  padding: 0 0.5em;
}
.ask-vet-single .question h2 span:before, .ask-vet-single .question h3 span:before,
.ask-vet-single .answer h2 span:before,
.ask-vet-single .answer h3 span:before {
  content: "";
  display: block;
  width: 3em;
  height: 3em;
  background-color: var(--light-gray-color);
  border-radius: 50%;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
.ask-vet-single .question {
  border-color: var(--primary-color);
}
.ask-vet-single .question h2 span:before {
  background-image: var(--img-ico-veq-question);
  background-size: 150%;
  background-blend-mode: multiply;
  background-position: center bottom;
}
.ask-vet-single .answer h3:before, .ask-vet-single .answer h3:after {
  background: var(--secondary-color);
}
.ask-vet-single .answer h3 span:before {
  background-image: var(--img-ico-veq-answer);
  background-size: 120%;
  background-blend-mode: multiply;
  background-position: center bottom;
}
.ask-vet-single .answered-by {
  color: var(--secondary-color);
}
.ask-vet-single .btn-back {
  border-top: 2px dotted var(--theme-color-20);
  margin-top: 2em;
  padding-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 575px) {
  .ask-vet-single .question-metadata {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .ask-vet-single .question,
  .ask-vet-single .answer {
    border-width: 2px;
    padding: 0 1em 0.75em;
  }
  .ask-vet-single .question h2, .ask-vet-single .question h3,
  .ask-vet-single .answer h2,
  .ask-vet-single .answer h3 {
    margin-top: -1em;
  }
  .ask-vet-single .question h2:before, .ask-vet-single .question h2:after, .ask-vet-single .question h3:before, .ask-vet-single .question h3:after,
  .ask-vet-single .answer h2:before,
  .ask-vet-single .answer h2:after,
  .ask-vet-single .answer h3:before,
  .ask-vet-single .answer h3:after {
    display: none;
  }
  .ask-vet-single .question h2 span:before, .ask-vet-single .question h3 span:before,
  .ask-vet-single .answer h2 span:before,
  .ask-vet-single .answer h3 span:before {
    width: 2em;
    height: 2em;
  }
}
.vet-ask-form {
  margin-bottom: 2em;
}

.vet-search {
  margin-bottom: 2em;
}
.vet-search form {
  position: relative;
}
.vet-search form .search-vet-field {
  width: 100%;
  padding-right: 4.5em !important;
}
.vet-search form .search-vet-btn {
  position: absolute;
  inset: 5px 5px 5px auto;
  border: 0;
  background: var(--theme-color-5);
  cursor: pointer;
  width: 4em;
  padding: 0;
  border-radius: 5px 5px 5px auto;
  -webkit-transition: 200ms linear all;
  transition: 200ms linear all;
}
.vet-search form .search-vet-btn span {
  display: none;
}
.vet-search form .search-vet-btn:after {
  content: var(--search-icon);
  font-family: var(--search-font);
  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: 100%;
  height: 100%;
  font-size: 1.75em;
  -webkit-transition: 200ms linear all;
  transition: 200ms linear all;
}
.vet-search form .search-vet-btn:hover {
  background: var(--secondary-color-lighter-10);
  border-radius: calc(var(--field-border-radius) - 2px);
}
.vet-search form .search-vet-btn:hover:after {
  -webkit-transform: rotate(-20deg) scale(1.2);
          transform: rotate(-20deg) scale(1.2);
  text-shadow: -2px 3px 5px var(--black-color-20);
  color: var(--white-color);
}

@media (min-width: 1200px) {
  .mys-content-layout .sidebar.vet-sidebar.sidebar-move {
    padding-top: 4.3rem;
  }
  .mys-content-layout.sidebar-sticky .sidebar.vet-sidebar.sidebar-move {
    top: calc(var(--sidebar-top) - 4.3rem);
  }
}