:root {
  --gutter: 40px;
  --pageMarginTotal: 40px;
  --negPageMargin: calc(var(--pageMarginTotal) * -1);
  --fullBleedWidth: calc(100% + (var(--pageMarginTotal) * 2));
  --innerWidth: calc(100% - (var(--pageMarginTotal) * 2));
  --pageMargin: calc(var(--pageMarginTotal)  - (var(--gutter) / 2));
  --easingOut: cubic-bezier(.16, 1, .3, 1);
  --easing: cubic-bezier(.83, 0, .17, 1);
  --headerHeight: 50px;
  --dark: #101010;
  --dark-border: #2c2c2c;
  --grey: #dadada;
  --light-grey: #f6f6f6;
  --light-grey-2: #f4f4f4;
  --darker-grey: #686868;
  --dark-grey: #aaa;
  --very-dark-grey: #4e4e4e;
  --yellow: #fbc815;
  --white: #fff;
}

@media (max-width: 1650px) {
  :root {
    --gutter: 30px;
  }
}

@media (max-width: 768px) {
  :root {
    --gutter: 20px;
    --pageMarginTotal: 20px;
  }
}

*, :before, :after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
}

html, body {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
}

a:not([class]) {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
}

img, picture, video, canvas, svg {
  max-width: 100%;
  height: auto;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.icon {
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
}

.icon-supply-family-logo {
  width: .928711em;
}

.icon-cart {
  width: 1.31543em;
}

.icon-menu {
  width: 1.1875em;
}

.icon-font-size {
  width: 1.66699em;
}

.icon-letter-space {
  width: 1.85742em;
}

.icon-licence-desktop {
  width: 1.2002em;
}

.icon-licence-web {
  width: 1.05859em;
}

.icon-licence-app {
  width: .599609em;
}

.icon-licence-advertising {
  width: 1.25em;
}

.icon-dropdown-arrow {
  width: 1.75em;
}

.icon-creators {
  width: 1.1953125em;
}

.icon-stripe {
  width: 1.2939453125em;
}

.icon-ppcp-gateway {
  width: 0.86328125em;
}

.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}

.text-r {
  text-align: right;
}

