:root {
  --vtx-theme-accent: var(--orange, #ff4f00);
  --vtx-theme-accent-2: #ff8a2c;
  --vtx-theme-accent-rgb: 255, 79, 0;
  --vtx-theme-button-text: #fff;
  --vtx-theme-panel: rgba(5, 5, 5, .78);
  --vtx-theme-line: rgba(255, 255, 255, .12);
  --vtx-theme-art: none;
  --vtx-theme-name: "VORTIXLA";
  --vtx-theme-hero-message: "VORTIXLA";
  --vtx-theme-ad-title: "VORTIXLA";
  --vtx-theme-ad-kicker: "Seasonal shop event";
  --vtx-theme-ad-color: var(--vtx-theme-accent);
  --vtx-theme-ad-tag-color: #fff4c9;
  --vtx-theme-ad-shadow: #4b2100;
  --vtx-theme-ad-angle: -6deg;
  --vtx-theme-ad-title-size: clamp(48px, 6.2vw, 98px);
  --vtx-theme-ad-safe-right: clamp(40px, 6.5vw, 128px);
  --vtx-theme-ad-title-max: min(560px, calc(100% - 110px));
  --vtx-theme-ad-kicker-max: min(500px, calc(100% - 120px));
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) {
  --orange: var(--vtx-theme-accent);
  --footer-orange: var(--vtx-theme-accent);
  --catalog-orange: var(--vtx-theme-accent);
}

body[data-vtx-theme="new-year"] {
  --vtx-theme-name: "New Year";
  --vtx-theme-hero-message: "Happy New Year from VORTIXLA\A New year sale for a sharper shop";
  --vtx-theme-ad-title: "Happy New Year from VORTIXLA";
  --vtx-theme-ad-kicker: "New year sale for a sharper shop";
  --vtx-theme-ad-color: #76c8ff;
  --vtx-theme-ad-tag-color: #fff0b5;
  --vtx-theme-ad-shadow: #05243f;
  --vtx-theme-ad-angle: -5deg;
  --vtx-theme-accent: #d6a84b;
  --vtx-theme-accent-2: #48a7ff;
  --vtx-theme-accent-rgb: 214, 168, 75;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-new-year.webp");
}

body[data-vtx-theme="valentine"] {
  --vtx-theme-name: "Valentine";
  --vtx-theme-hero-message: "Valentine's Day from VORTIXLA\A Seasonal sale on shop-ready gear";
  --vtx-theme-ad-title: "Valentine's Day from VORTIXLA";
  --vtx-theme-ad-kicker: "Seasonal sale on shop-ready gear";
  --vtx-theme-ad-color: #ff7a91;
  --vtx-theme-ad-tag-color: #ffe4e8;
  --vtx-theme-ad-shadow: #5c0617;
  --vtx-theme-ad-angle: -6deg;
  --vtx-theme-ad-title-size: clamp(44px, 5.4vw, 86px);
  --vtx-theme-accent: #e12d43;
  --vtx-theme-accent-2: #ff7a91;
  --vtx-theme-accent-rgb: 225, 45, 67;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-valentine.webp");
}

body[data-vtx-theme="easter"] {
  --vtx-theme-name: "Easter";
  --vtx-theme-hero-message: "Happy Easter from VORTIXLA\A Spring sale on shop-ready gear";
  --vtx-theme-ad-title: "Happy Easter from VORTIXLA";
  --vtx-theme-ad-kicker: "Spring sale on shop-ready gear";
  --vtx-theme-ad-color: #ffd36e;
  --vtx-theme-ad-tag-color: #effff7;
  --vtx-theme-ad-shadow: #145a40;
  --vtx-theme-ad-angle: -5deg;
  --vtx-theme-accent: #8eddb5;
  --vtx-theme-accent-2: #ffd36e;
  --vtx-theme-accent-rgb: 142, 221, 181;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-easter.webp");
}

body[data-vtx-theme="fourth"] {
  --vtx-theme-name: "Fourth of July";
  --vtx-theme-hero-message: "Happy Fourth from VORTIXLA\A Independence Day sale event";
  --vtx-theme-ad-title: "Happy Fourth from VORTIXLA";
  --vtx-theme-ad-kicker: "Independence Day sale event";
  --vtx-theme-ad-color: #f5f8ff;
  --vtx-theme-ad-tag-color: #ffcfda;
  --vtx-theme-ad-shadow: #082a72;
  --vtx-theme-ad-angle: -7deg;
  --vtx-theme-accent: #ff333f;
  --vtx-theme-accent-2: #2f7dff;
  --vtx-theme-accent-rgb: 255, 51, 63;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-fourth.webp");
}

body[data-vtx-theme="memorial"] {
  --vtx-theme-name: "Memorial Day";
  --vtx-theme-hero-message: "Memorial Day from VORTIXLA\A Sale event, built with respect";
  --vtx-theme-ad-title: "Memorial Day from VORTIXLA";
  --vtx-theme-ad-kicker: "Sale event, built with respect";
  --vtx-theme-ad-color: #f4f7ff;
  --vtx-theme-ad-tag-color: #ff4a55;
  --vtx-theme-ad-shadow: #0b2b67;
  --vtx-theme-ad-angle: -5deg;
  --vtx-theme-ad-title-size: clamp(44px, 5.4vw, 86px);
  --vtx-theme-accent: #f4f7ff;
  --vtx-theme-accent-2: #2f7dff;
  --vtx-theme-accent-rgb: 244, 247, 255;
  --vtx-theme-button-text: #070707;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-memorial.webp");
}

body[data-vtx-theme="labor"] {
  --vtx-theme-name: "Labor Day";
  --vtx-theme-hero-message: "Labor Day from VORTIXLA\A Work-ready sale event";
  --vtx-theme-ad-title: "Labor Day from VORTIXLA";
  --vtx-theme-ad-kicker: "Work-ready sale event";
  --vtx-theme-ad-color: #77b9ff;
  --vtx-theme-ad-tag-color: #f7fbff;
  --vtx-theme-ad-shadow: #061c4f;
  --vtx-theme-ad-angle: -4deg;
  --vtx-theme-accent: #2f7dff;
  --vtx-theme-accent-2: #ff333f;
  --vtx-theme-accent-rgb: 47, 125, 255;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-labor.webp");
}

body[data-vtx-theme="veterans"] {
  --vtx-theme-name: "Veterans Day";
  --vtx-theme-hero-message: "Veterans Day from VORTIXLA\A Seasonal sale with respect";
  --vtx-theme-ad-title: "Veterans Day from VORTIXLA";
  --vtx-theme-ad-kicker: "Seasonal sale with respect";
  --vtx-theme-ad-color: #f1f6ff;
  --vtx-theme-ad-tag-color: #ffcfda;
  --vtx-theme-ad-shadow: #081d58;
  --vtx-theme-ad-angle: -4deg;
  --vtx-theme-ad-title-size: clamp(42px, 5.2vw, 82px);
  --vtx-theme-accent: #e8eefc;
  --vtx-theme-accent-2: #c7192b;
  --vtx-theme-accent-rgb: 232, 238, 252;
  --vtx-theme-button-text: #070707;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-veterans.webp");
}

body[data-vtx-theme="halloween"] {
  --vtx-theme-name: "Halloween";
  --vtx-theme-hero-message: "Happy Halloween from VORTIXLA\A Halloween sale. No clutter.";
  --vtx-theme-ad-title: "Happy Halloween from VORTIXLA";
  --vtx-theme-ad-kicker: "Halloween sale. No clutter.";
  --vtx-theme-ad-color: #ff8a22;
  --vtx-theme-ad-tag-color: #dfc3ff;
  --vtx-theme-ad-shadow: #301053;
  --vtx-theme-ad-angle: -7deg;
  --vtx-theme-accent: #ff7a18;
  --vtx-theme-accent-2: #8d4cff;
  --vtx-theme-accent-rgb: 255, 122, 24;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-halloween.webp");
}

body[data-vtx-theme="thanksgiving"] {
  --vtx-theme-name: "Thanksgiving";
  --vtx-theme-hero-message: "Happy Thanksgiving from VORTIXLA\A Thanksgiving sale for hard-working shops";
  --vtx-theme-ad-title: "Happy Thanksgiving from VORTIXLA";
  --vtx-theme-ad-kicker: "Thanksgiving sale for hard-working shops";
  --vtx-theme-ad-color: #f0b064;
  --vtx-theme-ad-tag-color: #fff0d0;
  --vtx-theme-ad-shadow: #53220d;
  --vtx-theme-ad-angle: -5deg;
  --vtx-theme-ad-title-size: clamp(42px, 5.1vw, 82px);
  --vtx-theme-accent: #c97932;
  --vtx-theme-accent-2: #a73442;
  --vtx-theme-accent-rgb: 201, 121, 50;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-thanksgiving.webp");
}

body[data-vtx-theme="black-friday"] {
  --vtx-theme-name: "Black Friday: One Day Only!";
  --vtx-theme-hero-message: "Black Friday Sale\A Biggest sale of the year. One day only.";
  --vtx-theme-ad-title: "Black Friday Sale";
  --vtx-theme-ad-kicker: "Biggest sale of the year. One day only.";
  --vtx-theme-ad-color: #f6c65b;
  --vtx-theme-ad-tag-color: #fff4c9;
  --vtx-theme-ad-shadow: #5d3206;
  --vtx-theme-ad-angle: -7deg;
  --vtx-theme-ad-title-size: clamp(52px, 6.5vw, 104px);
  --vtx-theme-ad-safe-right: clamp(54px, 6.4vw, 128px);
  --vtx-theme-ad-title-max: min(620px, calc(100% - 110px));
  --vtx-theme-ad-kicker-max: min(520px, calc(100% - 118px));
  --vtx-theme-accent: #f4f2ef;
  --vtx-theme-accent-2: #ff4f00;
  --vtx-theme-accent-rgb: 244, 242, 239;
  --vtx-theme-button-text: #070707;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-black-friday.webp");
}

body[data-vtx-theme="holidays"] {
  --vtx-theme-name: "Holidays";
  --vtx-theme-hero-message: "Happy Holidays from VORTIXLA\A Holiday sale for hard-working shops";
  --vtx-theme-ad-title: "Happy Holidays from VORTIXLA";
  --vtx-theme-ad-kicker: "Holiday sale for hard-working shops";
  --vtx-theme-ad-color: #f8df9c;
  --vtx-theme-ad-tag-color: #b9f3cf;
  --vtx-theme-ad-shadow: #48080e;
  --vtx-theme-ad-angle: -6deg;
  --vtx-theme-ad-title-size: clamp(44px, 5.4vw, 86px);
  --vtx-theme-accent: #d8202f;
  --vtx-theme-accent-2: #2ca66a;
  --vtx-theme-accent-rgb: 216, 32, 47;
  --vtx-theme-art: url("assets/site-themes/vtx-theme-holidays.webp");
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-header {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(5, 5, 5, .70);
  background-image: none;
  box-shadow:
    0 12px 36px rgba(0, 0, 0, .25),
    inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-logo {
  isolation: isolate;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-logo img,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-footer-brand > img {
  filter: none !important;
  mix-blend-mode: normal;
  opacity: 1;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-head-cta,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-btn-orange,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .btn-orange,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-form-submit,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .print-request-form .print-request-submit {
  border-color: var(--vtx-theme-accent);
  background: var(--vtx-theme-accent);
  background-image: none;
  color: var(--vtx-theme-button-text);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .18);
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-head-cta:hover,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-btn-orange:hover,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .btn-orange:hover,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-form-submit:hover,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .print-request-form .print-request-submit:hover {
  background: var(--vtx-theme-accent);
  background-image: none;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, .40),
    inset 0 1px 0 rgba(255, 255, 255, .22);
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-hero {
  overflow: hidden;
  border-color: rgba(var(--vtx-theme-accent-rgb), .38);
  background-color: #050505;
  background-image:
    linear-gradient(90deg, rgba(5, 5, 5, .96) 0%, rgba(5, 5, 5, .88) 33%, rgba(5, 5, 5, .46) 63%, rgba(5, 5, 5, .22) 100%),
    var(--vtx-theme-art);
  background-position: center center;
  background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(var(--vtx-theme-accent-rgb), .15);
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero {
  border-color: rgba(246, 198, 91, .58);
  background-image:
    linear-gradient(90deg, rgba(5, 5, 5, .98) 0%, rgba(5, 5, 5, .90) 31%, rgba(5, 5, 5, .48) 61%, rgba(5, 5, 5, .12) 100%),
    var(--vtx-theme-art);
  box-shadow:
    inset 0 0 0 1px rgba(246, 198, 91, .22),
    0 0 0 1px rgba(246, 198, 91, .18),
    0 26px 70px rgba(0, 0, 0, .54);
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero .mk-label {
  color: #f6c65b;
  text-shadow: 0 0 18px rgba(246, 198, 91, .20);
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero-inner::before,
body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero-inner::after {
  content: "";
  position: absolute;
  z-index: 2;
  pointer-events: none;
  transform: rotate(-7deg);
  transform-origin: center;
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero-inner::before {
  content: "NOV\A 27";
  right: calc(var(--vtx-theme-ad-safe-right) + clamp(64px, 5.8vw, 112px));
  bottom: clamp(28px, 3.4vw, 58px);
  z-index: 5;
  width: clamp(72px, 5.6vw, 98px);
  height: clamp(82px, 6.2vw, 112px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 22px 8px 10px;
  border-radius: 12px 12px 8px 8px;
  background: #fff4c9;
  clip-path: none;
  color: #070707;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: clamp(24px, 2vw, 34px);
  font-weight: 1000;
  letter-spacing: .04em;
  line-height: .78;
  text-align: center;
  text-transform: uppercase;
  white-space: pre-line;
  transform: rotate(4deg);
  opacity: 1;
  box-shadow:
    0 16px 30px rgba(0, 0, 0, .42),
    inset 0 8px 0 #f6c65b;
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero-inner::after {
  content: "ONE DAY ONLY";
  right: calc(var(--vtx-theme-ad-safe-right) + clamp(74px, 8vw, 132px));
  bottom: clamp(124px, 9.7vw, 162px);
  width: clamp(220px, 17vw, 320px);
  min-height: clamp(28px, 2.4vw, 42px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 18px;
  border: 1px solid rgba(246, 198, 91, .86);
  background: rgba(5, 5, 5, .74);
  clip-path: none;
  color: #fff4c9;
  font-size: clamp(14px, 1.08vw, 20px);
  font-weight: 1000;
  letter-spacing: .18em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .76);
  transform: rotate(-4deg);
  opacity: 1;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .34);
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero-copy {
  position: relative;
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero-copy::after {
  content: "BIGGEST SALE OF THE YEAR";
  width: fit-content;
  max-width: min(100%, 430px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  padding: 12px 22px 11px 28px;
  border: 0;
  background: rgba(5, 5, 5, .76);
  color: #fff4c9;
  font-size: clamp(13px, .96vw, 18px);
  font-weight: 1000;
  letter-spacing: .12em;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
  clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 50%, calc(100% - 28px) 100%, 0 100%, 18px 50%);
  text-shadow:
    0 2px 0 rgba(0, 0, 0, .68),
    0 0 16px rgba(0, 0, 0, .74);
  box-shadow:
    0 18px 36px rgba(0, 0, 0, .32),
    0 0 34px rgba(246, 198, 91, .14),
    inset 0 1px 0 rgba(255, 255, 255, .20);
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-hero::after {
  content: var(--vtx-theme-ad-title);
  position: absolute;
  right: var(--vtx-theme-ad-safe-right);
  bottom: clamp(104px, 9.6vw, 164px);
  z-index: 3;
  box-sizing: border-box;
  max-width: var(--vtx-theme-ad-title-max);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--vtx-theme-ad-color);
  font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive;
  font-size: var(--vtx-theme-ad-title-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: .9;
  text-align: center;
  text-transform: none;
  white-space: normal;
  text-shadow:
    0 3px 0 var(--vtx-theme-ad-shadow),
    0 7px 18px rgba(0, 0, 0, .88),
    0 0 22px rgba(var(--vtx-theme-accent-rgb), .24);
  transform: rotate(var(--vtx-theme-ad-angle));
  transform-origin: center;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-hero::before {
  content: var(--vtx-theme-ad-kicker);
  position: absolute;
  right: calc(var(--vtx-theme-ad-safe-right) + 12px);
  bottom: clamp(52px, 5vw, 86px);
  z-index: 3;
  box-sizing: border-box;
  max-width: var(--vtx-theme-ad-kicker-max);
  padding: 8px 16px 7px;
  border: 1px solid rgba(var(--vtx-theme-accent-rgb), .62);
  background: rgba(5, 5, 5, .72);
  color: var(--vtx-theme-ad-tag-color);
  font-size: clamp(13px, 1.2vw, 20px);
  font-weight: 1000;
  letter-spacing: .16em;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(var(--vtx-theme-ad-angle));
  transform-origin: center;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .16);
  pointer-events: none;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) main > section:first-child:not(.mk-hero)::after {
  content: var(--vtx-theme-ad-title) "\A" var(--vtx-theme-ad-kicker);
  position: absolute;
  right: clamp(18px, 5vw, 72px);
  bottom: clamp(18px, 3vw, 38px);
  z-index: 3;
  max-width: min(560px, calc(100% - 36px));
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--vtx-theme-ad-color);
  font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive;
  font-size: clamp(34px, 4.8vw, 76px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: .92;
  text-align: center;
  text-transform: none;
  white-space: pre-line;
  text-shadow:
    0 3px 0 var(--vtx-theme-ad-shadow),
    0 7px 18px rgba(0, 0, 0, .88),
    0 0 22px rgba(var(--vtx-theme-accent-rgb), .24);
  transform: rotate(var(--vtx-theme-ad-angle));
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero::after {
  content: "BLACK\A FRIDAY";
  right: calc(var(--vtx-theme-ad-safe-right) - clamp(10px, 2vw, 28px));
  bottom: clamp(148px, 11.7vw, 196px);
  width: clamp(330px, 26vw, 470px);
  min-height: clamp(190px, 15vw, 262px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: clamp(24px, 2.4vw, 36px) clamp(22px, 2.2vw, 34px);
  border: 2px solid rgba(246, 198, 91, .82);
  background:
    radial-gradient(circle, rgba(246, 198, 91, .34) 0 1.45px, transparent 2.15px) 0 0 / 17px 17px,
    linear-gradient(90deg, rgba(246, 198, 91, .08), rgba(5, 5, 5, .14) 48%, rgba(246, 198, 91, .06)),
    rgba(5, 5, 5, .64);
  color: #f6c65b;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(68px, 5.9vw, 110px);
  font-weight: 400;
  letter-spacing: .055em;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  white-space: pre-line;
  text-shadow:
    0 2px 0 #5d3206,
    0 8px 14px rgba(0, 0, 0, .78);
  transform: rotate(-4deg);
  transform-origin: center;
  box-shadow:
    0 24px 50px rgba(0, 0, 0, .46),
    inset 0 0 0 1px rgba(255, 244, 201, .22);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero::before {
  content: "UP TO\A 50%\A OFF";
  position: absolute;
  right: calc(var(--vtx-theme-ad-safe-right) + clamp(162px, 13.2vw, 246px));
  bottom: clamp(28px, 3.4vw, 58px);
  z-index: 4;
  width: clamp(112px, 8.8vw, 158px);
  height: clamp(104px, 8.1vw, 140px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 18px 12px 12px;
  border: 0;
  border-radius: 14px 14px 10px 10px;
  background: #f6c65b;
  color: #070707;
  font-family: "Barlow Condensed", Impact, sans-serif;
  font-size: clamp(22px, 1.85vw, 34px);
  font-weight: 1000;
  letter-spacing: .02em;
  line-height: .9;
  text-align: center;
  text-transform: uppercase;
  white-space: pre-line;
  clip-path: none;
  transform: rotate(-3deg);
  transform-origin: center;
  box-shadow:
    0 16px 32px rgba(0, 0, 0, .46),
    inset 0 2px 0 rgba(255, 244, 201, .58);
  pointer-events: none;
}

body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) main > section:first-child:not(.mk-hero)::after {
  content: "Black Friday Sale\A ONE DAY ONLY";
  right: clamp(18px, 5vw, 72px);
  bottom: clamp(18px, 3vw, 38px);
  padding: 0;
  border: 0;
  background: transparent;
  color: #f6c65b;
  font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive;
  font-size: clamp(36px, 5vw, 80px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: .92;
  text-align: center;
  text-transform: none;
  text-shadow:
    0 3px 0 #5d3206,
    0 7px 18px rgba(0, 0, 0, .88),
    0 0 22px rgba(255, 198, 91, .30);
  transform: rotate(-7deg);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) main > section:first-child:not(.mk-hero)::after,
body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) main > section:first-child:not(.mk-hero)::after {
  content: none;
  display: none;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-battery-badge {
  display: none;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) main > section:first-child:not(.mk-hero) {
  position: relative;
  overflow: hidden;
  border-color: rgba(var(--vtx-theme-accent-rgb), .38);
  box-shadow: inset 0 0 0 1px rgba(var(--vtx-theme-accent-rgb), .12);
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) main > section:first-child:not(.mk-hero)::before {
  content: none;
  display: none;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) main > section:first-child:not(.mk-hero) > * {
  position: relative;
  z-index: 1;
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-product-image,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .vtx-product-card-image,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-about-hero-image,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-review-hero-image,
body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-faq-hero-image {
  box-shadow:
    0 20px 54px rgba(0, 0, 0, .44),
    0 0 28px rgba(var(--vtx-theme-accent-rgb), .12);
}

body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-footer {
  border-top-color: rgba(var(--vtx-theme-accent-rgb), .36);
}

.mk-head-cta,
.mk-btn,
.btn,
.btn-orange,
.button,
.button-secondary,
.premium-button,
.mk-form-submit,
.mk-email button,
.sp-filter-row button,
.print-request-form .print-request-submit,
button[type="submit"] {
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  filter: none !important;
}

.mk-head-cta span,
.mk-btn span,
.btn span,
.button span,
.button-secondary span,
.premium-button span,
.mk-form-submit span,
.mk-email button span,
.print-request-form .print-request-submit span,
button[type="submit"] span {
  font-weight: inherit !important;
  text-shadow: none !important;
}

.mk-head-cta:hover,
.mk-btn:hover,
.btn:hover,
.btn-orange:hover,
.button:hover,
.button-secondary:hover,
.premium-button:hover,
.mk-form-submit:hover,
.mk-email button:hover,
.sp-filter-row button:hover,
.sp-filter-row button.active,
.print-request-form .print-request-submit:hover,
button[type="submit"]:hover {
  filter: none !important;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

@media (max-width: 640px) {
  body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-hero {
    background-image:
      linear-gradient(180deg, rgba(5, 5, 5, .20) 0%, rgba(5, 5, 5, .68) 315px, rgba(5, 5, 5, .96) 470px),
      var(--vtx-theme-art);
    background-position: center top;
    background-size: auto 360px;
  }

  body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-hero::after {
    left: 18px;
    right: auto;
    bottom: 76px;
    max-width: calc(100% - 36px);
    font-size: clamp(38px, 15vw, 68px);
    text-align: left;
  }

  body[data-vtx-theme]:not([data-vtx-theme="default"]) .mk-hero::before {
    left: 24px;
    right: auto;
    bottom: 34px;
    max-width: calc(100% - 48px);
    font-size: 12px;
    letter-spacing: .12em;
    text-align: left;
  }

  body[data-vtx-theme]:not([data-vtx-theme="default"]) main > section:first-child:not(.mk-hero)::after {
    left: 18px;
    right: auto;
    bottom: 20px;
    max-width: calc(100% - 36px);
    font-size: clamp(34px, 13vw, 60px);
    text-align: left;
  }

  body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero::after {
    left: 26px;
    right: auto;
    top: 38px;
    bottom: auto;
    width: min(260px, calc(100% - 52px));
    min-height: 174px;
    padding: 18px 16px 24px;
    font-size: clamp(48px, 14vw, 60px);
    line-height: 1.05;
    text-align: center;
    white-space: pre-line;
    transform: rotate(-4deg);
  }

  body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero::before {
    left: 42px;
    right: auto;
    top: 236px;
    bottom: auto;
    width: 96px;
    height: 88px;
    padding: 14px 8px 9px;
    font-size: 22px;
    line-height: .9;
    letter-spacing: .02em;
    transform: rotate(-5deg);
  }

  body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero-inner::before {
    left: 164px;
    right: auto;
    top: 236px;
    bottom: auto;
    width: 66px;
    height: 76px;
    padding: 16px 6px 8px;
    font-size: 23px;
    transform: rotate(4deg);
  }

  body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero-inner::after {
    left: 54px;
    right: auto;
    top: 198px;
    bottom: auto;
    width: 214px;
    min-height: 28px;
    padding: 0 12px;
    font-size: 11px;
    letter-spacing: .14em;
    transform: rotate(-4deg);
  }

  body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) .mk-hero-copy::after {
    width: fit-content;
    max-width: 100%;
    margin-top: 22px;
    padding: 10px 18px 9px 22px;
    font-size: 11px;
    letter-spacing: .10em;
  }

  body[data-vtx-theme="black-friday"]:not([data-vtx-theme="default"]) main > section:first-child:not(.mk-hero)::after {
    left: 18px;
    right: auto;
    bottom: 20px;
    max-width: calc(100% - 36px);
    font-size: clamp(34px, 13vw, 60px);
    text-align: left;
  }
}