/* Latest Lucas typography and common styles, scoped to AINOTE 2 content. */
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) {
  --h0-font-size: calc(var(--title-scale, 1) * 64px);
  --h0-line-height: 1.1;
  --h1-font-size: calc(var(--title-scale, 1) * 48px);
  --h1-line-height: 1.15;
  --h2-font-size: calc(var(--title-scale, 1) * 36px);
  --h2-line-height: 1.2;
  --h3-font-size: calc(var(--title-scale, 1) * 28px);
  --h3-line-height: 1.25;
  --h4-font-size: calc(var(--title-scale, 1) * 24px);
  --h4-line-height: 1.3;
  --h5-font-size: calc(var(--title-scale, 1) * 20px);
  --h5-line-height: 1.35;
  --h6-font-size: calc(var(--title-scale, 1) * 18px);
  --h6-line-height: 1.4;
  --text-1-font-size: calc(var(--body-scale, 1) * 18px);
  --text-1-line-height: 1.5;
  --text-2-font-size: calc(var(--body-scale, 1) * 14px);
  --text-2-line-height: 1.5;
  --text-3-font-size: calc(var(--body-scale, 1) * 16px);
  --text-3-line-height: 1.5;
  --text-4-font-size: calc(var(--body-scale, 1) * 13px);
  --text-4-line-height: 1.5;
  --text-5-font-size: calc(var(--body-scale, 1) * 12px);
  --text-5-line-height: 1.5;
  --text-price-1-font-size: calc(var(--body-scale, 1) * 32px);
  --text-price-1-line-height: 1.25;
  --text-price-2-font-size: calc(var(--body-scale, 1) * 20px);
  --text-price-2-line-height: 1.25;
  --text-button-1-font-size: calc(var(--button-scale, 1) * 15px);
  --text-button-1-line-height: 1.4;
  --text-button-2-font-size: calc(var(--button-scale, 1) * 16px);
  --text-button-2-line-height: 1.4;
  --footer-body-font-size: calc(var(--body-scale, 1) * 16px);
  --footer-heading-font-size: calc(var(--body-scale, 1) * 18px);
  --navigation-font-size: calc(var(--body-scale, 1) * 15px);
  --page-padding: 40px;
  --sort-title-font: var(--title-font);
  --sort-title-font-weight: 700;
  --sort-title-font-style: normal;
  --sort-title-letter-spacing: -0.02em;
  --sort-title-size: var(--h1-font-size);
  --sort-title-line-height: var(--h1-line-height);
  --sort-title-text-transform: var(--title-transform);
  --sort-body-font: var(--body-font);
  --sort-body-style: normal;
  --sort-body-weight: 400;
  --sort-body-weight-bold: 600;
  --body-bold-font-weight: 600;
  --sort-body-letter-spacing: 0;
  --sort-body-size: var(--text-3-font-size);
  --sort-body-line-height: 1.5;
  --font-h0-font-size: var(--h0-font-size);
  --font-h1-font-size: var(--h1-font-size);
  --font-h2-font-size: var(--h2-font-size);
  --font-h3-font-size: var(--h3-font-size);
  --font-h4-font-size: var(--h4-font-size);
  --font-h5-font-size: var(--h5-font-size);
  --font-h6-font-size: var(--h6-font-size);
  --font-text-1-font-size: var(--text-1-font-size);
  --font-text-2-font-size: var(--text-2-font-size);
  --font-text-3-font-size: var(--text-3-font-size);
  --font-text-4-font-size: var(--text-4-font-size);
  --font-text-5-font-size: var(--text-5-font-size);
  --font-text-6-font-size: var(--text-5-font-size);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) {
  font-family: var(--body-font);
  font-size:var(--text-3-font-size);
  line-height:var(--text-3-line-height);
  font-weight: 400;
  letter-spacing: 0;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h2,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h3,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h4,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h5,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h6,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) p {
  margin:0;
  font-weight:400;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h2,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h3,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h4,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h5,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h6,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h0,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h2,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h3,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h4,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h5,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h6 {
  text-transform: var(--title-transform);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h0 {
  font-size:var(--h0-font-size);
  line-height:var(--h0-line-height);
  font-family: var(--title-font);
  font-weight: 700;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h1 {
  font-size:var(--h1-font-size);
  line-height:var(--h1-line-height);
  font-family: var(--title-font);
  font-weight: 700;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h2,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h2 {
  font-size:var(--h2-font-size);
  line-height:var(--h2-line-height);
  font-family: var(--title-font);
  font-weight: 700;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h3,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h3 {
  font-size:var(--h3-font-size);
  line-height:var(--h3-line-height);
  font-family: var(--title-font);
  font-weight: 700;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h4,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h4 {
  font-size:var(--h4-font-size);
  line-height:var(--h4-line-height);
  font-family: var(--title-font);
  font-weight: 700;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h5,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h5 {
  font-size:var(--h5-font-size);
  line-height:var(--h5-line-height);
  font-family: var(--title-font);
  font-weight: 700;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h6,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h6 {
  font-size:var(--h6-font-size);
  line-height:var(--h6-line-height);
  font-family: var(--title-font);
  font-weight: 700;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-1 {
  font-size:var(--text-1-font-size);
  line-height:var(--text-1-line-height);
  font-family: var(--body-font);
  font-weight: 400;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-2 {
  font-size:var(--text-2-font-size);
  line-height:var(--text-2-line-height);
  font-family: var(--body-font);
  font-weight: 400;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-3 {
  font-size:var(--text-3-font-size);
  line-height:var(--text-3-line-height);
  font-family: var(--body-font);
  font-weight: 400;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-3-2 {
  font-size:var(--text-3-font-size);
  line-height:var(--text-3-line-height);
  font-family: var(--body-font);
  font-weight: 600;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-4 {
  font-size:var(--text-4-font-size);
  line-height:var(--text-4-line-height);
  font-family: var(--body-font);
  font-weight: 400;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-5 {
  font-size:var(--text-5-font-size);
  line-height:var(--text-5-line-height);
  font-family: var(--body-font);
  font-weight: 400;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-price-1 {
  font-size:var(--text-price-1-font-size);
  line-height:var(--text-price-1-line-height);
  font-family: var(--body-font);
  font-weight: 600;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-price-2 {
  font-size:var(--text-price-2-font-size);
  line-height:var(--text-price-2-line-height);
  font-family: var(--body-font);
  font-weight: 600;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) button,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .button {
  font-family: var(--button-font);
  font-size:var(--text-button-1-font-size);
  line-height:var(--text-button-1-line-height);
  text-transform: var(--button-transform);
  font-weight: 500;
  cursor: pointer;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button {
  font-family: var(--button-font);
  font-size:var(--text-button-1-font-size);
  line-height:var(--text-button-1-line-height);
  text-transform: var(--button-transform);
  font-weight: 500;
  padding:15px 24px;
  color: rgb(var(--color-button-text));
  box-shadow: inset 0 0 0 var(--button-border-width, 1px) rgb(var(--color-button-border),0.3);
  background-color: rgb(var(--color-button-background));
  text-decoration: none;
  border: 0;
  overflow: hidden;
  display: flex;
  gap: 10px;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button:hover,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button.v-button--secondary {
  box-shadow: inset 0 0 0 var(--button-border-width, 1px) rgb(var(--color-button-secondary-border),0.3);
  color: rgb(var(--color-button-secondary-text));
  background-color: rgb(var(--color-button-secondary-background));
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button.rounded {
  border-radius:var(--button-border-radius);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button .button-icon {
  position: relative;
  width: 9px;
  height: 9px;
  display: inline-block;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button .button-icon .icon-1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button .button-icon .icon-2 {
  transition: all 0.3s;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button .button-icon .icon-1 {
  position: absolute;
  opacity: 0;
  transform: translateX(-32px) translateY(32px);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button .button-icon .icon-2 {
  position: absolute;
  opacity: 1;
  transform: translateX(0px) translateY(0px);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button:hover .icon-1 {
  opacity: 1;
  transform: none;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button:hover .icon-2 {
  opacity: 0;
  transform: translateX(32px) translateY(-32px);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-button-1 {
  font-family: var(--button-font);
  font-size:var(--text-button-1-font-size);
  line-height:var(--text-button-1-line-height);
  text-transform: var(--button-transform);
  font-weight: 500;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-button-2 {
  font-family: var(--button-font);
  font-size:var(--text-button-2-font-size);
  line-height:var(--text-button-2-line-height);
  text-transform: var(--button-transform);
  font-weight: 500;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .empty-image-class {
  background-color: rgba(var(--color-text), 0.05);
  width:100%;
  height:100%;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) section {
  background-color: rgba(var(--color-background));
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) img {
  max-width: 100%;
  height: 100%;
  object-fit:cover;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .w100 {
  width: 100%;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .h100 {
  height: 100%;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) v-image {
  width: 100%;
  height: 100%;
  display: flex;
  aspect-ratio: var(--aspect-ratio);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) v-image .placeholder {
  background-color: rgba(43,43,43,0.2);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .fit-contain {
  object-fit:contain;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .fit-fill {
  object-fit: fill;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .fit-cover {
  object-fit: cover;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .min-w-full {
  min-width: 100%;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .max-w-full {
  max-width: 100%;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .max-w-2xs {
  max-width: 365px;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .max-w-xs {
  max-width: 530px;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .max-w-sm {
  max-width: 672px;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .max-w-md {
  max-width: 864px;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .max-w-lg {
  max-width: 1024px;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .max-w-xl {
  max-width: 1216px;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .max-w-2xl {
  max-width: 1376px;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-weight-700 {
  font-weight: 700;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-weight-600 {
  font-weight: 600;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-weight-500 {
  font-weight: 500;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-weight-400 {
  font-weight: 400;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-weight-300 {
  font-weight: 300;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-10 {
  opacity: 1;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-9 {
  opacity: 0.9;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-8 {
  opacity: 0.8;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-7 {
  opacity: 0.7;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-6 {
  opacity: 0.6;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-5 {
  opacity: 0.5;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-4 {
  opacity: 0.5;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-3 {
  opacity: 0.3;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-2 {
  opacity: 0.2;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .opacity-1 {
  opacity: 0.1;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .page-padding {
    padding-inline: var(--page-padding);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .page-width {
    width: 100%;
    max-width: var(--page-width);
    margin: auto;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .block-richtext {
  color: var(--color-light-text);
}
@media (max-width: 959px) {
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) {
      --h0-font-size: calc(var(--title-scale, 1) * 40px);
      --h1-font-size: calc(var(--title-scale, 1) * 32px);
      --h2-font-size: calc(var(--title-scale, 1) * 28px);
      --h3-font-size: calc(var(--title-scale, 1) * 24px);
      --h4-font-size: calc(var(--title-scale, 1) * 20px);
      --h5-font-size: calc(var(--title-scale, 1) * 18px);
      --h6-font-size: calc(var(--title-scale, 1) * 16px);
      --text-1-font-size: calc(var(--body-scale, 1) * 16px);
      --text-2-font-size: calc(var(--body-scale, 1) * 14px);
      --text-3-font-size: calc(var(--body-scale, 1) * 14px);
      --text-4-font-size: calc(var(--body-scale, 1) * 12px);
      --text-5-font-size: calc(var(--body-scale, 1) * 12px);
      --text-price-1-font-size: calc(var(--body-scale, 1) * 26px);
      --text-price-2-font-size: calc(var(--body-scale, 1) * 18px);
      --text-button-1-font-size: calc(var(--button-scale, 1) * 14px);
      --text-button-2-font-size: calc(var(--button-scale, 1) * 15px);
      --footer-body-font-size: calc(var(--body-scale, 1) * 14px);
      --footer-heading-font-size: calc(var(--body-scale, 1) * 16px);
      --navigation-font-size: calc(var(--body-scale, 1) * 14px);
      --page-padding: 20px;
    }
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button {
        padding:2.1333vw 4vw;
    }
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .mobile-text-left {
        text-align: left;
    }
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .mobile-text-center {
        text-align: center;
    }
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .mobile-text-right {
        text-align: right;
    }
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) v-image {
      aspect-ratio: var(--mobile-aspect-ratio);
    }
}
@media(min-width:960px) {
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .pc-hidden {
        display: none !important;
    }
}
@media(max-width:959px) {
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .mobile-hidden {
        display: none !important;
    }
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h2,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h3,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h4,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h5,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h6,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h0,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h2,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h3,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h4,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h5,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h6 {
  font-weight: 700;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h0,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h2,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h2 { letter-spacing: -0.025em; }
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h3,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h3,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h4,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h4 { letter-spacing: -0.015em; }
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h5,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h5,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) h6,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-h6 { letter-spacing: 0; }
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) p,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-2,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-3,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-4,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-text-5 {
  font-weight: 400;
  letter-spacing: 0;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) button,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .button,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .v-button,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .shopline-element-buy-now,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-button-1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-button-2 {
  font-family: var(--button-font);
  font-weight: 500;
  letter-spacing: 0;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .shopline-element-buy-now {
  font-size: var(--text-button-1-font-size);
  line-height: var(--text-button-1-line-height);
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-price-1,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .font-price-2 { letter-spacing: -0.015em; }
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .header-section .header-nav__menu-item > a {
  font-family: var(--body-font);
  font-size: var(--navigation-font-size);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) input.field__input,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) textarea.field__input,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer input[type="email"] {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .footer-menu-link,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .subscribe_desc,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .subscribe_agreement,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .subscribe_agreement p,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .subscribe_agreement a,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .footer__copyright,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .footer__copyright small,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .footer-textarea-content,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .footer-textarea-content p,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .footer-bottom-top,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .footer-bottom-top a,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .dropdown-menu__label,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .dropdown-menu__list {
  font-family: var(--body-font);
  font-size: var(--footer-body-font-size);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-menu-item-heading,
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .subscribe_heading {
  font-size: var(--footer-heading-font-size);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
}
:where(main:has([id*="template--product--ainote2__"]), main:has([id*="template--product--ainote2-new__"])) .footer .footer-box .field__label {
  font-weight: 400;
}