.columns {
  padding: 0 var(--pageMarginTotal);
  column-gap: var(--gutter);
  --columns: 8;
  max-width: calc(2100px + var(--pageMarginTotal) * 2);
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media (max-width: 768px) {
  .columns {
    --columns: 4;
  }
}

.columns .columns {
  padding: 0;
}

@media (max-width: 768px) {
  .columns.mobile-reverse {
    flex-direction: column-reverse;
  }
}

.columns.no-gutter {
  --gutter: 0;
}

.columns.space-between {
  justify-content: space-between;
}

.inner {
  max-width: calc(2100px + var(--pageMarginTotal) * 2);
  padding: 0 var(--pageMarginTotal);
  width: 100%;
  margin: 0 auto;
}

.full-bleed {
  --pageMarginTotal: 0;
}

.col {
  flex: 1;
}

@media (max-width: 768px) {
  .col {
    flex: none;
    width: 100%;
  }
}

.col[class^="col-"], .col[class*=" col-"] {
  width: calc((100% - var(--gutter) * (var(--columns) / var(--span)  - 1)) / (var(--columns) / var(--span)));
  flex: none;
}

.col[class^="offset-"], .col[class*=" offset-"] {
  margin-left: calc((100% - var(--gutter) * (var(--columns) / var(--offset)  - 1)) / (var(--columns) / var(--offset))  + var(--gutter));
}

.col[class^="offset-s-"], .col[class*=" offset-s-"] {
  margin-left: calc((100% - var(--gutter) * (var(--columns) / var(--offset)  - 1)) / (var(--columns) / var(--offset))  + var(--gutter)) !important;
}

.col-1 {
  --span: 1;
}

.col-2 {
  --span: 2;
}

.col-3 {
  --span: 3;
}

.col-4 {
  --span: 4;
}

.col-5 {
  --span: 5;
}

.col-6 {
  --span: 6;
}

.col-7 {
  --span: 7;
}

.col-8 {
  --span: 8;
}

.col-9 {
  --span: 9;
}

.col-10 {
  --span: 10;
}

.col-11 {
  --span: 11;
}

.col-12 {
  --span: 12;
}

.col-13 {
  --span: 13;
}

.col-14 {
  --span: 14;
}

.col-15 {
  --span: 15;
}

.col-16 {
  --span: 16;
}

.col-17 {
  --span: 17;
}

.col-18 {
  --span: 18;
}

.col-19 {
  --span: 19;
}

.col-20 {
  --span: 20;
}

.col-21 {
  --span: 21;
}

.col-22 {
  --span: 22;
}

.col-23 {
  --span: 23;
}

.col-24 {
  --span: 24;
}

.offset-1 {
  --offset: 1;
}

.offset-2 {
  --offset: 2;
}

.offset-3 {
  --offset: 3;
}

.offset-4 {
  --offset: 4;
}

.offset-5 {
  --offset: 5;
}

.offset-6 {
  --offset: 6;
}

.offset-7 {
  --offset: 7;
}

.offset-8 {
  --offset: 8;
}

.offset-9 {
  --offset: 9;
}

.offset-10 {
  --offset: 10;
}

.offset-11 {
  --offset: 11;
}

.offset-12 {
  --offset: 12;
}

.offset-13 {
  --offset: 13;
}

.offset-14 {
  --offset: 14;
}

.offset-15 {
  --offset: 15;
}

.offset-16 {
  --offset: 16;
}

.offset-17 {
  --offset: 17;
}

.offset-18 {
  --offset: 18;
}

.offset-19 {
  --offset: 19;
}

.offset-20 {
  --offset: 20;
}

.offset-21 {
  --offset: 21;
}

.offset-22 {
  --offset: 22;
}

.offset-23 {
  --offset: 23;
}

@media (max-width: 1200px) {
  .col-l-1 {
    --span: 1;
  }

  .col-l-2 {
    --span: 2;
  }

  .col-l-3 {
    --span: 3;
  }

  .col-l-4 {
    --span: 4;
  }

  .col-l-5 {
    --span: 5;
  }

  .col-l-6 {
    --span: 6;
  }

  .col-l-7 {
    --span: 7;
  }

  .col-l-8 {
    --span: 8;
  }

  .col-l-9 {
    --span: 9;
  }

  .col-l-10 {
    --span: 10;
  }

  .col-l-11 {
    --span: 11;
  }

  .col-l-12 {
    --span: 12;
  }

  .col-l-13 {
    --span: 13;
  }

  .col-l-14 {
    --span: 14;
  }

  .col-l-15 {
    --span: 15;
  }

  .col-l-16 {
    --span: 16;
  }

  .col-l-17 {
    --span: 17;
  }

  .col-l-18 {
    --span: 18;
  }

  .col-l-19 {
    --span: 19;
  }

  .col-l-20 {
    --span: 20;
  }

  .col-l-21 {
    --span: 21;
  }

  .col-l-22 {
    --span: 22;
  }

  .col-l-23 {
    --span: 23;
  }

  .col-l-24 {
    --span: 24;
  }

  .offset-l-0 {
    margin-left: 0 !important;
  }

  .offset-l-1 {
    --offset: 1;
  }

  .offset-l-2 {
    --offset: 2;
  }

  .offset-l-3 {
    --offset: 3;
  }

  .offset-l-4 {
    --offset: 4;
  }

  .offset-l-5 {
    --offset: 5;
  }

  .offset-l-6 {
    --offset: 6;
  }

  .offset-l-7 {
    --offset: 7;
  }

  .offset-l-8 {
    --offset: 8;
  }

  .offset-l-9 {
    --offset: 9;
  }

  .offset-l-10 {
    --offset: 10;
  }

  .offset-l-11 {
    --offset: 11;
  }

  .offset-l-12 {
    --offset: 12;
  }

  .offset-l-13 {
    --offset: 13;
  }

  .offset-l-14 {
    --offset: 14;
  }

  .offset-l-15 {
    --offset: 15;
  }

  .offset-l-16 {
    --offset: 16;
  }

  .offset-l-17 {
    --offset: 17;
  }

  .offset-l-18 {
    --offset: 18;
  }

  .offset-l-19 {
    --offset: 19;
  }

  .offset-l-20 {
    --offset: 20;
  }

  .offset-l-21 {
    --offset: 21;
  }

  .offset-l-22 {
    --offset: 22;
  }

  .offset-l-23 {
    --offset: 23;
  }
}

@media (max-width: 950px) {
  .col-m-1 {
    --span: 1;
  }

  .col-m-2 {
    --span: 2;
  }

  .col-m-3 {
    --span: 3;
  }

  .col-m-4 {
    --span: 4;
  }

  .col-m-5 {
    --span: 5;
  }

  .col-m-6 {
    --span: 6;
  }

  .col-m-7 {
    --span: 7;
  }

  .col-m-8 {
    --span: 8;
  }

  .col-m-9 {
    --span: 9;
  }

  .col-m-10 {
    --span: 10;
  }

  .col-m-11 {
    --span: 11;
  }

  .col-m-12 {
    --span: 12;
  }

  .col-m-13 {
    --span: 13;
  }

  .col-m-14 {
    --span: 14;
  }

  .col-m-15 {
    --span: 15;
  }

  .col-m-16 {
    --span: 16;
  }

  .col-m-17 {
    --span: 17;
  }

  .col-m-18 {
    --span: 18;
  }

  .col-m-19 {
    --span: 19;
  }

  .col-m-20 {
    --span: 20;
  }

  .col-m-21 {
    --span: 21;
  }

  .col-m-22 {
    --span: 22;
  }

  .col-m-23 {
    --span: 23;
  }

  .col-m-24 {
    --span: 24;
  }

  .offset-m-0 {
    margin-left: 0 !important;
  }

  .offset-m-1 {
    --offset: 1;
  }

  .offset-m-2 {
    --offset: 2;
  }

  .offset-m-3 {
    --offset: 3;
  }

  .offset-m-4 {
    --offset: 4;
  }

  .offset-m-5 {
    --offset: 5;
  }

  .offset-m-6 {
    --offset: 6;
  }

  .offset-m-7 {
    --offset: 7;
  }

  .offset-m-8 {
    --offset: 8;
  }

  .offset-m-9 {
    --offset: 9;
  }

  .offset-m-10 {
    --offset: 10;
  }

  .offset-m-11 {
    --offset: 11;
  }

  .offset-m-12 {
    --offset: 12;
  }

  .offset-m-13 {
    --offset: 13;
  }

  .offset-m-14 {
    --offset: 14;
  }

  .offset-m-15 {
    --offset: 15;
  }

  .offset-m-16 {
    --offset: 16;
  }

  .offset-m-17 {
    --offset: 17;
  }

  .offset-m-18 {
    --offset: 18;
  }

  .offset-m-19 {
    --offset: 19;
  }

  .offset-m-20 {
    --offset: 20;
  }

  .offset-m-21 {
    --offset: 21;
  }

  .offset-m-22 {
    --offset: 22;
  }

  .offset-m-23 {
    --offset: 23;
  }
}

@media (max-width: 768px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24, .col-l-1, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-l-10, .col-l-11, .col-l-12, .col-l-13, .col-l-14, .col-l-15, .col-l-16, .col-l-17, .col-l-18, .col-l-19, .col-l-20, .col-l-21, .col-l-22, .col-l-23, .col-l-24, .col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12, .col-m-13, .col-m-14, .col-m-15, .col-m-16, .col-m-17, .col-m-18, .col-m-19, .col-m-20, .col-m-21, .col-m-22, .col-m-23, .col-m-24 {
    --span: 4;
  }

  .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-12, .offset-13, .offset-14, .offset-15, .offset-16, .offset-17, .offset-18, .offset-19, .offset-20, .offset-21, .offset-22, .offset-23 {
    --offset: 0;
    margin-left: 0 !important;
  }

  .col-s-1 {
    --span: 1;
  }

  .col-s-2 {
    --span: 2;
  }

  .col-s-3 {
    --span: 3;
  }

  .col-s-4 {
    --span: 4;
  }

  .col-s-5 {
    --span: 5;
  }

  .col-s-6 {
    --span: 6;
  }

  .col-s-7 {
    --span: 7;
  }

  .col-s-8 {
    --span: 8;
  }

  .col-s-9 {
    --span: 9;
  }

  .col-s-10 {
    --span: 10;
  }

  .col-s-11 {
    --span: 11;
  }

  .col-s-12 {
    --span: 12;
  }

  .col-s-13 {
    --span: 13;
  }

  .col-s-14 {
    --span: 14;
  }

  .col-s-15 {
    --span: 15;
  }

  .col-s-16 {
    --span: 16;
  }

  .col-s-17 {
    --span: 17;
  }

  .col-s-18 {
    --span: 18;
  }

  .col-s-19 {
    --span: 19;
  }

  .col-s-20 {
    --span: 20;
  }

  .col-s-21 {
    --span: 21;
  }

  .col-s-22 {
    --span: 22;
  }

  .col-s-23 {
    --span: 23;
  }

  .col-s-24 {
    --span: 24;
  }

  .offset-s-0 {
    margin-left: 0 !important;
  }

  .offset-s-1 {
    --offset: 1;
  }

  .offset-s-2 {
    --offset: 2;
  }

  .offset-s-3 {
    --offset: 3;
  }

  .offset-s-4 {
    --offset: 4;
  }

  .offset-s-5 {
    --offset: 5;
  }

  .offset-s-6 {
    --offset: 6;
  }

  .offset-s-7 {
    --offset: 7;
  }

  .offset-s-8 {
    --offset: 8;
  }

  .offset-s-9 {
    --offset: 9;
  }

  .offset-s-10 {
    --offset: 10;
  }

  .offset-s-11 {
    --offset: 11;
  }

  .offset-s-12 {
    --offset: 12;
  }

  .offset-s-13 {
    --offset: 13;
  }

  .offset-s-14 {
    --offset: 14;
  }

  .offset-s-15 {
    --offset: 15;
  }

  .offset-s-16 {
    --offset: 16;
  }

  .offset-s-17 {
    --offset: 17;
  }

  .offset-s-18 {
    --offset: 18;
  }

  .offset-s-19 {
    --offset: 19;
  }

  .offset-s-20 {
    --offset: 20;
  }

  .offset-s-21 {
    --offset: 21;
  }

  .offset-s-22 {
    --offset: 22;
  }

  .offset-s-23 {
    --offset: 23;
  }
}

.show-small {
  display: none;
}

@media (max-width: 768px) {
  .show-small {
    display: flex;
  }

  .hide-small {
    display: none;
  }

  .small-right {
    text-align: right;
  }
}

@font-face {
  font-family: untitledsans;
  src: url("untitled-sans-regular.4b68c7ab.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: untitledsans;
  src: url("untitled-sans-medium.b55ed38e.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

h1 {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.04em;
  font-size: 36px;
  font-weight: 500;
  line-height: 100%;
}

@media screen and (width >= 768px) {
  h1 {
    font-size: calc(1.8018vw + 22.1622px);
  }
}

@media screen and (width >= 2100px) {
  h1 {
    font-size: 60px;
  }
}

@media all and (max-width: 768px) {
  h1 {  
    line-height: 104%;
  }
}

h2 {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.04em;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
}

@media screen and (min-width: 768px) {
  h2 {
    font-size: calc(1.05105vw + 17.9279px);
  }
}

@media screen and (min-width: 2100px) {
  h2 {
    font-size: 40px;
  }
}

h2 a {
  align-items: center;
  column-gap: 14px;
  display: inline-flex;
}

h2 a .icon {
  font-size: .65em;
}

h3 {
  font-weight: 500;
  margin-bottom: 20px;
  letter-spacing: -1px;
}

h5 {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 500;
  line-height: 21px;
}

blockquote > p {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.03em;
  font-size: 26px;
  font-weight: 500;
  line-height: 133%;
}

blockquote cite {
  margin-top: 60px;
  font-style: normal;
  display: block;
}

blockquote cite .company {
  color: #646464;
}

.bg-dark {
  background-color: var(--dark);
}

.bg-grey {
  background-color: var(--grey);
}

.bg-dark-grey {
  background-color: var(--dark-grey);
}

.bg-light-grey {
  background-color: var(--light-grey);
}

.bg-very-dark-grey {
  background-color: var(--very-dark-grey);
}

.bg-white {
  background-color: var(--white);
}

.bg-yellow {
  background-color: var(--yellow);
}

.color-dark {
  color: var(--dark);
}

.color-grey {
  color: var(--grey);
}

.color-dark-grey {
  color: var(--dark-grey);
}

.color-darker-grey {
  color: var(--darker-grey);
}

.color-light-grey {
  color: var(--light-grey);
}

.color-very-dark-grey {
  color: var(--very-dark-grey);
}

.color-white {
  color: var(--white);
}

.color-yellow {
  color: var(--yellow);
}

.spacer-90 {
  height: 90px;
}

@media (max-width: 768px) {
  .spacer-90 {
    height: 40px;
  }
}

.grid-overlay {
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.grid-overlay.show {
  opacity: 1;
  visibility: visible;
}

.grid-overlay .column-overlay {
  opacity: .1;
  background: red;
  height: 100vh;
}

html {
  font-size: 17px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--dark);
  padding-top: var(--headerHeight);
  background-color: var(--dark);
  font-family: untitledsans, sans-serif;
}

body.woocommerce-checkout {
  padding-top: 0 !important;
}

p {
  font-size: 17px;
	line-height: 147%;
	leading-trim: both;
	text-edge: cap;
	letter-spacing: -0.02em;
}

body.no-scroll {
  overflow: hidden;
}

@media (max-width: 950px) {
  body.no-scroll-m {
    overflow: hidden;
  }
}

a {
  color: inherit;
  transition: all .4s var(--easingOut);
  text-decoration: none;
}

p a {
  text-decoration: underline;
}

header.site-header {
  z-index: 50;
  background-color: var(--dark);
  color: var(--white);
  height: var(--headerHeight);
  border-bottom: 1px solid var(--dark-border);
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

header.site-header .inner {
  column-gap: var(--gutter);
  grid-template-columns: auto 1fr;
  grid-template-areas: "logo nav";
  align-items: center;
  display: grid;
}

header.site-header .header-left {
  grid-template: logo;
  height: 28px;
}

header.site-header .header-right {
  grid-template: nav;
}

header.site-header .mobile-menu-link {
  justify-items: center;
  height: 18px;
  font-size: 18px;
  display: none;
}

header.site-header .mobile-menu-link .icon {
  will-change: opacity;
  grid-area: 1 / 1 / 2 / 2;
  transition: opacity .1s;
}

header.site-header .mobile-menu-link .icon-close {
  opacity: 0;
}

@media (max-width: 950px) {
  header.site-header .mobile-menu-link {
    display: grid;
  }
}

header.site-header .mobile-menu-link.open .icon-close {
  opacity: 1;
}

header.site-header .mobile-menu-link.open .icon-menu {
  opacity: 0;
}

header.site-header .header-logo {
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  display: inline-flex;
}

@media (hover: hover) {
  header.site-header .header-logo:hover {
    opacity: .5;
  }
}

header.site-header .columns {
  align-items: center;
}

header.site-header nav {
  justify-content: flex-end;
  align-items: center;
  column-gap: 80px;
  display: flex;
}

@media (max-width: 950px) {
  header.site-header nav {
    column-gap: 40px;
  }
}

@media (max-width: 768px) {
  header.site-header nav {
    column-gap: 24px;
  }
}

header.site-header nav > ul.menu {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  column-gap: 34px;
  display: flex;
}

@media (max-width: 950px) {
  header.site-header nav > ul.menu {
    top: var(--headerHeight);
    height: calc(100vh - var(--headerHeight));
    height: calc(100dvh - var(--headerHeight));
    background-color: var(--dark);
    padding: var(--pageMarginTotal);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .4s var(--easingOut);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 18px;
    width: 100%;
    position: absolute;
    left: 0;
  }

  header.site-header nav > ul.menu li > a {
    font-size: 22px;
  }
}

header.site-header nav > ul.menu li.current-menu-item > a, header.site-header nav > ul.menu li.current-page-ancestor > a {
  opacity: .5;
}

header.site-header nav > ul.menu > li.menu-item-has-children {
  position: relative;
}

@media (hover: hover) {
  header.site-header nav > ul.menu > li.menu-item-has-children:hover > a {
    opacity: .5;
  }

  header.site-header nav > ul.menu > li.menu-item-has-children:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translate(-50%);
  }
}

header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu {
  background-color: var(--dark);
  border: 1px solid var(--dark-border);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .4s var(--easingOut);
  width: 100vw;
  max-width: 300px;
  padding: 40px;
  position: absolute;
  top: calc(100% + 34px);
  left: 50%;
  transform: translate(-50%, -20px);
}

@media screen and (min-width: 768px) {
  header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu {
    padding: calc(1.5015vw + 28.4685px);
  }
}

@media screen and (min-width: 2100px) {
  header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu {
    padding: 60px;
  }
}

@media screen and (min-width: 768px) {
  header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu {
    max-width: calc(15.015vw + 184.685px);
  }
}

@media screen and (min-width: 2100px) {
  header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu {
    max-width: 500px;
  }
}

@media (max-width: 950px) {
  header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu {
    display: none;
  }
}

header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu li + li {
  margin-top: 10px;
}

header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translate(-50%);
}

header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu:before {
  content: "";
  width: 100%;
  height: 34px;
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
}

header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu p {
  opacity: .5;
  margin-bottom: 30px;
}

header.site-header nav > ul.menu > li.menu-item-has-children > ul.sub-menu a {
  font-weight: 400;
}

header.site-header nav a {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.1px;
  transition: .4s var(--easingOut);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

@media (hover: hover) {
  header.site-header nav a:hover {
    opacity: .5;
  }
}

header.site-header .header-search > a {
  align-items: center;
  column-gap: 12px;
  display: flex;
}

header.site-header .header-search > a .header-search-icon {
  justify-items: center;
  height: 19px;
  font-size: 19px;
  display: grid;
}

header.site-header .header-search > a .header-search-icon .icon {
  will-change: opacity;
  grid-area: 1 / 1 / 2 / 2;
  transition: opacity .1s;
}

header.site-header .header-search > a .header-search-icon .icon-close {
  opacity: 0;
}

@media (max-width: 950px) {
  header.site-header .header-search > a .header-search-icon {
    display: grid;
  }
}

header.site-header .header-search > a.open .icon-close {
  opacity: 1;
}

header.site-header .header-search > a.open .icon-search {
  opacity: 0;
}

header.site-header .header-icons {
  column-gap: 35px;
  display: flex;
}

@media (max-width: 768px) {
  header.site-header .header-icons {
    column-gap: 24px;
  }
}

header.site-header .header-icons a {
  height: 20px;
  font-size: 20px;
  display: block;
}

header.site-header .header-icons a.active {
  opacity: .5;
}

@media (max-width: 950px) {
  header.mobile-menu-open nav > ul.menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}

.header-search-wrap {
  top: var(--headerHeight);
  padding: var(--gutter) 0;
  z-index: 40;
  transition: transform .4s var(--easingOut);
  width: 100%;
  position: fixed;
  left: 0;
  transform: translateY(-100%);
}

.header-search-wrap:after {
  content: "";
  background-color: var(--dark);
  z-index: -1;
  border-bottom: 1px solid var(--dark-border);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.header-search-wrap .page-overlay {
  background-color: var(--dark);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s var(--easingOut);
  z-index: -2;
  cursor: pointer;
  width: 100%;
  height: calc(100vh + 135px);
  position: absolute;
  top: 0;
  left: 0;
}

.header-search-wrap.show {
  transform: translateY(0);
}

.header-search-wrap.show .page-overlay {
  opacity: .85;
  pointer-events: all;
}

@media all and (max-width: 768px) {
  header.site-header .header-search span {
    display: none;
  }
}

.hero {
  background-color: var(--dark);
  color: var(--white);
  text-align: center;
  --flow-space: 55px;
  padding: 92px 0 110px;
}

.hero p + h1 {
  --flow-space: 18px;
}

.hero .search-form {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .hero {
    --flow-space: 30px;
    padding: 50px 0 60px;
  }
}

.hero-content-grid {
  grid-template-columns: repeat(4, calc((100% - var(--gutter) * 3) / 4));
  column-gap: var(--gutter);
  text-align: left;
  display: grid;
}

.hero-content-grid .hero-content-cell {
  color: var(--very-dark-grey);
  text-wrap: balance;
  border-bottom: 1px solid var(--dark-border);
  padding: 23px 0;
}

.hero-content-grid .hero-content-cell a {
  text-decoration: none;
}

.hero-content-grid .hero-content-cell:last-child, .hero-content-grid .hero-content-cell:nth-last-child(2), .hero-content-grid .hero-content-cell:nth-last-child(3) {
  border-bottom: 0;
}

@media (max-width: 768px) {
  .hero-content-grid .hero-content-cell {
    grid-column: auto / span 2;
    padding: 12px 0;
  }

  .hero-content-grid .hero-content-cell:nth-last-child(3) {
    border-bottom: 1px solid var(--dark-border);
  }
}

.hero-content-grid .hero-content-cell.wide {
  grid-column: auto / span 2;
}

@media (max-width: 768px) {
  .hero-content-grid .hero-content-cell.wide {
    grid-column: auto / span 4;
  }
}

.hero-content-grid .hero-content-cell ul {
  flex-wrap: wrap;
  column-gap: 10px;
  display: flex;
}

@media (hover: hover) {
  .hero-content-grid .hero-content-cell a:hover {
    color: #6e6d6d;
  }

  .hero-content-grid .hero-content-cell a.color-white:hover {
    color: var(--white);
    opacity: .5;
  }
}

.logo-list {
  color: #707070;
  --flow-space: 85px;
}

@media (max-width: 768px) {
  .logo-list {
    --flow-space: 40px;
  }
}

.logo-list .logo-list-image img {
  width: 100%;
  height: auto;
  margin: 14px auto 0;
  display: block;
}

.search-form form {
  width: 100%;
  position: relative;
}

.search-form form input[type="text"] {
  color: var(--white);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  transition: background-color .2s var(--easingOut);
  background-color: #242424;
  border: 0;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 0 31px 1px 31px;
  font-size: 16px;
  line-height: 125%;
  display: flex;
  border-radius: 0;
}

@media all and (max-width: 768px) {
  .search-form form input[type="text"] {
    text-overflow: ellipsis;
    padding-right: 55px;
  }
}

.search-form form input[type="text"]:focus {
  background-color: #2c2c2c;
}

.search-form form input[type="text"]:-webkit-autofill {
  -webkit-text-fill-color: var(--darker-grey);
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out;
  font-size: 16px !important;
  -webkit-box-shadow: inset 0 0 0 30px #242424 !important;
}

.search-form form input[type="text"]:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--darker-grey);
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out;
  font-size: 16px !important;
  -webkit-box-shadow: inset 0 0 0 30px #242424 !important;
}

.search-form form input[type="text"]:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--darker-grey);
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out;
  font-size: 16px !important;
  -webkit-box-shadow: inset 0 0 0 30px #242424 !important;
}

.search-form form input[type="text"]:-webkit-autofill:active {
  -webkit-text-fill-color: var(--darker-grey);
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out;
  font-size: 16px !important;
  -webkit-box-shadow: inset 0 0 0 30px #242424 !important;
}

.search-form form input[type="text"]::placeholder {
  color: var(--darker-grey);
  opacity: 1;
}

.search-form form [type="submit"] {
  z-index: 5;
  color: var(--white);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: .4s var(--easingOut);
  background: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 23px;
  font-size: 16px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

@media (hover: hover) {
  .search-form form [type="submit"]:hover {
    opacity: .5;
  }
}

.breadcrumbs {
  color: var(--dark-grey);
  width: 100%;
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 50;
}

@media (max-width: 768px) {
  .breadcrumbs {
    top: 15px;
  }
}

.breadcrumbs a {
  color: var(--dark);
  text-decoration: none;
}

main {
  background-color: var(--white);
  padding: 94px 0 208px;
  position: relative;
}

main.min-height {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
}

@media (max-width: 1650px) {
  main {
    padding: 94px 0 150px;
  }
}

@media (max-width: 768px) {
  main {
    padding: 50px 0 90px;
  }
}

main section + section {
  margin-top: 150px;
}

@media (max-width: 1650px) {
  main section + section {
    margin-top: 100px;
  }
}

@media (max-width: 768px) {
  main section + section {
    margin-top: 80px;
  }
}

main section + section.margin-top-reduced {
  margin-top: 100px;
}

main form.woocommerce-ordering + section.margin-top-reduced {
  margin-top: 80px;
}

@media (max-width: 1650px) {
  main section + section.margin-top-reduced,
  main form.woocommerce-ordering + section.margin-top-reduced {
    margin-top: 80px;
  }
}

@media (max-width: 768px) {
  main section + section.margin-top-reduced,
  main form.woocommerce-ordering + section.margin-top-reduced {
    margin-top: 50px;
  }
}

main section + section.margin-top-small {
  margin-top: 80px;
}
main section + section.margin-top-smaller {
  margin-top: 45px;
}
main section + section.margin-top-none {
  margin-top: 30px;
}

@media (max-width: 768px) {
  main section + section.margin-top-small,
  main section + section.margin-top-smaller {
    margin-top: 30px;
  }
}

main a {
  transition: color .4s var(--easingOut), background-color .4s var(--easingOut), border-color .4s var(--easingOut), opacity .4s var(--easingOut);
}

@media (hover: hover) {
  main a:hover {
    color: var(--dark-grey);
  }
}

main.login {
  min-height: calc(100vh - var(--headerHeight));
  flex-wrap: wrap;
  padding: 0;
  display: flex;
}

main.login .left, main.login .right {
  padding: 100px var(--pageMarginTotal);
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

main.login .right {
  padding: 100px 80px;
}

@media (max-width: 950px) {
  main.login .left, main.login .right {
    padding: 50px var(--pageMarginTotal);
    width: 100%;
  }
}

main.login .left {
  text-align: center;
}

main.login .left .tabs-nav {
  justify-content: center;
}

main.login .center-content {
  z-index: 15;
  width: 100%;
  max-width: 450px;
  position: relative;
}

main.login .center-content.wide {
  max-width: 670px;
}

main.login .right {
  background-color: var(--dark);
  color: var(--white);
  text-align: left;
}

@media (max-width: 950px) {
  main.login .right {
    padding: 100px 30px;
  }
}

main.login .bg {
  opacity: .14;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

main.login .bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.with-cart-sidebar {
  padding-bottom: 0;
  display: flex;
}

@media (max-width: 950px) {
  .with-cart-sidebar {
    flex-wrap: wrap;
  }
}

.with-cart-sidebar .main-left {
  flex: 1;
  padding-bottom: 60px;
}

.with-cart-sidebar .main-left .columns {
  max-width: 1200px;
}

.with-cart-sidebar .main-left .woocommerce-checkout-review-order-table thead,
.with-cart-sidebar .main-left .woocommerce-checkout-review-order-table tbody {
  display: none;
}

.with-cart-sidebar .sidebar .woocommerce-checkout-review-order-table tfoot {
  display: none;
}

@media (max-width: 950px) {
  .with-cart-sidebar .main-left {
    width: 100%;
  }
}

.with-cart-sidebar .cart-drawer.sidebar {
  margin-top: -94px;
  height: 100vh;
  overflow-y: auto;
  max-width: 500px;
  position: sticky;
}

.with-cart-sidebar .sidebar .mini-cart-item-image .media {
  border: 1px solid var(--grey);
}

.with-cart-sidebar .sidebar.cart-drawer .cart-drawer-top {
  padding-left: 75px;
  padding-right: 75px;
}

@media (max-width: 950px) {
  .with-cart-sidebar .cart-drawer.sidebar {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    height: auto;
  }
  .with-cart-sidebar .sidebar.cart-drawer .cart-drawer-top {
    padding-left: 30px;
    padding-right: 30px;
  }
}

section .section-header .columns {
  align-items: flex-end;
}

section .section-header .columns .col:nth-child(2) {
  text-align: right;
}

section .section-header + .section-content {
  margin-top: 45px;
}

@media all and (max-width: 1650px) {
  section .section-header + .section-content {
    margin-top: 30px;
  }
}

@media all and (max-width: 768px) {
  section .section-header + .section-content {
    margin-top: 25px;
  }
}

section .section-content .columns {
  row-gap: var(--gutter);
}

.media {
  background-color: var(--light-grey);
  position: relative;
  overflow: hidden;
}

.media:not(.natural) img, .media:not(.natural) video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.media.square {
  aspect-ratio: 1;
}

.media.portrait {
  aspect-ratio: 83 / 124;
}

.media.landscape {
  aspect-ratio: 124 / 83;
}

.media.banner {
  height: 330px;
}

.media.autofit-height {
  height: 100%;
}

@media (max-width: 1200px) {
  .media.autofit-height {
    aspect-ratio: 124 / 83;
    height: auto;
  }
}

.media.autofit-height img, .media.autofit-height video {
  position: absolute;
  top: 0;
  left: 0;
}

.media.natural img, .media.natural video {
  width: 100%;
  height: auto;
}

.media.with-hover .hover-image {
  opacity: 0;
  will-change: opacity;
  transition: opacity .4s var(--easingOut);
  position: absolute;
  top: 0;
  left: 0;
}

.media.more-items {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-grid-block:not(.big).product-type-font .media {
  transition: opacity .4s var(--easingOut);
}

@media (hover: hover) {
  .product-grid-block:hover .media.with-hover .hover-image {
    opacity: 1;
  }
  .product-grid-block:not(.big).product-type-font:hover .media {
    opacity: .6;
  }
}

.product-grid {
  grid-template-columns: repeat(4, calc((100% - var(--gutter) * 3) / 4));
  column-gap: var(--gutter);
  row-gap: calc(var(--gutter)  + 10px);
  display: grid;
}

@media all and (max-width: 1650px) {
  .product-grid {
    grid-template-columns: repeat(4, calc((100% - 30px * 3) / 4));
    column-gap: 30px;
    row-gap: 35px;
  }
}

@media (max-width: 1200px) {
  .product-grid {
    grid-template-columns: repeat(2, calc((100% - var(--gutter) * 1) / 2));
  }
}

.section-header + .product-grid {
  --flow-space: 45px;
}

.section-header.section-header-block + .product-grid {
  --flow-space: 50px;
}

@media (max-width: 768px) {
  .section-header + .product-grid {
    --flow-space: 25px;
  }
  .product-grid {
    grid-template-columns: 100%;
  }
}

.product-grid .product-grid-block.big {
  grid-area: auto / auto / span 2 / span 2;
}

@media (max-width: 768px) {
  .product-grid .product-grid-block.big {
    grid-area: auto / auto / span 1 / span 1;
  }
}

.product-grid + .product-grid {
  margin-top: 50px;
}

.product-grid-block, .collection-card {
  flex-direction: column;
  gap: 12px;
  display: flex;
  position: relative;
}

@media (max-width: 1200px) {
  .product-grid-block, .collection-card {
    gap: 18px;
  }
}

.product-grid-block .product-grid-block-image {
  position: relative;
  overflow: hidden;
}

.product-grid-block.big .product-grid-block-image {
  flex: 1;
}

.product-grid-block .product-grid-block-image a:not([class]) {
  width: 100%;
  height: 100%;
  display: block;
}

.product-grid-block .product-grid-block-image.collection-block-images {
  aspect-ratio: 124 / 83;
  transition: opacity .4s var(--easingOut);
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  display: grid;
}

.product-grid-block .product-grid-block-info {
  color: var(--dark-grey);
  column-gap: 20px;
  display: flex;
}

.product-grid-block .product-grid-block-info p a {
  text-decoration: none;
}

.product-grid-block .product-grid-block-info h5 {
  color: var(--dark);
}

@media (hover: hover) {
  .product-grid-block .product-grid-block-info h5 a:hover {
    color: var(--dark-grey);
  }

  .product-grid-block .product-grid-block-info a:hover {
    color: var(--dark);
  }
}

.product-grid-block .product-grid-block-info .left {
  flex: 1;
}

.collection-block > a:hover .collection-block-images {
  opacity: .5;
}

.add-to-collection,
.product-grid-block .save-product-link {
  z-index: 10;
  background-color: var(--white);
  border: 1px solid var(--grey);
  opacity: 0;
  transition: opacity .4s var(--easingOut);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
  position: absolute;
  top: 20px;
  right: 20px;
}

.product-grid-block.big .save-product-link {
  top: calc(1.42857vw + 20px);
  right: calc(1.42857vw + 20px);
}

.add-to-collection .icon,
.product-grid-block .save-product-link .icon {
  transition: opacity .4s var(--easingOut);
  grid-area: 1 / 1 / 2 / 2;
  pointer-events: none;
}

.save-product-link span.label {
  pointer-events: none;
}

.product-grid-block .save-product-link span.label {
  display: none;
}

.add-to-collection .icon-save-filled,
.product-grid-block .save-product-link .icon-save-filled {
  opacity: 0;
}

.add-to-collection.saved .icon-save-filled,
.product-grid-block .save-product-link.saved .icon-save-filled,
.product-grid-block .save-product-link[data-saved="1"] .icon-save-filled {
  opacity: 1;
}

.add-to-collection.saved .icon-save,
.product-grid-block .save-product-link.saved .icon-save,
.product-grid-block .save-product-link[data-saved="1"] .icon-save {
  opacity: 0;
}

.add-to-collection.active,
.product-grid-block .save-product-link.active {
  opacity: 1;
}

@media (max-width: 768px) {
  .add-to-collection,
  .product-grid-block .save-product-link {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
    display: none;
  }
  .product-grid-block.big .save-product-link {
    top: calc(1.42857vw + 10px);
    right: calc(1.42857vw + 10px);
  }
}

.add-to-collection-dialog {
  background-color: var(--white);
  color: var(--dark-grey);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all .4s var(--easingOut);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  width: calc(100% - 84px);
  max-width: 275px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: absolute;
  top: 20px;
  right: 74px;
}

.product-grid-block.big .add-to-collection-dialog {
  top: calc(1.42857vw + 20px);
  right: calc(3.9% + 74px);
}

@media (max-width: 768px) {
  .add-to-collection-dialog {
    width: calc(100% - 60px);
    right: 50px;
  }
  .product-grid-block.big .add-to-collection-dialog {
    top: calc(3.9% + 20px);
    right: calc(3.9% + 50px);
  }
}

.add-to-collection-dialog .top {
  background-color: var(--white);
  border: 1px solid var(--grey);
  max-height: 230px;
  padding: 20px 30px;
  overflow-y: auto;
}

.woocommerce .products .add-to-collection-dialog .top ul {
  margin-top: 1em;
}

.add-to-collection-dialog .top ul li + li {
  margin-top: 10px;
}

.add-to-collection-dialog .top ul li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: grid;
  align-items: center;
  column-gap: 10px;
  grid-template-columns: 84px calc(100% - 44px);
}

.add-to-collection-dialog button.collection-list-button {
  width: 100%;
  height: 34px;
  background: none;
  border: 1px solid var(--light-grey);
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 7px;
  gap: 3px;
  font-size: 16px;
  cursor: pointer;
}

.add-to-collection-dialog button.collection-list-button.saved-to-this-collection {
  /*background-color: var(--light-grey);*/
}

.add-to-collection-dialog button.collection-list-button:hover {
  border-color: var(--grey);
}

.add-to-collection-dialog .top ul a {
  color: var(--dark);
  display: flex;
  align-items: center;
  gap: 6px;
}

.add-to-collection-dialog .top ul a span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: calc(100% - 16px);
}

.add-to-collection-dialog .top ul a .icon {
  font-size: 10px;
}

.add-to-collection-dialog .top ul a:hover {
  color: var(--dark-grey);
}

@media (max-width: 768px) {
  .add-to-collection-dialog .top {
    padding: 10px;
  }
}

.add-to-collection-dialog .bottom a,
.add-to-collection-dialog button:not(.collection-list-button) {
  text-align: center;
  background-color: var(--dark);
  color: var(--white);
  padding: 20px;
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
  cursor: pointer;
}

@media (max-width: 768px) {
  .add-to-collection-dialog .bottom a,
  .add-to-collection-dialog button {
    padding: 10px;
  }
}

.add-to-collection-dialog .bottom a:hover,
.add-to-collection-dialog .bottom button:hover {
  background-color: var(--very-dark-grey);
}

.add-to-collection-dialog.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  display: block;
}

.add-to-collection-dialog.saved .top {
  background-color: var(--dark);
  border-color: var(--dark);
}

.add-to-collection-dialog.saved .top a {
  color: var(--white);
}

.product-grid-block:hover .add-to-collection,
.product-grid-block:hover .save-product-link {
  opacity: 1;
}

.product-grid-block:hover .add-to-collection-dialog {
  display: block;
}

.product-image-slider {
  height: 100%;
  padding: 1.42857vw 1.42857vw 60px;
  background-color: #ECECEC;
}

@media (max-width: 1200px) {
  .product-image-slider {
    aspect-ratio: 124 / 83;
    height: auto;
    padding: 1.42857vw 1.42857vw 30px;
  }
}

@media all and (max-width: 768px) {
  .product-image-slider {
    display: none;
  }
}

.product-image-slider .flickity-viewport {
  overflow: visible;
}

.product-image-slider .flickity-page-dots {
  top: calc(100% - 47px);
  bottom: auto;
  left: 0;
}

@media (max-width: 1200px) {
  .product-image-slider .flickity-page-dots {
    top: calc(100% - 22px);
  }
}

.product-image-slider .flickity-page-dots .dot {
  opacity: 1;
  background: none;
  border-radius: 0;
  width: 14px;
  height: 14px;
  margin: 0;
  position: relative;
}

.product-image-slider .flickity-page-dots .dot:after {
  content: "";
  background-color: var(--grey);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-image-slider .flickity-page-dots .dot.is-selected:after {
  background-color: var(--dark);
}

.product-image-slider .slide {
  width: 100%;
  margin-right: 6%;
}

@media (max-width: 1200px) {
  .product-image-slider .slide.media.autofit-height {
    aspect-ratio: unset;
    height: 100%;
  }
}

.appear {
  transition: transform .2s var(--easing), opacity .2s var(--easing);
  transition-delay: calc(var(--i) * 40ms);
  opacity: 0;
  will-change: transform;
}

.appear.has-been-seen {
  opacity: 1;
}

.appear.animation-complete {
  transform: none;
}

.font-preview {
  background-color: var(--light-grey);
  color: var(--dark);
  text-align: center;
  transition: color .4s var(--easingOut);
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  display: flex;
}

.font-preview:hover {
  color: var(--very-dark-grey);
}

.font-preview .font-preview-text {
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .font-preview .font-preview-text {
    font-size: calc(2.1021vw - 4.14414px);
  }
}

@media screen and (min-width: 2100px) {
  .font-preview .font-preview-text {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .font-preview .font-preview-text {
    font-size: 5vw;
  }
}

.big .font-preview .font-preview-text {
  font-size: 30px;
}

@media screen and (min-width: 768px) {
  .big .font-preview .font-preview-text {
    font-size: calc(3.003vw + 6.93694px);
  }
}

@media screen and (min-width: 2100px) {
  .big .font-preview .font-preview-text {
    font-size: 70px;
  }
}

@media (max-width: 768px) {
  .big .font-preview .font-preview-text {
    font-size: 5vw;
  }
}

.collection-block-images .font-preview .font-preview-text {
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .collection-block-images .font-preview .font-preview-text {
    font-size: calc(.375375vw + 9.11712px);
  }
}

@media screen and (min-width: 2100px) {
  .collection-block-images .font-preview .font-preview-text {
    font-size: 17px;
  }
}

footer {
  background-color: var(--dark);
  color: var(--white);
  border-top: 1px solid var(--very-dark-grey);
  z-index: 40;
  padding: 100px 0;
  position: relative;
}

@media (max-width: 768px) {
  footer {
    padding: 40px 0;
  }
}

footer .footer-top + .footer-bottom {
  margin-top: 250px;
}



@media (max-width: 1650px) {
  footer .footer-top + .footer-bottom {
    margin-top: 150px;
  }
}

@media (max-width: 768px) {
  footer .footer-top + .footer-bottom {
    margin-top: 100px;
  }
}

footer .footer-top {
  color: #ffffff80;
  --flow-space: 30px;
}

footer .footer-bottom .inner {
  grid-template-areas: "menus t&cs";
  column-gap: var(--gutter);
  grid-template-columns: 1fr auto;
  align-items: end;
  display: grid;
}

@media (max-width: 768px) {
  footer .footer-bottom .inner {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}

footer .footer-bottom .footer-left {
  grid-template: "menus";
  column-gap: var(--gutter);
  color: #ffffff80;
  flex-wrap: wrap;
  display: flex;
  row-gap: 40px;
}

footer .footer-bottom .footer-left ul {
  --flow-space: 30px;
}

@media (max-width: 768px) {
  footer .footer-bottom .footer-left ul {
    --flow-space: 10px;
  }
  footer .footer-bottom .footer-left .min-width-one-col {
    flex: auto;
    width: 100%;
  }
}

footer .footer-bottom a {
  color: var(--white);
}

@media (hover: hover) {
  footer .footer-bottom a:hover {
    opacity: .5;
  }
}

footer .footer-bottom .footer-right {
  grid-template: "t&cs";
  column-gap: var(--gutter);
  flex-wrap: wrap;
  align-items: flex-end;
  display: flex;
}

@media (max-width: 768px) {
  footer .footer-bottom .footer-right {
    justify-content: space-between;
  }
}

footer .footer-logo {
  font-size: 28px;
}

footer ul li + li {
  margin-top: 8px;
}

.pre-footer {
  background-color: var(--dark);
  color: var(--white);
  text-align: center;
  z-index: 40;
  --flow-space: 40px;
  padding: 180px 0;
  position: relative;
}



@media (max-width: 1650px) {
  .pre-footer {
    padding: 150px 0;
  }
}

@media (max-width: 768px) {
  .pre-footer {
    padding: 90px 0;
  }
}

.pre-footer-text {
  max-width: 450px;
  margin-inline: auto;
}

.newsletter-form {
  max-width: 495px;
  margin-left: auto;
  margin-right: auto;
}

.newsletter-form form {
  width: 100%;
  position: relative;
}

.newsletter-form form input[type="email"] {
  border: 0;
  border: 1px solid var(--very-dark-grey);
  color: var(--white);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  transition: border-color .2s var(--easingOut);
  background-color: #0000;
  outline: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 51px;
  padding: 0 24px;
  font-size: 16px;
  line-height: 125%;
  display: flex;
}

.newsletter-form form input[type="email"]:focus {
  border-color: var(--white);
}

.newsletter-form form input[type="email"]::placeholder {
  color: #fff;
  opacity: 1;
}

.newsletter-form form [type="submit"],
.woocommerce .newsletter-form form [type="submit"].button,
.woocommerce-page .newsletter-form form [type="submit"].button {
  z-index: 5 !important;
  color: var(--dark) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
  transition: .4s var(--easingOut) !important;
  background: none !important;
  background-color: var(--white) !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100% !important;
  padding: 0 30px !important;
  font-size: 16px !important;
  display: flex !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: auto !important;
  font-weight: 400 !important;
}

@media (hover: hover) {
  .newsletter-form form [type="submit"]:hover,
  .woocommerce .newsletter-form form [type="submit"].button:hover,
  .woocommerce-page .newsletter-form form [type="submit"].button:hover {
    opacity: 1;
    background-color: var(--dark-grey) !important;
  }
}

.min-width-one-col {
  min-width: calc((100vw - var(--gutter) * 7 - var(--pageMarginTotal) * 2) / 8);
}

@media (max-width: 1650px) {
  .min-width-one-col {
    min-width: calc((100vw - var(--gutter) * 5 - var(--pageMarginTotal) * 2) / 6);
  }
}

@media (max-width: 768px) {
  .min-width-one-col {
    min-width: calc((100vw - var(--gutter) * 3 - var(--pageMarginTotal) * 2) / 4);
  }
}

.tabs-nav {
  border-bottom: 1px solid var(--grey);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.tabs-nav a {
  color: var(--dark-grey);
  transition: color .2s var(--easingOut);
  padding: 16px;
  position: relative;
}

@media (hover: hover) {
  .tabs-nav a:hover {
    color: var(--dark);
  }
}

.tabs-nav a:after {
  content: "";
  background-color: var(--dark);
  transition: width .2s var(--easingOut);
  width: 0;
  height: 1px;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tabs-nav a.active {
  color: var(--dark);
}

.tabs-nav a.active:after {
  width: 100%;
}

.tabs-nav + .tabs {
  margin-top: 50px;
}

.product-meta .tabs-nav + .tabs {
  margin-top: 35px;
}

.tabs {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  display: grid;
}

.tab {
  grid-area: 1 / 1 / 2 / 2;
  width: 100%;
  display: none;
}

.tab.active {
  display: block;
}

h2 + .form-wrap {
  --flow-space: 30px;
}

.form-wrap form,
.wpcf7 form {
  text-align: left;
  flex-direction: column;
  row-gap: 25px;
  display: flex;
}

.form-wrap form > .form-row,
.woocommerce form > .form-row,
.woocommerce-page form > .form-row,
.wpcf7 form > .form-row {
  padding: 0;
  margin: 0 !important;
}

.woocommerce form .form-row {
  padding: 0;
}

.form-wrap form .form-row label,
.wpcf7 form .form-row label {
  cursor: pointer;
  margin-bottom: 10px;
  display: block;
  position: relative;
  line-height: 1;
  font-size: 17px;
}

.form-wrap form .form-row label:last-child {
  margin-bottom: 0;
}

.woocommerce form .form-row label.inline {
  display: inline-flex !important;
}

.form-wrap form .form-row.with-checkbox,
.wpcf7 form .form-row.with-checkbox,
.form-wrap form .custom-checkbox-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-wrap form .form-row.with-checkbox.left-aligned,
.wpcf7 form .form-row.with-checkbox.left-aligned,
.form-wrap form .custom-checkbox-wrap.left-aligned {
  justify-content: flex-start;
}

form .woocommerce-SavedPaymentMethods-saveNew {
  position: relative;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  margin-top: 12px !important;
}

form .woocommerce-SavedPaymentMethods-saveNew label {
  margin-bottom: 0 !important;
}

.form-wrap form .form-row.with-checkbox input[type="checkbox"], 
.form-wrap form .form-row.with-checkbox input[type="radio"],
.wpcf7 form .form-row.with-checkbox input[type="checkbox"],
.wpcf7 form .form-row.with-checkbox input[type="radio"],
.wpcf7 form .wpcf7-checkbox input[type="checkbox"],
form .woocommerce-form__label-for-checkbox input[type="checkbox"],
form .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"],
.form-wrap form .custom-checkbox-wrap input[type="checkbox"],
.form-wrap form .custom-checkbox-wrap input[type="radio"] {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.wpcf7 .wpcf7-list-item:first-child {
  margin-left: 0;
}

.wpcf7-form-control-wrap {
  margin-top: .3em;
  display: block;
}

.form-wrap form .form-row-complex,
.wpcf7 form .form-row-complex {
  align-items: flex-start;
  column-gap: 40px;
  display: flex;
}

@media all and (max-width: 768px) {
  .form-wrap form .form-row-complex,
  .wpcf7 form .form-row-complex {
    flex-direction: column;
    row-gap: 20px;
  }
}

.form-wrap form .form-row-complex .form-row,
.wpcf7 form .form-row-complex .form-row {
  flex: 1;
}

.woocommerce form .form-row .input-text,
.form-wrap form input[type="text"],
.form-wrap form input[type="email"],
.form-wrap form input[type="password"],
.form-wrap form input[type="tel"],
.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form input[type="tel"],
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="password"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"] {
  border: 1px solid var(--grey);
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .2s var(--easingOut);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  background: none;
  border-radius: 0;
  width: 100%;
  height: 51px;
  padding: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  background-color: var(--white);
}

.form-wrap form textarea,
.woocommerce-MyAccount-content form textarea,
.wpcf7 form textarea {
  border: 1px solid var(--grey);
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .2s var(--easingOut);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  background: none;
  border-radius: 0;
  width: 100%;
  height: 51px;
  padding: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  background-color: var(--white);
  resize: none;
  min-height: 150px;
}

.woocommerce form .form-row select,
.form-wrap form select,
.woocommerce-MyAccount-content form select,
.wpcf7 form select {
  border: 1px solid var(--grey) !important;
  transition: border-color .2s var(--easingOut);
  color: var(--dark);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border-radius: 0;
  width: 100%;
  height: 51px;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  background-color: var(--white);
}

.form-wrap form .woocommerce-input-wrapper:has(select), 
.woocommerce-MyAccount-content form .woocommerce-input-wrapper:has(select),
.wpcf7 form .wpcf7-form-control-wrap:has(select),
.form-wrap form .custom-select:has(select) {
  position: relative;
  display: block;
}

.form-wrap form .woocommerce-input-wrapper:has(select):after, 
.woocommerce-MyAccount-content form .woocommerce-input-wrapper:has(select):after,
.wpcf7 form .wpcf7-form-control-wrap:has(select):after,
.form-wrap form .custom-select:has(select):after {
  content: '';
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.399902 5.39998L11.1902 5.39998L11.1902 6.59998L0.399902 6.59998L0.399902 5.39998Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.63232 10.4731L10.3988 5.99998L5.63232 1.52691L6.45349 0.651882L11.6862 5.56247C11.807 5.67588 11.8756 5.83424 11.8756 5.99998C11.8756 6.16572 11.807 6.32408 11.6862 6.4375L6.45349 11.3481L5.63232 10.4731Z' fill='%23101010'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%) rotate(90deg);
  transition: .4s var(--easingOut);
}

.form-wrap form .woocommerce-input-wrapper:has(select:focus-within):after, 
.woocommerce-MyAccount-content form .woocommerce-input-wrapper:has(select:focus-within):after,
.wpcf7 form .wpcf7-form-control-wrap:has(select:focus-within):after,
.form-wrap form .custom-select:has(select:focus-within):after {
  transform: translate(0, -50%) rotate(270deg);
}

.form-wrap form input[type="text"]::placeholder, 
.form-wrap form input[type="email"]::placeholder, 
.form-wrap form input[type="password"]::placeholder, 
.form-wrap form input[type="tel"]::placeholder,
.form-wrap form textarea::placeholder,
.woocommerce-MyAccount-content form input[type="text"]::placeholder, 
.woocommerce-MyAccount-content form input[type="email"]::placeholder, 
.woocommerce-MyAccount-content form input[type="password"]::placeholder, 
.woocommerce-MyAccount-content form input[type="tel"]::placeholder,
.wpcf7 form input[type="text"]::placeholder, 
.wpcf7 form input[type="email"]::placeholder, 
.wpcf7 form input[type="password"]::placeholder, 
.wpcf7 form input[type="tel"]::placeholder,
.wpcf7 form input[type="url"]::placeholder,
.wpcf7 form textarea::placeholder {
  color: var(--grey);
}

.form-wrap form input[type="text"]:focus, 
.form-wrap form input[type="email"]:focus, 
.form-wrap form input[type="password"]:focus, 
.form-wrap form input[type="tel"]:focus,
.form-wrap form textarea:focus,
.woocommerce-MyAccount-content form input[type="text"]:focus, 
.woocommerce-MyAccount-content form input[type="email"]:focus, 
.woocommerce-MyAccount-content form input[type="password"]:focus, 
.woocommerce-MyAccount-content form input[type="tel"]:focus,
.wpcf7 form input[type="text"]:focus, 
.wpcf7 form input[type="email"]:focus, 
.wpcf7 form input[type="password"]:focus, 
.wpcf7 form input[type="tel"]:focus,
.wpcf7 form input[type="url"]:focus,
.wpcf7 form textarea:focus {
  border-color: var(--dark);
  outline: none;
}

.form-wrap form select:focus, 
.woocommerce-MyAccount-content form select:focus,
.wpcf7 form select:focus {
  border-color: var(--dark) !important;
  outline: 0;
}

.form-wrap form [type="submit"],
.woocommerce form [type="submit"].button,
.woocommerce-page form [type="submit"].button,
.wpcf7 form [type="submit"] {
  background-color: var(--dark);
  color: var(--white);
  -webkit-appearance: none;
  appearance: none;
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  outline: 0;
  width: 100%;
  padding: 16px 18px;
  text-transform: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.wpcf7 p:has(input[type="submit"].yellow),
.form-wrap .form-row:has([type="submit"].yellow) {
  margin-top: 12px;
  border-top: 1px solid var(--grey);
  padding-top: 40px;
}

.form-wrap form [type="submit"].yellow,
.woocommerce form [type="submit"].button.yellow,
.woocommerce-page form [type="submit"].button.yellow,
.wpcf7 form [type="submit"].yellow,
.woocommerce .button.yellow {
  background-color: var(--yellow) !important;
  color: var(--dark) !important;
}

.form-wrap form [type="submit"]:focus,
.woocommerce form [type="submit"].button:focus,
.woocommerce-page form [type="submit"].button:focus,
.wpcf7 form [type="submit"]:focus {
  opacity: .8;
}

.form-wrap form [type="submit"]:hover,
.woocommerce form [type="submit"].button:hover,
.woocommerce-page form [type="submit"].button:hover,
.wpcf7 form [type="submit"]:hover {
  background-color: var(--very-dark-grey);
}

.form-wrap form [type="submit"].yellow:hover,
.woocommerce form [type="submit"].button.yellow:hover,
.woocommerce-page form [type="submit"].button.yellow:hover,
.wpcf7 form [type="submit"].yellow:hover,
.woocommerce .button.yellow:hover {
  background-color: #FAB912 !important;
  color: var(--dark) !important;
}

.wpcf7 form .wpcf7-list-item-label {
  position: relative;
}

.form-wrap form .checkmark,
.wpcf7 form .checkmark,
.wpcf7 form .wpcf7-list-item-label:before,
form .woocommerce-form__label-for-checkbox:before,
form .woocommerce-SavedPaymentMethods-saveNew:before,
.form-wrap form .custom-checkbox-wrap:before {
  content: '';
  border: 1px solid var(--grey);
  background-color: white;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
}

.form-wrap form .custom-checkbox-wrap.radio-style:before {
  border-radius: 100%;
}

.form-wrap form .checkmark:after,
.wpcf7 form .checkmark:after,
.wpcf7 form .wpcf7-list-item-label:after,
form .woocommerce-form__label-for-checkbox:after,
form .woocommerce-SavedPaymentMethods-saveNew:after,
.form-wrap form .custom-checkbox-wrap:after {
  content: "";
  background-image: url("data:image/svg+xml,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 1024 1024\"><path fill=\"%23101010\" d=\"M1024 221.143l-639.845 639.848c-20.246 20.246-53.073 20.246-73.319 0l-310.836-310.836 73.319-73.318 274.176 274.176 603.189-603.188 73.316 73.319z\"></path></svg>");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.wpcf7 form .wpcf7-list-item-label:after,
form .woocommerce-form__label-for-checkbox:after,
form .woocommerce-SavedPaymentMethods-saveNew:after,
.form-wrap form .custom-checkbox-wrap:after {
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translate(0, -50%) scale(0);
}

.form-wrap form .custom-checkbox-wrap.radio-style:after {
  background-image: none;
  background-color: var(--dark);
  width: 8px;
  height: 8px;
  border-radius: 100%;
  left: 6px;
}

form .woocommerce-SavedPaymentMethods-saveNew:after {
  top: 50%;
}

.form-wrap form label input:checked + .checkmark:after {
  transform: translate(-50%, -50%)scale(1);
}

.wpcf7 form label input:checked + .wpcf7-list-item-label:after,
form .woocommerce-form__label-for-checkbox:has(input.woocommerce-form__input-checkbox:checked):after,
form .woocommerce-SavedPaymentMethods-saveNew:has(input:checked):after,
.form-wrap form .custom-checkbox-wrap:has(input:checked):after {
  transform: translate(0, -50%) scale(1);
}

.form-wrap form .select-selected {
  color: var(--grey);
  padding: 15px;
  font-weight: 400;
}

.form-wrap form .select-selected.selected {
  color: var(--dark);
  font-weight: 500;
}

.form-wrap form .select-selected:after {
  right: 15px;
}

.forgot-password {
  display: inline-block;
}

.alternate-logins {
  border-top: 1px solid var(--grey);
  color: var(--dark-grey);
  justify-content: center;
  align-items: center;
  column-gap: 20px;
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.alternate-logins a {
  color: var(--dark);
}

.products-slider {
  --progress: 0%;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.products-slider.show {
  display: block;
}

.products-slider.flickity-enabled {
  opacity: 1;
}

.products-slider .product-slide {
  width: calc((100% - var(--gutter) * 3) / 4);
  margin-right: var(--gutter);
}

@media (max-width: 950px) {
  .products-slider .product-slide {
    width: calc((100% - var(--gutter) * 1) / 2);
  }
}

@media (max-width: 768px) {
  .products-slider .product-slide {
    width: calc((100% - var(--gutter) * 1) / 1.5);
  }
}

.products-slider .flickity-page-dots {
  text-align: right;
  bottom: calc(100% + 40px);
}

@media all and (max-width: 768px) {
  .products-slider {
    width: calc(100% + var(--pageMarginTotal));
  }
  .products-slider .flickity-page-dots {
    display: none;
  }
}

.products-slider .flickity-page-dots .dot {
  background: var(--grey);
  opacity: 1;
  transition: .4s var(--easingOut);
  will-change: width;
  border-radius: 8px;
  width: 4px;
  height: 4px;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
}

.products-slider .flickity-page-dots .dot:after {
  content: "";
  background-color: var(--dark);
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.products-slider .flickity-page-dots .dot.is-selected {
  width: 47px;
}

.products-slider .flickity-page-dots .dot.is-selected:after {
  animation: fillProgressDot calc(var(--delay) * 1s) forwards linear;
}

@keyframes fillProgressDot {
  to {
    width: 100%;
  }
}

.cats-grid {
  grid-template-columns: repeat(4, calc((100% - var(--gutter) * 3) / 4));
  column-gap: var(--gutter);
  color: var(--dark-grey);
  display: grid;
}

.cats-grid .cats-grid-cell {
  color: var(--dark-grey);
  text-wrap: balance;
  border-top: 1px solid var(--grey);
  border-bottom: 1px solid var(--grey);
  justify-content: space-between;
  row-gap: var(--gutter);
  flex-direction: column;
  margin-top: -1px;
  padding: 35px 0;
  display: flex;
}

@media (max-width: 950px) {
  .cats-grid .cats-grid-cell {
    grid-column: auto / span 2;
    padding: 20px 0;
  }
}

@media (max-width: 650px) {
  .cats-grid .cats-grid-cell {
    grid-column: auto / span 4;
  }
}

.cats-grid .cats-grid-cell.tall {
  grid-row: auto / span 2;
}

.cats-grid .cats-grid-cell.wide {
  grid-column: auto / span 2;
}

@media (max-width: 950px) {
  .cats-grid .cats-grid-cell.tall {
    grid-column: auto / span 4;
  }
  .cats-grid .cats-grid-cell.wide {
    grid-column: auto / span 4;
  }
}

.cats-grid .cats-grid-cell.full-width {
  grid-column: auto / span 4;
}

.cats-grid .cats-grid-cell.full-width p {
  max-width: 500px;
}

.cats-grid .cats-grid-cell ul {
  flex-wrap: wrap;
  column-gap: 10px;
  display: flex;
}

.cats-grid .cats-grid-cell a {
  color: var(--dark);
}

.cats-grid .cats-grid-cell a:hover {
  color: var(--dark-grey);
}

.cats-grid-cell .suggested-searches,
.cats-grid-cell .suggested-categories {
  max-width: 100%;
  justify-content: flex-start;
  margin-top: 11px;
  gap: 10px;
}

.cats-grid-cell .suggested-searches .suggested-search {
  color: var(--dark);
  border-color: var(--grey);
}

.sort-dropdown {
  display: inline-flex;
}

.sort-dropdown .select-selected {
  border: 0;
  padding: 0 40px 0 0;
  font-size: 26px;
  line-height: 1em;
}

@media screen and (min-width: 768px) {
  .sort-dropdown .select-selected {
    font-size: calc(1.05105vw + 17.9279px);
  }
}

@media screen and (min-width: 2100px) {
  .sort-dropdown .select-selected {
    font-size: 40px;
  }
}

.sort-dropdown .select-selected:hover {
  background-color: #0000;
}

.sort-dropdown .select-selected:after {
  background-image: url("data:image/svg+xml,<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13.509 23.215l-9.23-9.835-3.633 3.409 13.537 14.425c0.471 0.502 1.128 0.786 1.816 0.786s1.346-0.285 1.816-0.786l13.537-14.425-3.633-3.409-9.229 9.835v-23.214h-4.982v23.215z\" fill=\"%23000000\"/></svg>");
  width: 26px;
  height: 26px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  right: 0;
}

@media all and (max-width: 768px) {
  .sort-dropdown .select-selected {
    padding-right: 30px;
  }
  .sort-dropdown .select-selected:after {
    width: 18px;
    height: 18px;
    top: 55%;
  } 
}

.sort-dropdown .select-items {
  border: 1px solid var(--grey);
  background-color: var(--white);
  z-index: 10;
  width: 230px;
  padding: 24px 30px;
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
}

.sort-dropdown .select-items div {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.sort-dropdown .select-items div:hover, .sort-dropdown .select-items div.same-as-selected {
  color: var(--dark-grey);
  background-color: #0000;
}

.floating-search {
  z-index: 30;
  background-color: var(--dark);
  color: var(--white);
  width: calc(100% - var(--pageMarginTotal) * 2);
  text-align: center;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  animation: floatingSearchAppear .6s .8s forwards var(--easingOut);
  max-width: 527px;
  padding: 20px 30px 40px;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

@media (max-width: 768px) {
  .floating-search {
    padding: 20px;
  }
}

.floating-search form {
  justify-content: center;
  align-items: center;
  column-gap: 32px;
  display: flex;
}

.floating-search form .search-input {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  border-right: 1px solid var(--very-dark-grey);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  color: var(--white);
  background: none;
  border-radius: 0;
  outline: 0;
  flex: 1;
  height: 23px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.floating-search form .search-input::placeholder {
  color: #686868;
}

.floating-search form .custom-dropdown {
  min-width: 110px;
}

.floating-search form input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  color: var(--white);
  cursor: pointer;
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  background: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.floating-search form input[type="submit"]:hover {
  opacity: .5;
}

.floating-search .select-selected {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  border: 0;
  padding: 0 16px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.floating-search .select-selected:after {
  background-image: url("data:image/svg+xml,<svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.999988 0.288086L6.99999 6.28809L13 0.288086L13.9192 1.20732L7.45961 7.66694C7.20577 7.92078 6.79421 7.92078 6.54037 7.66694L0.0807495 1.20732L0.999988 0.288086Z\" fill=\"%23FFFFFF\"/></svg>");
  width: 9px;
  height: 5px;
  top: 60%;
  right: 0;
}

.floating-search .select-selected:hover {
  opacity: .5;
  background-color: #0000;
}

.floating-search .select-items {
  background-color: var(--dark);
  border: 0;
  width: 100vw;
  max-width: calc(100% + 64px);
  padding: 0;
  position: absolute;
  top: auto;
  bottom: calc(100% + 22px);
  left: -34px;
}

.floating-search .select-items div {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  border-bottom: 1px solid var(--very-dark-grey);
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.floating-search .select-items div:not(:last-child) {
  border-color: var(--very-dark-grey);
}

.floating-search .select-items div + div {
  margin-top: 0;
}

.floating-search .select-items div:hover, .floating-search .select-items .same-as-selected {
  color: var(--dark-grey);
  background-color: #0000;
}

.custom-dropdown {
  position: relative;
}

.custom-dropdown > p {
  margin-bottom: 20px;
}

@keyframes floatingSearchAppear {
  to {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translate(-50%);
  }
}

.pagination,
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 3px;
  margin-top: 80px;
  margin-bottom: 70px;
  font-size: 14px;
  display: flex;
  padding-bottom: 0;
}

.pagination:last-child,
.woocommerce nav.woocommerce-pagination:last-child {
  margin-bottom: 0;
}

@media all and (max-width: 1650px) {
  .pagination,
  .woocommerce nav.woocommerce-pagination {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}

@media all and (max-width: 768px) {
  .pagination,
  .woocommerce nav.woocommerce-pagination {
    margin-top: 50px;
    margin-bottom: 60px;
  }
}

.woocommerce nav.woocommerce-pagination ul li span.page-numbers,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers {
  font-size: 14px;
}

.pagination .page-numbers,
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
  color: var(--dark);
  border: 1px solid #0000;
  border-radius: 6px;
  padding: 7px 13px;
  line-height: 1em;
  text-decoration: none;
}

@media (max-width: 768px) {
  .pagination .page-numbers,
  .woocommerce nav.woocommerce-pagination ul li .page-numbers {
    padding: 7px 10px;
  }
}

.pagination .page-numbers.current, 
.pagination .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
  background-color: #f1f1f1 !important;
  border: 1px solid #d6d6d6 !important;
  color: var(--dark) !important;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev {
  border: 1px solid #d6d6d6;
}

.font-size-tool, .letter-spacing-tool {
  justify-content: center;
  align-items: center;
  column-gap: 12px;
  width: 100%;
  max-width: 370px;
  display: flex;
}

@media all and (max-width: 1650px) {
  .font-size-tool, .letter-spacing-tool {
    width: calc((100% - 200px) / 2);
  }
}

@media all and (max-width: 768px) {
  .font-size-tool, .letter-spacing-tool {
    width: 100%;
  }
}

.font-size-tool .label, .letter-spacing-tool .label {
  margin-right: 8px;
  font-size: 14px;
  padding-top: 3px;
}

.font-size-tool .value, .letter-spacing-tool .value {
  width: 35px;
  display: block;
}

.font-size-tool input[type="range"], .letter-spacing-tool input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: none;
  flex: 1;
  width: 100%;
  height: 12px;
}

.font-size-tool input[type="range"]:focus, .letter-spacing-tool input[type="range"]:focus {
  outline: none;
}

.font-size-tool input[type="range"]::-webkit-slider-runnable-track {
  background-color: var(--dark);
  border-radius: 0;
  height: 1px;
}

.letter-spacing-tool input[type="range"]::-webkit-slider-runnable-track {
  background-color: var(--dark);
  border-radius: 0;
  height: 1px;
}

.font-size-tool input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--dark);
  box-shadow: none;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  margin-top: -5px;
}

.letter-spacing-tool input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--dark);
  box-shadow: none;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  margin-top: -5px;
}

.font-size-tool input[type="range"]::-moz-range-track {
  background-color: var(--dark);
  border-radius: 0;
  height: 1px;
}

.letter-spacing-tool input[type="range"]::-moz-range-track {
  background-color: var(--dark);
  border-radius: 0;
  height: 1px;
}

.font-size-tool input[type="range"]::-moz-range-thumb {
  background-color: var(--dark);
  box-shadow: none;
  border: none;
  border-radius: 0;
  width: 10px;
  height: 10px;
}

.letter-spacing-tool input[type="range"]::-moz-range-thumb {
  background-color: var(--dark);
  box-shadow: none;
  border: none;
  border-radius: 0;
  width: 10px;
  height: 10px;
}

.fonts-listing {
  margin-top: 50px;
}

.font-listing-info {
  color: var(--dark-grey);
  column-gap: 20px;
  display: flex;
}

.font-listing-info p a {
  text-decoration: none;
}

.font-listing-info h5 {
  color: var(--dark);
}

@media (hover: hover) {
  .font-listing-info h5 a:hover {
    color: var(--dark-grey);
  }

  .font-listing-info a:hover {
    color: var(--dark);
  }
}

.font-listing-info .left {
  flex: 1;
}

.font-listing {
  border-bottom: 1px solid var(--grey);
  width: 100%;
}

.font-listing + .font-listing {
  margin-top: 50px;
}

.font-listing-preview {
  padding: 0 0 50px;
  display: block;
  position: relative;
  overflow: hidden;
  /* margin-top: clamp(20px, calc(var(--font-size) * 0.75), 40px); */
  margin-top: 50px;
}

@media all and (max-width: 768px) {
  .font-listing + .font-listing {
    margin-top: 36px;
  }
  .font-listing-preview {
    margin-top: 20px;
    padding: 0 0 36px;
  }
}

.font-listing-preview[data-font-url].loading:after,
.font-overview-weights .font-overview-weight.loading:after,
.font-family.loading:after {
  content: "";
  display: block;
  width: 100%;
  height: 66%;
  background-color: var(--light-grey);
  animation: pulse 1s infinite linear;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@keyframes pulse {
  0% {
    opacity: .5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .5;
  }
}

.font-listing-preview[data-font-url].loading .font-listing-preview-inner,
.font-overview-weights .font-overview-weight.loading .example,
.font-family.loading .example {
  opacity: 0;
}

.font-listing-preview .font-listing-preview-inner,
.font-listing-preview .font-listing-preview-inner p {
  white-space: nowrap;
  font-size: var(--font-size);
  line-height: 108%;
}

.font-listing-preview:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #fff0 0%, #fff 100%);
  width: 6vw;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.fonts-listing.view-type-list [data-view-type="grid"] {
  display: none;
}

@media all and (max-width: 768px) {
  .fonts-listing [data-view-type="grid"] {
    display: none;
  }
}

@media all and (min-width: 769px) {
  .fonts-listing.view-type-grid [data-view-type="list"] {
    display: none;
  }
  
  .fonts-listing.view-type-grid {
    display: grid;
    grid-template-columns: repeat(2, calc((100% - 50px) / 2));
    column-gap: 50px;
    row-gap: 50px;
  }
  .fonts-listing.view-type-grid .font-listing + .font-listing {
    margin-top: 0;
  }
}


.font-tools {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 40px;
  display: flex;
}

@media all and (max-width: 768px) {
  .font-tools {
    gap: 26px 40px;
    padding-top: 10px;
  }
}

.single-product-section .font-tools {
  padding-top: 30px;
}

.font-preview-tool {
  width: 100%;
  max-width: 280px;
}

@media all and (max-width: 1650px) {
  .font-preview-tool {
    max-width: 100%;
  }
}

.font-preview-tool input {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  border: 1px solid var(--grey);
  width: 100%;
  max-width: 280px;
  padding: 14px 14px 14px 17px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

@media all and (max-width: 768px) {
  .font-preview-tool input {
    max-width: 100%;
  }
}

.font-preview-tool input::placeholder {
  color: var(--grey);
}

.font-preview-tool input:focus {
  border-color: var(--dark-grey);
  outline: 0;
}

.font-overview-weights {
  margin-top: 40px;
  overflow: hidden;
}

.font-overview-weights .font-overview-weight {
  padding-bottom: 20px;
  position: relative;
}

.font-overview-weights .font-overview-weight .label {
  color: var(--dark-grey);
  display: block;
  opacity: 0;
  transition: opacity .4s var(--easingOut);
}

@media all and (max-width: 768px) {
  .font-overview-weights .font-overview-weight .label {
    opacity: 1;
  }
}

.font-overview-weights .font-overview-weight:hover .label {
  opacity: 1;
}

.font-overview-weights .font-overview-weight .example {
  font-size: var(--font-size);
  letter-spacing: var(--letter-spacing);
  font-feature-settings: var(--font-features);
  white-space: nowrap;
  line-height: normal;
  padding-left: 0.07em;
}

.font-overview-weights .font-overview-weight:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #fff0 0%, #fff 100%);
  width: 25vw;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.font-listing-view-type-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 18px;
  padding-top: 6px;
}

@media all and (max-width: 768px) {
  .font-listing-view-type-toggle {
    display: none;
  }
}

.font-listing-view-type-toggle button {
  background: transparent;
  outline: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-size: 23px;
  color: var(--dark-grey);
}

.font-listing-view-type-toggle button.active {
  color: var(--dark);
}

.single-product-save-to-collection {
  --flow-space: 50px;
  position: relative;
  display: inline-flex;
}

.single-product-save-to-collection .add-to-collection-dialog {
  top: 0;
  right: calc(100% + 20px);
  width: 100vw;
  --flow-space: 1em;
}

.single-product-save-to-collection .save-product-link .icon-save-filled,
.single-product-save-to-collection .save-product-link[data-saved="1"] .icon-save {
  display: none;
}


.single-product-save-to-collection .save-product-link[data-saved="1"] .icon-save-filled {
  display: block;
}

.save-product-link {
  --flow-space: 40px;
  align-items: center;
  column-gap: 10px;
  display: inline-flex;
}

.licenses-prompt {
  color: var(--dark-grey);
}

.product-options {
  --flow-space: 50px;
  flex-direction: column;
  row-gap: 20px;
  display: flex;
}

.product-option+.product-option {
  margin-top: 20px;
}

.product-option > p {
  margin-bottom: 20px;
}

.product-option-dropdown {
  position: relative;
}

.product-option-dropdown.disabled {
  pointer-events: none;
  color: var(--dark-grey);
}

.product-option-dropdown + .product-option-dropdown {
  margin-top: -1px;
}

.custom-dropdown select {
  display: none;
}

.select-selected {
  border: 1px solid var(--grey);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  cursor: pointer;
  align-items: center;
  gap: 10px;
  padding: 19px 26px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
}

.select-selected .icon {
  font-size: 18px;
}

.select-selected:hover {
  background-color: var(--light-grey);
}

.select-selected:after {
  content: "";
  pointer-events: none;
  transition: all .3s var(--easingOut);
  background-image: url("data:image/svg+xml,<svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.999988 0.288086L6.99999 6.28809L13 0.288086L13.9192 1.20732L7.45961 7.66694C7.20577 7.92078 6.79421 7.92078 6.54037 7.66694L0.0807495 1.20732L0.999988 0.288086Z\" fill=\"%23DADADA\"/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 26px;
  transform: translateY(-50%);
}

.select-selected.select-arrow-active:after {
  transform: translateY(-50%)rotate(-180deg);
}

.select-items div {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.select-items div.same-as-selected {
  font-weight: 500;
}

.select-items div + div {
  margin-top: 5px;
}

.select-items {
  background-color: var(--light-grey);
  border: 1px solid var(--grey);
  z-index: 99;
  border-top: 0;
  padding: 24px;
}

.select-items .disabled {
  opacity: .5;
  pointer-events: none;
}

.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: var(--light-grey);
}

.button,
.woocommerce-page button[type="submit"].single_add_to_cart_button
.woocommerce .product-meta button.button.buy-button {
  text-align: center !important;
  background-color: var(--dark) !important;
  color: var(--white) !important;
  leading-trim: both !important;
  text-edge: cap !important;
  letter-spacing: -.02em !important;
  cursor: pointer !important;
  border: 0 !important;
  outline: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 15px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  display: inline-flex !important;
  text-transform: none !important;
  border-radius: 0 !important;
}

.button.with-icon {
  column-gap: 10px;
}
.button.with-icon .icon {
  font-size: 20px;
}

.button.yellow-button {
  background-color: var(--yellow) !important;
  color: var(--dark) !important;
}

.button:disabled {
  cursor: default;
  background-color: var(--dark-grey);
}

@media (hover: hover) {
  .button:not(:disabled):hover,
  .woocommerce-page button[type="submit"].single_add_to_cart_button:hover,
  .woocommerce .product-meta button.button.buy-button:hover {
    background-color: var(--very-dark-grey) !important;
  }
  .button.yellow-button:not(:disabled):hover {
    background-color: var(--yellow) !important;
    color: var(--dark) !important;
    opacity: .5 !important;
  }
}

.product-subtotal {
  --flow-space: 40px;
}

.product-subtotal .button {
  width: 100%;
}

.price {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.07em;
  text-align: right;
  margin-bottom: 22px;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
}

@media screen and (min-width: 768px) {
  .price {
    font-size: calc(1.05105vw + 17.9279px);
  }
}

@media screen and (min-width: 2100px) {
  .price {
    font-size: 40px;
  }
}

.price.small {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 21px;
}

.product-meta {
  top: calc(var(--headerHeight) + 30px);
  /* max-height: calc(100svh - var(--headerHeight) - 130px); */
  grid-template-rows: 1fr min-content;
  row-gap: 40px;
  display: grid;
  position: sticky;
  padding-bottom: 40px;
}

.product-meta > .variations_form {
  grid-template-rows: 1fr min-content;
  row-gap: 0;
  display: grid;
}

/* .product-meta .top {
  overflow-y: scroll;
} */

.single-product-sections .single-product-section + .single-product-section {
  margin-top: 140px;
}

@media (max-width: 768px) {
  .product-meta {
    padding-bottom: 0;
    row-gap: 0;
  }
  .single-product-sections .single-product-section + .single-product-section {
    margin-top: 60px;
  }
}

.single-product-sections .single-product-section-header {
  border-bottom: 1px solid var(--grey);
  padding: 16px 0;
}

.single-product-sections .single-product-section-header + .single-product-section-content {
  margin-top: 60px;
}

@media (max-width: 768px) {
  .single-product-sections .single-product-section-header + .single-product-section-content {
    margin-top: 30px;
  }
}

.font-family {
  flex-direction: column;
  row-gap: 20px;
  display: flex;
}

.font-family span {
  font-size: 20px;
  line-height: 1em;
  display: block;
}

@media screen and (min-width: 768px) {
  .font-family span {
    font-size: calc(1.95195vw + 5.00901px);
  }
}

@media screen and (min-width: 2100px) {
  .font-family span {
    font-size: 46px;
  }
}

.glyphs-wrap {
  column-gap: 80px;
  display: flex;
}

@media (max-width: 768px) {
  .glyphs-wrap {
    column-gap: 30px;
  }
}

.glyphs-wrap .left {
  width: calc(25% - 40px);
}

@media (max-width: 768px) {
  .glyphs-wrap .left {
    width: calc(40% - 15px);
  }
}

.glyphs-wrap .right {
  width: calc(75% - 40px);
}

@media (max-width: 768px) {
  .glyphs-wrap .right {
    width: calc(60% - 15px);
  }
}

.glyphs-wrap .glyph-preview {
  aspect-ratio: 1;
  border: 1px solid var(--grey);
  justify-content: center;
  align-items: center;
  font-size: 60px;
  display: flex;
  overflow: hidden;
  position: sticky;
  top: 100px;
}

@media screen and (min-width: 768px) {
  .glyphs-wrap .glyph-preview {
    font-size: calc(3.003vw + 36.9369px);
  }
}

@media screen and (min-width: 2100px) {
  .glyphs-wrap .glyph-preview {
    font-size: 100px;
  }
}

.glyphs-wrap .glyphset {
  grid-template-columns: repeat(10, 1fr);
  display: grid;
}

@media (max-width: 768px) {
  .glyphs-wrap .glyphset {
    grid-template-columns: repeat(5, 1fr);
  }
}

.glyphs-wrap .glyphset .glyphset-cell {
  aspect-ratio: 1;
  border: 1px solid var(--grey);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: -1px;
  margin-left: -1px;
  display: flex;
}

@media (hover: hover) {
  .glyphs-wrap .glyphset .glyphset-cell:hover {
    background-color: var(--light-grey);
  }
}

.creator-card {
  aspect-ratio: 124 / 83;
  background-color: var(--light-grey);
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  padding: 30px;
  display: flex;
}

.creator-card .creator-logo {
  border: 2px solid var(--white);
  width: 84px;
  height: 84px;
  overflow: hidden;
}

.creator-card .creator-logo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.creator-card .bottom p {
  max-width: 340px;
}

.tags {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

a.tag {
  border: 1px solid var(--grey);
  text-transform: capitalize;
  border-radius: 38px;
  padding: 5px 14px 8px;
  font-size: 17px;
  display: inline-block;
}

a.tag:hover {
  opacity: 1;
  background-color: var(--grey);
  border-color: var(--grey);
  color: var(--dark);
}

.single-product-content-wrap {
  display: grid;
  grid-template-columns: calc(100% - 450px - var(--gutter)) 450px;
  column-gap: var(--gutter);
}

@media all and (max-width: 1040px) {
  .single-product-content-wrap {
    grid-template-columns: 100%;
    row-gap: 45px;
  }
}

.single-product-content-left .product-images {
  max-width: 1500px;
}

.single-product-content-right .tabs-wrap {
  --flow-space: 60px;
}

.product-images {
  --flow-space: 30px;
}

@media all and (max-width: 768px) {
  .product-images {
    --flow-space: 20px;
  }
}

.product-option-radios,
.product-meta .woovr-variations {
  border: 1px solid var(--grey);
  padding-top: 0;
  padding-bottom: 0;
}

.product-meta .woovr-variations {
  /* margin-top: 55px; */
  margin-bottom: 30px;
}

.product-meta .woovr-variations .woovr-variation-tooltip {
  background-color: var(--yellow);
  padding: 20px 24px;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  opacity: 0;
  transform: translate(0, -100%);
  visibility: hidden;
  pointer-events: none;
  transition: all .6s var(--easingOut);
  width: 100%;
  max-width: 250px;
}

.product-meta .woovr-variations .woovr-variation:hover .woovr-variation-tooltip {
  opacity: 1;
  visibility: visible;
}

.product-meta .woovr-variations .woovr-variation-selector {
  position: absolute;
}

.product-meta .woovr-variations .woovr-variation > div {
  padding: 0;
}

.product-option-radios .radio-option,
.product-meta .woovr-variations .woovr-variation {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.product-meta .woovr-variations .woovr-variation {
  margin-left: 0;
  margin-right: 0;
}

.product-option-radios .radio-option input[type="radio"],
.product-meta .woovr-variations .woovr-variation input[type="radio"]  {
  pointer-events: none;
  position: top;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
}

.product-option-radios .radio-option label,
.product-meta .woovr-variations .woovr-variation label {
  cursor: pointer;
  color: var(--dark-grey);
  transition: color .4s var(--easingOut);
  padding: 19px 26px;
  display: block;
  font-weight: 500;
}

.product-option-radios .radio-option label:hover, 
.product-option-radios .radio-option input[type="radio"]:checked + label,
.product-meta .woovr-variations .woovr-variation label:hover,
.product-meta .woovr-variations .woovr-variation.woovr-variation-active label {
  color: var(--dark);
}

.product-option-radios .radio-option:not(:last-child),
.product-meta .woovr-variations .woovr-variation:not(:last-child) {
  border-bottom: 1px solid var(--grey);
}

.read-more {
  --flow-space: 1em;
  position: relative;
}

.read-more:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(#fff0 0%, #fff 100%);
  width: 100%;
  height: 30%;
  display: block;
  position: absolute;
  bottom: 32px;
  left: 0;
}

.read-more .more, .read-more.open:after {
  display: none;
}

.read-more.open .read-more-ellipsis {
  display: none;
}

.read-more.open .more {
  display: inline;
}
.read-more.open .more:before {
  content: " ";
}

.creator-header {
  /* margin-top: -14px; */
  margin-bottom: 50px;
}

.creator-header .creator-logo {
  z-index: 20;
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  border: 4px solid var(--white);
}

.creator-header .creator-header-content {
  border-bottom: 1px solid var(--grey);
  margin-top: 50px;
  padding-bottom: 50px;
}

.creator-header .creator-header-content p {
  max-width: 500px;
}

.no-collections {
  color: var(--dark-grey);
  background-color: var(--light-grey);
  text-align: center;
  padding: var(--pageMarginTotal);
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

@media screen and (min-width: 768px) {
  .no-collections {
    min-height: calc(10.5105vw + 119.279px);
  }
}

@media screen and (min-width: 2100px) {
  .no-collections {
    min-height: 340px;
  }
}

.collection-tools {
  gap: 30px;
  font-size: 18px;
  display: inline-flex;
}

.collection-tools a {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.collection-tools a .icon {
  font-size: 21px;
}

.more-options {
  position: relative;
}

.more-options .show-more-options {
  background: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
  font-size: 21px;
  width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dark);
  transition: color .4s var(--easingOut);
}

.more-options .show-more-options svg {
  pointer-events: none;
}

.more-options .show-more-options:hover {
  color: var(--dark-grey);
}

.more-options .more-options-dialog {
  position: absolute;
  right: 0;
  top: calc(100% + 7px);
  border: 1px solid var(--grey);
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  opacity: 0;
  visibility: none;
  pointer-events: none;
  transition: all .6s var(--easingOut);
  background-color: var(--white);
  z-index: 10;
  width: 70vw;
  max-width: 165px; 
}

.more-options .more-options-dialog.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.more-options .more-options-dialog a {
  display: grid;
  grid-template-columns: 15px 1fr;
  text-align: left;
}

.more-options .more-options-dialog a .icon {
  font-size: 15px;
}

.edit-collection-sidebar {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 100;
  background-color: var(--white);
  transition: all .4s var(--easingOut);
  flex-direction: column;
  justify-content: space-between;
  gap: 70px;
  width: 95%;
  max-width: 675px;
  height: 100%;
  padding: 70px 90px;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
}

@media all and (max-width: 768px) {
  .edit-collection-sidebar {
    padding: 30px;
  }
}

.edit-collection-sidebar:after {
  content: "";
  background-color: var(--white);
  opacity: 1;
  pointer-events: none;
  transition: opacity .4s var(--easingOut);
  z-index: -1;
  cursor: pointer;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.edit-collection-sidebar .form-wrap {
  --flow-space: 50px;
}
.edit-collection-sidebar .form-wrap * {
  --flow-space: 1em;
}

.edit-collection-sidebar .button {
  width: 100%;
}

.edit-collection-sidebar .page-overlay {
  background-color: var(--dark-grey);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s var(--easingOut);
  z-index: -2;
  cursor: pointer;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
}

.edit-collection-sidebar.show {
  transform: translateX(0);
}

.edit-collection-sidebar.show .page-overlay {
  opacity: .85;
  pointer-events: all;
}

.flex-row {
  align-items: center;
  gap: 20px;
  display: flex;
}

.flex-row.space-between {
  justify-content: space-between;
}

.inline-link-with-icon {
  align-items: center;
  column-gap: 10px;
  display: inline-flex;
}

.cart-overlay {
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .3s var(--easingOut);
  background-color: #aaaaaaf5;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.cart-overlay .cart-drawer {
  transform: translateX(100%);
}

.cart-overlay.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.cart-overlay.show .cart-drawer {
  transform: translate(0);
}

.cart-drawer {
  transition: all .6s var(--easingOut);
  background-color: #fff;
  grid-template-rows: 1fr 120px;
  width: 95%;
  max-width: 676px;
  height: 100%;
  display: grid;
}

.cart-drawer .cart-drawer-top {
  padding: 30px;
  overflow-y: auto;
}

@media all and (max-width: 768px) {
  .cart-drawer {
    grid-template-rows: 1fr 90px;
  }
}

@media screen and (min-width: 768px) {
  .cart-drawer .cart-drawer-top {
    padding-top: calc(3.003vw + 6.93694px);
  }
}

@media screen and (min-width: 2100px) {
  .cart-drawer .cart-drawer-top {
    padding-top: 70px;
  }
}

@media screen and (min-width: 768px) {
  .cart-drawer .cart-drawer-top {
    padding-bottom: calc(3.003vw + 6.93694px);
  }
}

@media screen and (min-width: 2100px) {
  .cart-drawer .cart-drawer-top {
    padding-bottom: 70px;
  }
}

@media screen and (min-width: 768px) {
  .cart-drawer .cart-drawer-top {
    padding-left: calc(4.5045vw - 4.5946px);
  }
}

@media screen and (min-width: 2100px) {
  .cart-drawer .cart-drawer-top {
    padding-left: 90px;
  }
}

@media screen and (min-width: 768px) {
  .cart-drawer .cart-drawer-top {
    padding-right: calc(4.5045vw - 4.5946px);
  }
}

@media screen and (min-width: 2100px) {
  .cart-drawer .cart-drawer-top {
    padding-right: 90px;
  }
}

.cart-drawer .cart-drawer-bottom {
  display: flex;
}

.cart-drawer .cart-drawer-bottom .cart-subtotal {
  background-color: var(--dark);
  color: var(--dark-grey);
  align-items: center;
  width: 55%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.cart-drawer .cart-drawer-bottom .cart-subtotal p {
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.07em;
}

@media screen and (min-width: 768px) {
  .cart-drawer .cart-drawer-bottom .cart-subtotal p {
    font-size: calc(1.05105vw + 17.9279px);
  }
}

@media screen and (min-width: 2100px) {
  .cart-drawer .cart-drawer-bottom .cart-subtotal p {
    font-size: 40px;
  }
}

@media screen and (min-width: 768px) {
  .cart-drawer .cart-drawer-bottom .cart-subtotal {
    padding-left: calc(1.5015vw + 8.46847px);
  }
}

@media screen and (min-width: 2100px) {
  .cart-drawer .cart-drawer-bottom .cart-subtotal {
    padding-left: 40px;
  }
}

@media screen and (min-width: 768px) {
  .cart-drawer .cart-drawer-bottom .cart-subtotal {
    padding-right: calc(1.5015vw + 8.46847px);
  }
}

@media screen and (min-width: 2100px) {
  .cart-drawer .cart-drawer-bottom .cart-subtotal {
    padding-right: 40px;
  }
}

.cart-drawer .cart-drawer-bottom .cart-subtotal .price {
  color: var(--white);
  text-align: left;
  margin-bottom: 0;
}

.cart-drawer .cart-drawer-bottom .cart-checkout {
  width: 45%;
  display: block;
}

.cart-drawer .cart-drawer-bottom .cart-checkout a {
  background: var(--yellow);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.07em;
  justify-content: center;
  align-items: center;
  gap: 14px;
  width: 100%;
  height: 100%;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

@media screen and (min-width: 768px) {
  .cart-drawer .cart-drawer-bottom .cart-checkout a {
    font-size: calc(1.05105vw + 17.9279px);
  }
}

@media screen and (min-width: 2100px) {
  .cart-drawer .cart-drawer-bottom .cart-checkout a {
    font-size: 40px;
  }
}

.cart-drawer .cart-drawer-bottom .cart-checkout a .icon {
  height: 21px;
  font-size: 21px;
  transform: translateY(10%);
}

.cart-drawer.sidebar {
  background-color: var(--light-grey);
  grid-template-rows: 1fr;
  position: relative;
  top: 0;
  right: 0;
}

.cart-drawer.sidebar .select-selected {
  pointer-events: none;
}

.cart-drawer.sidebar .select-selected:after {
  display: none;
}

.close-cart-overlay {
  font-size: 18px;
}

.custom-multiple-dropdown {
  position: relative;
}

.custom-multiple-dropdown.product-option-dropdown > a {
  border: 1px solid var(--grey);
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  cursor: pointer;
  align-items: center;
  gap: 10px;
  padding: 19px 26px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
  color: var(--dark-grey);
}

.custom-multiple-dropdown.product-option-dropdown:has(input:checked) > a {
  color: var(--dark);
}

.custom-multiple-dropdown.product-option-dropdown > a:hover {
  color: var(--dark);
  background-color: var(--light-grey);
}

.custom-multiple-dropdown.product-option-dropdown .icon {
  font-size: 18px;
}

.custom-multiple-dropdown.product-option-dropdown .icon-dropdown-arrow {
  content: "";
  pointer-events: none;
  transition: all .3s var(--easingOut);
  color: var(--grey);
  font-size: 6px;
  position: absolute;
  top: 50%;
  right: 26px;
  transform: translateY(-50%);
}

.custom-multiple-dropdown.product-option-dropdown .options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  background-color: var(--light-grey);
  width: 100%;
  margin-top: -1px;
  display: none;
  position: static;
}

.custom-multiple-dropdown.product-option-dropdown .options.allow-one:has(input:checked) li {
  pointer-events: none;
  opacity: .3;
}

.custom-multiple-dropdown.product-option-dropdown .options.allow-one:has(input:checked) li:has(input:checked) {
  opacity: 1;
  pointer-events: all;
}

.custom-multiple-dropdown.product-option-dropdown .options label {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.custom-multiple-dropdown.product-option-dropdown.open .icon-dropdown-arrow {
  transform: translateY(-50%)rotate(-180deg);
}

.custom-multiple-dropdown.product-option-dropdown.open .options {
  display: flex;
}

.custom-multiple-dropdown > a {
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 0;
  display: flex;
}

.custom-multiple-dropdown > a .icon {
  transition: .2s var(--easingOut);
  font-size: 6px;
}

.custom-multiple-dropdown .options {
  border: 1px solid var(--grey);
  background-color: var(--white);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .4s var(--easingOut);
  z-index: 10;
  width: 230px;
  padding: 24px 30px;
  position: absolute;
  top: 100%;
  left: 0;
}

.custom-multiple-dropdown .options ul {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 8px;
  display: flex;
}

.custom-multiple-dropdown .options li {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.custom-multiple-dropdown .options li label {
  cursor: pointer;
}

.custom-multiple-dropdown .options li input[type="checkbox"], .custom-multiple-dropdown .options li input[type="radio"] {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.custom-multiple-dropdown .options li .checkmark {
  background-color: var(--white);
  border: 1px solid var(--grey);
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
}

.custom-multiple-dropdown .options li .checkmark:after {
  content: "";
  background-image: url("data:image/svg+xml,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 1024 1024\"><path fill=\"%23101010\" d=\"M1024 221.143l-639.845 639.848c-20.246 20.246-53.073 20.246-73.319 0l-310.836-310.836 73.319-73.318 274.176 274.176 603.189-603.188 73.316 73.319z\"></path></svg>");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
}

.custom-multiple-dropdown .options li input:checked + .checkmark:after {
  transform: translate(-50%, -50%)scale(1);
}

.custom-multiple-dropdown.open > a .icon-dropdown-arrow {
  transform: rotate(-180deg);
}

.custom-multiple-dropdown.open .options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.product-selection-overview {
  border-bottom: 1px solid #000;
  --flow-space: 40px;
  margin-bottom: 35px;
}

.product-selection-overview ul {
  --flow-space: 20px;
}

.product-selection-overview .product-selected-variations li {
  padding-bottom: 20px;
}

.product-selection-overview .product-selected-variations li > p {
  font-weight: 500;
}

.product-selection-overview .product-selected-variations li {
  border-bottom: 1px solid var(--grey);
}

.product-selection-overview .product-selected-variations li + li {
  margin-top: 18px;
}

.variation-licence {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.mini-cart-item {
  --flow-space: 23px;
  margin-top: 50px;
  padding-bottom: 40px;
}

.mini-cart-item {
  border-bottom: 2px solid var(--dark);
}

.mini-cart-item a:hover {
  color: var(--dark-grey);
}

.mini-cart-item .product-options {
  row-gap: 30px;
}

.mini-cart-item .product-selected-variations {
  --flow-space: 8px;
}

.mini-cart-item .product-selection-overview {
  border: 0;
  --flow-space: 17px;
  margin-bottom: 0;
}

.mini-cart-item-overview {
  grid-template-columns: 57px 1fr max-content;
  column-gap: 14px;
  display: grid;
}

.mini-cart-item-overview .remove-product {
  font-size: 22px;
  display: block;
}

.mini-cart-item-overview .product-title {
  font-weight: 500;
  margin-top: -0.3em;
}

.mini-cart-item .custom-dropdown > p {
  margin-bottom: 14px;
}

.mini-cart-item .mini-cart-item-info p a {
  text-decoration: none;
}

.suggested-searches,
.suggested-categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  --flow-space: 40px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.suggested-search,
.suggested-category {
  border: 1px solid currentColor;
  outline: 0;
  background: none;
  color: inherit;
  border-radius: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  padding: 8px 14px 9px;
  transition: opacity .4s var(--easingOut);
  cursor: pointer;
}

.suggested-category {
  background-color: var(--light-grey-2);
  border-color: var(--light-grey-2);
  color: var(--dark);
}


@media (hover: hover) {
	.suggested-search:hover,
  .suggested-category:hover {
    opacity: .5;
  }
}

.suggested-search .icon {
  font-size: 13px;  
}

.hero .suggested-search {
  border-color: var(--very-dark-grey);
}

.text-cards {
  display: flex;
  align-items: stretch;
  column-gap: 40px;
}

@media all and (max-width: 1650px) {
  .text-cards {
    column-gap: 30px;
  }
}

.text-cards .text-card {
  flex: 1;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.text-cards .text-card .text-card-cta {
  margin-top: 40px;
}

.text-cards .text-card .top .icon {
  font-size: 37px;
}

.text-cards .text-card .bottom {
  max-width: 470px;
  --flow-space: 40px;
  margin-top: 90px;
}

.text-cards .text-card .bottom h2 {
  text-wrap: balance;
}

@media all and (max-width: 768px) {
  .text-cards {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .text-cards .text-card {
    flex: none;
    width: 100%;
  }
}

#mce-responses {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
}

#mce-responses .response {
  padding-top: 15px;
  padding-bottom: 16px;
  margin-top: -1px;
}

#mce-error-response {
  color: #FF4127;
}

#mce-success-response {
  color: #101010;
  background-color: #79eaa2;
}

.checkbox-toggle {
  position: relative;
  display: inline-flex;
  width: 40px;
  height: 22px;
}
label.checkbox-toggle {
  margin-bottom: 0 !important;
}

.checkbox-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.checkbox-toggle .checkbox-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--grey);
  -webkit-transition: .3s var(--easingOut);
  transition: .3s var(--easingOut);
  border-radius: 22px;
}

.checkbox-toggle .checkbox-toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: var(--white);
  -webkit-transition: .3s  var(--easingOut);
  transition: .3s  var(--easingOut);
  border-radius: 50%;
}

input:checked + .checkbox-toggle-slider {
  background-color: var(--yellow);
}

input:focus + .checkbox-toggle-slider {
  box-shadow: 0 0 1px var(--yellow);
}

input:checked + .checkbox-toggle-slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.wcv-store-header.header-modern, .wcv-store-header.header-modern a {
  color: var(--dark) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 100%;
  float: none;
  padding-right: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
  float: none;
}

.woocommerce table.shop_table th {
  font-weight: 400 !important;
}

.woocommerce table.shop_table {
  border-collapse: collapse !important;
}

.woocommerce-account .invoices-lt table tr + tr {
  border-top: 1px solid var(--grey);
}

.tab-pane {
  display: none;
}

.tab-pane.show {
  display: block;
}

.wcvendors-pro-dashboard-wrapper {
  /* padding: 0 var(--pageMarginTotal); */
  /* max-width: calc(2100px + var(--pageMarginTotal) * 2); */
  /* margin-left: auto; */
  /* margin-right: auto; */
  width: 100%;
}

.wcvendors-pro-dashboard-wrapper .wcv-grid {
  display: grid;
  grid-template-columns: calc((100% - var(--gutter)) * 0.25) calc((100% - var(--gutter)) * 0.75);
  gap: var(--gutter);
}

.wcvendors-pro-dashboard-wrapper .wcv-grid .wcv-cols-group.wcv-horizontal-gutters:nth-child(2) {
  display: none;
}

@media screen and (min-width: 1261px) {
  .wcv-cols-group.wcv-horizontal-gutters>[class*=all-], .wcv-cols-group.wcv-horizontal-gutters>[class*=xlarge-] {
      padding-left: 0 !important;
  }
}

.wcv-grid h1, .wcv-grid h2, .wcv-grid h3, .wcv-grid h4, .wcv-grid h5, .wcv-grid h6 {
  font-size: inherit !important;
  font-weight: 500 !important;
  color: inherit !important;
  margin-bottom: 0 !important;
}

.wcv-grid h2 {
  font-size: 40px !important;
}

.wcv-grid h2.color-dark-grey {
  color: var(--dark-grey) !important;
}

.wcv-grid ul.home li, .wcv-grid ul.my-shop li {
  margin: 0;
}

.woocommerce-MyAccount-navigation.woocommerce-MyAccount-navigation-lt h3 {
  margin-bottom: 20px !important;
}

.wcvendors-pro-dashboard-wrapper .woocommerce table tr {
  border-bottom: 1px solid var(--grey);
}

.admin-box {
  padding: 80px;
  background-color: var(--light-grey);
  border: 1px solid var(--grey);
  --flow-space: 24px;
}

.admin-box .buttons {
  display: flex;
  gap: var(--gutter);
  --flow-space: 36px;
}

.admin-box .buttons .button {
  flex: 1;
}

.admin-box .buttons .button:hover {
  text-decoration: none;
}

.admin-box + * {
  margin-top: 40px;
}

.wcv-grid p, .wcv-grid table {
  margin-top: var(--flow-space, 1em) !important;
}

.wcv-grid a:hover {
  text-decoration: none !important;
}

.single-page-content {
  --flow-space: 40px;
}

.single-page-content b, .single-page-content strong {
  font-weight: 500;
}

.single-page-content ul, 
.single-page-content ol {
  padding-left: 1em;
}

.single-page-content ul, 
.single-page-content ol {
  padding-left: 1em;
}

.single-page-content ul {
  list-style: disc;
}

.single-page-content ol {
  list-style: decimal;
  /* counter-reset: item; */
}
/* 
.single-page-content ol ol {
  list-style: none;
}

.single-page-content ol li {
  display: block;
}

.single-page-content ol ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item
} */

.single-page-content ul * + *, 
.single-page-content ol * + * {
  margin-top: .5em;
}

.single-page-content h3 {
  font-size: 26px;
}

.single-page-content .col {
  --flow-space: 1em;
}

.single-page-content .col .button {
  --flow-space: 60px;
}

.button.full-width {
  width: 100%;
}

.single-page-content > *:not(.woocommerce):not(.wcvendors-pro-dashboard-wrapper):not(.full-width) {
  max-width: 1200px;
  margin-inline: auto;
}

.single-page-content > .wp-block-image.size-large {
  max-width: 2100px;
}

body:not(.wcvendors-pro-dashboard) .single-page-content .columns {
  margin-block-start: var(--flow-space, 1em);
  padding: 0;
}

.single-page-content .creator-testimonial .columns {
  margin-block-start: 0;
}

.single-page-content + .single-page-content {
  margin-top: 100px;
}

.wp-block-image.size-large img {
  width: 100%;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: var(--gutter);
}

.text-banner {
  padding: 80px 0 100px;
}

h2 mark {
  opacity: .3;
  background-color: transparent;
}

.creator-testimonial {
  padding-bottom: 60px;
  border-bottom: 1px solid var(--grey); 
}

.creator-testimonial h3:last-child {
  margin-bottom: 0;
}

.creator-testimonial .flow {
  --flow-space: 13px;
}

.creator-testimonial + .creator-testimonial {
  padding-top: 60px;
}

.small-text-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter);
}

.small-text-cards + .small-text-cards {
  margin-top: 100px;
}

.small-text-card {
  --flow-space: 1em;
  background-color: var(--light-grey);
  padding: 50px;
}

.small-text-card + p {
  margin-top: 40px;
}

.small-text-card b {
  font-weight: 500;
}

.small-text-card:not(.no-bg) p a {
  text-decoration: none;
}

.small-text-card.single-page-links p {
  line-height: 210%;
}

.small-text-card.single-page-links p a {
  font-weight: 500;
}

.small-text-card.sticky {
  position: sticky;
  top: 89px;
}

.small-text-card.no-bg {
  background-color: transparent;
  padding: 0;
}

@media all and (max-width: 768px) {
  .single-page-content {
    --flow-space: 20px;
  }
  .single-page-content h3 {
    font-size: 20px;
  }
  .creator-testimonial {
    padding-bottom: 40px;
  }
  .creator-testimonial + .creator-testimonial {
    padding-top: 40px;
  }
  .single-page-content .columns {
    row-gap: 24px;
  }
  .small-text-cards {
    grid-template-columns: 100%;
  }
  .small-text-card {
    padding: 30px;
  }
  .small-text-cards + .small-text-cards {
    margin-top: 40px;
  }
}

.text-c {
  text-align: center;
}

.logo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter);
}

.logo-grid-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.logo-grid-block img {
  max-height: 50px;
}

@media all and (max-width: 768px) {
  .logo-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.faqs-group + .faqs-group {
  margin-top: 100px;
}

.faqs-group h3 {
  margin-bottom: 40px;
}

.faq-row {
  border-bottom: 1px solid var(--grey);
  padding-bottom: 40px;
}

.faq-row + .faq-row {
  padding-top: 40px;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-page .woocommerce-notices-wrapper .woocommerce-message, .wcvendors-pro-dashboard-wrapper .woocommerce-message {
  position: fixed;
  top: 70px;
  right: 40px;
  margin: 0 !important;
  padding: 20px 20px 21px 20px !important;
  background-color: #EBFBFF !important;
  border: 1px solid #BCE8F5 !important;
  color: #5E86A2 !important;
  border-radius: 6px !important;
  max-width: 350px;
  line-height: 133%;
  z-index: 500;
  animation: alert 5s forwards var(--easing);
}


.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message {
  padding: 20px 20px 21px 20px !important;
  background-color: #EBFBFF !important;
  border: 1px solid #BCE8F5 !important;
  color: #5E86A2 !important;
  border-radius: 6px !important;
  line-height: 133%;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message a, .woocommerce .woocommerce-notices-wrapper .woocommerce-error a, .woocommerce .woocommerce-notices-wrapper .woocommerce-info a, .woocommerce-page .woocommerce-message a, main .woocommerce .woocommerce-info a, main .woocommerce .woocommerce-error a {
  color: #5E86A2 !important;
  background: none !important;
  font-weight: 500;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message a:hover, .woocommerce .woocommerce-notices-wrapper .woocommerce-error a:hover, .woocommerce .woocommerce-notices-wrapper .woocommerce-info a:hover, .woocommerce-page .woocommerce-message a:hover, main .woocommerce .woocommerce-info a:hover, main .woocommerce .woocommerce-error a:hover {
  opacity: .6;
}

.woocommerce-notices-wrapper .woocommerce-error strong {
  color: #5E86A2 !important;
}

@keyframes alert {
  0% {
    transform: translateX(calc(100% + 40px));
  }
  10%, 90% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(100% + 40px));
  }
}

.single-page-content .woocommerce-MyAccount-navigation ul li a {
  display: grid;
  grid-template-columns: 26px 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px 0 !important;
}

.single-page-content .woocommerce-MyAccount-navigation ul li a .icon {
  font-size: 25px;
  place-self: center;
}

.single-page-content .woocommerce-MyAccount-navigation ul * + * {
  margin-top: 0;
}

.woocommerce-address-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
}

@media all and (max-width: 768px) {
  .woocommerce-address-fields__field-wrapper {
    grid-template-columns: 1fr;
  }
}

.woocommerce form .woocommerce-address-fields__field-wrapper .form-row-first, .woocommerce form .woocommerce-address-fields__field-wrapper .form-row-last, .woocommerce-page form .woocommerce-address-fields__field-wrapper .form-row-first, .woocommerce-page form .woocommerce-address-fields__field-wrapper .form-row-last {
  width: 100%;
}

.woocommerce-account p:has([type=submit]) {
  margin-top: 12px;
  border-top: 1px solid var(--grey);
  padding-top: 40px;
}

.woocommerce-account button[type=submit] {
  width: 100%;
}

.woocommerce-MyAccount-navigation-link--open-a-shop {
  margin-top: 30px !important;
}

.myaccount-main-content {
  background-color: var(--light-grey);
  border: 1px solid var(--grey);
  padding: 80px;
  --flow-space: 40px;
}

.myaccount-main-content .wpcf7 {
  --flow-space: 70px;
}

.myaccount-main-content .wpcf7 form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--gutter);
}

.myaccount-main-content .wpcf7 form :has([type=submit]),
.myaccount-main-content .wpcf7 form :has([data-name=checkbox-categories]),
.myaccount-main-content .wpcf7 form :has([data-name=download]) {
  grid-column: auto / span 2;
}

@media all and (max-width: 768px) {
  .myaccount-main-content {
    padding: 30px;
  }
  .myaccount-main-content .wpcf7 form {
    grid-template-columns: 1fr;
  }
}

.wpcf7-spinner {
  position: absolute;
}

.woocommerce input#coupon_code {
  width: 100% !important;
  font-size: inherit !important;
}

.woocommerce .form-wrap form .form-row:not(.no-margin) {
  margin: 0 0 30px;
}

.woocommerce .payment_box p.woocommerce-SavedPaymentMethods-saveNew {
  padding: 0;
  color: var(--dark);
}

.woocommerce .form-wrap form .form-row.no-margin {
  margin: 0;
}

.columns#customer_details {
  row-gap: 40px;
}

.woocommerce-page .form-wrap table.shop_table tfoot td, .woocommerce-page .form-wrap table.shop_table tfoot th {
  font-family: inherit;
  padding: 3px 0;
  border-top: none;
}

.woocommerce-page .form-wrap table.shop_table tfoot td {
  font-weight: 400;
  text-align: right;
}
.woocommerce-page .form-wrap table.shop_table tfoot strong {
  font-weight: 500;
}

.woocommerce-page .sidebar table.shop_table tbody td {
  padding: 18px 0;
}

.woocommerce .form-wrap #payment {
  background-color: var(--light-grey);
  padding: 30px;
  border-radius: 0;
}

.woocommerce .form-wrap #payment .wc_payment_methods li {
  position: relative;
  padding-bottom: 20px;
}

.woocommerce .form-wrap #payment .wc_payment_methods li > input[type=radio] {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.woocommerce .form-wrap #payment .wc_payment_methods li:not(:has(input[type=radio]:checked)) {
  opacity: .4;
}

.woocommerce .form-wrap #payment .wc_payment_methods li > label {
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  font-size: 17px;
}

.woocommerce .form-wrap #payment .wc_payment_methods li > label .icon-stripe {
  font-size: 16px;
}
.woocommerce .form-wrap #payment .wc_payment_methods li > label .icon-ppcp-gateway {
  font-size: 21px;
}

.woocommerce .form-wrap #payment .wc_payment_methods li + li {
  border-top: 1px solid var(--grey);
  padding-top: 20px;
}

.woocommerce .form-wrap #payment .wc_payment_methods li:last-child {
  padding-bottom: 0;
}


.woocommerce .form-wrap #payment div.payment_box {
  padding: 0;
  margin: 0;
}

.woocommerce .form-wrap #payment div.form-row, .woocommerce-page .form-wrap #payment div.form-row {
  padding: 0 !important;
  margin: 30px 0 0 0 !important;
  border-top: 0 !important;
}

