/* ---- color tokens — keep names compatible with woodstock theme so we don't have to rewrite cards later ---- */
:root,.color-background-2 {
  --color-foreground: 255, 255, 255;
  --color-background: 7, 5, 26;
  --gradient-background: #07051a;
  --color-button-text: 255, 255, 255;
  --color-button: 122, 78, 255;
  --color-sale-off-price: 239, 68, 68;
  --color-compare-at-price: 148, 163, 184;
  --color-review-stars: 251, 191, 36;
  --color-background-input: 8, 6, 28;--color-text-message-success: 22, 101, 52;
  --color-background-message-success: 239, 253, 244;
  --color-text-message-warning: 160, 98, 7;
  --color-background-message-warning: 254, 252, 232;
  --color-text-message-error: 152, 28, 27;
  --color-background-message-error: 254, 242, 242;
}
.color-inverse {
  --color-foreground: 250, 250, 250;
  --color-background: 18, 12, 44;
  --gradient-background: #120c2c;
  --color-button-text: 255, 255, 255;
  --color-button: 122, 78, 255;
  --color-sale-off-price: 239, 68, 68;
  --color-compare-at-price: 115, 115, 115;
  --color-review-stars: 122, 78, 255;
  --color-background-input: 23, 23, 23;
}:root {
  --font-body-family: Rajdhani, sans-serif;
  --font-body-style: normal;
  --font-body-weight: 300;
  --font-body-weight-bold: 600;
  --font-body-weight-medium:400;
  --font-body-weight-large:500;

  --font-heading-family: Rajdhani, sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 500;
  --font-heading-weight-bold: 700;
  --font-heading-weight-rte-bold: 700;
  --font-heading-weight-semi-bold:600;
  --font-heading-weight-medium:600;

  --font-body-scale: 1.0;
  --font-heading-scale: 1.0;

  --color-global-shadow: 122, 78, 255;

  --card-heading-product-weight: var(--font-heading-weight-semi-bold);--font-button-family: var(--font-heading-family);
  --font-button-style: var(--font-heading-style);
  --font-button-weight: var(--font-heading-weight);
  --font-button-weight-medium: var(--font-heading-weight-medium);
  --font-button-scale: var(--font-heading-scale);
  --font-button-weight-bold: var(--font-heading-weight-semi-bold);--page-width: 144rem;
  --page-width-margin: 0rem;

  --transform-direction: -1;
  --left-holder: left;
  --right-holder: right;
  --center-holder: center;

  --spacing-sections-desktop: 0px;
  --spacing-sections-mobile: 0px;

  --grid-desktop-vertical-spacing: 28px;
  --grid-desktop-horizontal-spacing: 28px;
  --grid-mobile-vertical-spacing: 14px;
  --grid-mobile-horizontal-spacing: 14px;

  --variants-pills-color-radius:0.3rem;
  --card-product-color-radius:0rem;
}

:root, .color-background-1, .color-background-2, .color-inverse {
  --color-button-outline: var(--color-button-text);
  --color-button-text-outline: var(--color-button);
  --color-link: var(--color-foreground);
  --color-line: rgb(var(--color-foreground), .3);
  --color-card-hover: var(--color-foreground);
  --color-accent-text: var(--color-highlight);
  --color-price-foreground: var(--color-foreground);
  --color-review-stars-foreground: var(--color-review-stars);
  --color-highlight: var(--color-button);
}

body, .color-background-1, .color-background-2, .color-inverse {
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
}*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: calc(var(--font-body-scale) * 62.5%);
  height: 100%;
  scroll-behavior: smooth;
}

body {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100%;
  margin: 0;
  font-size: 1.6rem;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  background:#07051a;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display:block; }

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}
.page-width--full { width:100%; padding:0 1.5rem; box-sizing:border-box; }

.list-unstyled { list-style:none; padding:0; margin:0; }
.flex { display:flex; }
.align-center { align-items:center; }
.justify-center { justify-content:center; }
.justify-right { justify-content:flex-end; }
.justify-space-between { justify-content:space-between; }
.flex-grow-1 { flex:1 1 0; }
.flex-wrap { flex-wrap:wrap; }
.overflow-hidden { overflow:hidden; }
.por { position:relative; }
.db { display:block; }
.w100 { width:100%; }
.h100 { height:100%; }
.center { text-align:center; }
.gradient { background-image: var(--gradient-background, none); }
.isolate { isolation: isolate; }
.visually-hidden { position:absolute !important; clip:rect(0 0 0 0); width:1px; height:1px; overflow:hidden; }
.skip-to-content-link:focus { clip:auto; width:auto; height:auto; }

.shopify-section { display:block; }

@media(min-width:990px){
  .small-hide { display:inline-block; }
}
@media(max-width:989px){
  .small-hide { display:none; }
}
@media(min-width:990px){
  .hide-on-desk { display:none !important; }
}