.testmode-info {
  display: none;
}

fieldset {
  border: 0;
  outline: 0;
  padding: 0;
}

.woocommerce-privacy-policy-text p {
  font-size: 12px;
  color: var(--dark-grey);
}

.woocommerce .checkout .woocommerce-billing-fields {
  padding: 0;
}

.wvc-main-content-lt #nav-tab-tabs-sales {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.wvc-main-content-lt #nav-tab-tabs-sales a.nav-link {
  display: block;
}

.sf-checkout-cart-items .add-edit-licences-link,
.sf-checkout-cart-items .select-licence-label {
  display: none;
}

.sf-checkout-cart-items .mini-cart-item-info p:not(.product-title) a {
  text-decoration: underline;
}

.secure-payments-icons {
  display: block;
  margin-bottom: 30px;
}

.thank-you-message .icon-success {
  font-size: 32px;
}

.thank-you-message h1.type-xl {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.thank-you-message a {
  text-decoration: underline;
}

.type-xl {
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -.06em;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}

@media screen and (width >= 768px) {
  .type-xl {
    font-size: calc(3.75375vw + 21.1712px);
  }
}

@media screen and (width >= 2100px) {
  .type-xl {
    font-size: 100px;
  }
}

.product-gallery-images {
  --flow-space: 40px;
}

.product-gallery-images .flickity-button {
  background: transparent;
}

.product-gallery-images .flickity-prev-next-button {
  width: 30px;
  height: 30px;
}

.product-gallery-images .flickity-page-dots .dot {
  opacity: 1;
  background: none;
  border-radius: 0;
  width: 14px;
  height: 14px;
  margin: 0;
  position: relative;
}

.product-gallery-images .flickity-page-dots .dot:after {
  content: "";
  background-color: var(--grey);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-gallery-images .flickity-page-dots .dot.is-selected:after {
  background-color: var(--dark);
}

.product-gallery-images .product-gallery-image {
  width: 100%;
  margin-right: var(--gutter);
}

.with-bottom-border {
  border-bottom: 1px solid var(--grey);
  padding-bottom: 44px;
}

@media all and (max-width: 768px) {
  .with-bottom-border {
    padding-bottom: 25px;
  }
}

.custom-file-upload-wrap {
  position: relative;
  background: var(--white);
  border: 1px solid var(--grey);
  padding: 15px;
  letter-spacing: -.02em;
  font-size: 16px;
  line-height: 22px;
  color: var(--dark);
  height: 52px;
  display: flex;
  align-items: center;
}

.custom-file-upload-wrap label {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  text-decoration: underline;
}

.multi-checkboxes {
  background-color: white;
  max-height: 150px;
  overflow-y: auto;
  padding: 15px;
  border: 1px solid var(--grey);
}

.woocommerce form .form-row .woocommerce-input-wrapper .description {
  position: absolute;
  background-color: var(--dark);
  z-index: 10;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
  border-color: var(--dark) transparent transparent transparent;
}

.saved-paymentMethods-holder {
  margin-bottom: 40px;
}

.saved-paymentMethod-item { 
  display: flex;
  align-items: center;
  border: 1px solid var(--grey);
  padding: 15px;
  background: var(--white);
  justify-content: space-between;
  flex-wrap: wrap;
}

@media all and (max-width: 768px) {
  .saved-paymentMethod-item { 
    row-gap: 12px;
  }
  .saved-paymentMethod-item .payment-method-actions {
    width: 100%;
    font-size: 0;
  }
  .saved-paymentMethod-item .button {
    padding: 10px !important;
    width: 100% !important;
  } 
}

.login-as-user.login-as-user-top {
  opacity: .5;
  top: 80px !important;
}

.section-header-block {
  background: linear-gradient(0deg, #FFF4F7 14.11%, #FBC815 94.06%);
  padding: 50px;
  display: flex;
  --flow-space: 30px;
  align-items: flex-end;
  min-height: 430px;
}

@media (max-width: 768px) {
  .section-header-block {
    padding: 20px;
    min-height: 380px;
  }
}

.section-header-block p {
  max-width: 640px;
  opacity: .4;
  margin-top: 39px;
}

#billing_address_2_field .optional {
  display: none;
}

@media all and (max-width: 768px) {
  .woocommerce table.shop_table {
    margin-bottom: 30px !important;
  }
}

@media all and (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
  .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent !important;
  }
}